@charset "UTF-8";


/* layout  ------------------------------*/
body {
	position: relative;
	font-family:"Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica, Arial, sans-serif;
	background: #FFF;
	line-height:100%;
	text-align:center;
	font-size:75%;
}

.container {
	color: #333333;
	width:978px;
	margin: 5px auto;
	padding-bottom: 10px;
	border-top:2px solid #666666;
	text-align:left;
}


img{
	border:0;
}

.clear{
	clear:both;
}

/* link  ------------------------------*/
a{
	overflow:hidden;
}

a:link{
	color:#336699;
	text-decoration:underline;
}
a:visited{
	color:#336699;
	text-decoration:underline;
}
a:active{
	color:#0099ff;
	text-decoration:underline;
}
a:hover{
	color:#0099ff;
	text-decoration:none;
}

/* font size  ------------------------------*/
#pankuzu{
	font-size:11px;
}

#menuBlock{
	font-size:12px;
}

/* レイアウト  ------------------------------*/
#pankuzu{
	padding:10px 0;
	width:978px;
}

#mainBlock{
	width:978px;
	padding:0;
}

.contentsBlock{
	float:left;
	width:676px;
	border:1px solid #cccccc;
	padding:18px;
}

	* html .contentsBlock{
		width:676px;
	}

h2{
	clear:both;
	font-size:1.6em;
	font-weight:bold;
	line-height:140%;
	padding:0 0 10px 0;
}

.contentsBlock h3{
}

.contentsBlock h4{
}

.contentsBlock h5{
}

.contentsBlock p{
	line-height:180%;
	margin-bottom:12px;
}

	/* リンク集などに使用 */
	a.outSite{
		background:url(/category/event/images/icon_blank.gif) no-repeat 100% 3px;
		padding:0 17px 0 0;
	}
	img.outSite{
		margin-left: 5px;
	}


/* ページトップへ */
#mainBlock #pageTop{
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:20px;
}

	#mainBlock #pageTop a{
		text-align:right;
		font-size:10px;
	}

/* メニューブロック  ------------------------------*/

#menuBlock{
	float:right;
	width:234px;
	padding:10px;
	background-color:#cbe9cb;
}

	* html #menuBlock{
		width:234px;
	}

/* 先行予約＆開催情報一覧 */
#preInfoArea,
#eventListArea{
	background:#FFFFFF;dl
}

#preInfoArea h3,
#eventListArea h3{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:110%;
	text-align:center;
	padding:6px;
	background:url(/category/event/images/sub_ttl_bg.jpg) repeat-x 0 0;
}

#preInfoArea dl,
#eventListArea dl{
	padding:0 5px 5px 5px;
}

	#preInfoArea dt,
	#eventListArea dt{
		position:absolute;
		width:60px;
		padding:5px 0;
	}

	#preInfoArea dd,
	#eventListArea dd{
		position:relative;
		font-size:12px;
		line-height:140%;
		padding:5px 0 6px 65px;
		background:url(/category/event/images/line_dot_gray.gif) repeat-x left bottom;
	}

#preInfoArea p{
	color:#ff6600;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	padding:3px 5px 3px 5px;
	margin-bottom:0;
}

/* メ～チケ会員登録 */
.ticketRegist{
	background-color:#ffffff;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #29ce2a;
	border-right:1px solid #29ce2a;
	border-left:1px solid #29ce2a;
}

.ticketRegist h4{
	text-indent:-9999px;
	height:22px;
	background:url(/category/event/images/sub_ttl_ticket.jpg) no-repeat 0 0;
}
.ticketRegistBuy {
	background:url(/category/event/images/sub_ttl_ticket2.jpg) no-repeat 0 0 !important;

}


.ticketRegist ul{
	padding:6px 6px 0 6px;
}

	.ticketRegist li{
		float:left;
		padding:4px;
	}

.ticketRegist p{
	font-size:9px;
	line-height:120%;
	padding:0 5px;
}

/* スタッフブログ */
#staffBlog{
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

#staffBlog h3{
	width:224px;
	height:44px;
	border-bottom:1px solid #003366;
}

#staffBlog h3 a{
	text-indent:-9999px;
	width:224px;
	height:44px;
	display:block;
	background:url(/category/event/images/sub_ttl_staffblog.jpg) no-repeat 50% 4px;
}

#staffBlog dl{
	
}

	#staffBlog dt,
	#staffBlog dd{
		font-size:12px;
		line-height:140%;
	}

	#staffBlog dt{
		padding-top:4px;
	}

	#staffBlog dd{
		background:url(/category/event/images/line_dot_blue.gif) repeat-x left bottom;
		padding-bottom:5px;
	}


/* プラグインの入手 */
#pluginInfo{
	padding:12px 12px 0 12px;
	background-color:#EFEFEF;
	margin:10px 0 0 0;
	font-size:12px;
}

	#pluginInfo div#attentionArea{
		float:left;
		width:440px;
	}

	#pluginInfo div#attentionArea p{
		line-height:150%;
	}

	#pluginInfo div#attentionArea p img{
		float:left;
		margin-right:4px;
	}

	#pluginInfo div#dlArea{
		float:right;
		width:180px;
		text-align:center;
		font-size:90%;
		line-height:120%;
	}

	#pluginInfo div#dlArea img{
		display:block;
		margin:0 auto 3px auto;
	}