@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	color:#333333;
	font-size: 14px;
	text-align:center;
	background:url(../images/bg.jpg) 0 0 repeat;
	font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
}
img{border:0;}
.clear{clear:both;}
a{color:#000; text-decoration:underline;overflow: hidden;outline-style: none;}
a:hover{color:#ff0000;}
ul,li{margin:0; padding:0; list-style:none;}
.r{float:right;}
.l{float:left;}


#warp{width:980px; margin: auto; text-align:left;}
#main{background:url(../images/main_bg.png) 0 0 repeat-y; width:960px; padding: 0 10px 0 10px;}
.preload{position:absolute;z-index:0;}
.preload img{width:0;height:0;}

/* ===================================== */

#head{
	width:960px;
	height:239px;
	background:url("../images/top.jpg") 0 0 no-repeat;
	position: relative;
}
#head .date{
	position:absolute;
	left:189px;
	top:163px;
	/top:165px;
	width:58px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
}
#head ul,#head li{margin:0; padding:0; list-style:none;}
#head .menu{
	background:url("../images/menu.gif") no-repeat;
	width:960px;
	height:30px!important;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:209px;
	z-index:1;
}
#head .menu li{
	display: block;

}
#head .menu .menu10{
	margin-right:0;
}
#head .menu 	.on img{background:url("../images/menu.gif") no-repeat;}
#head .menu .menu01 .on img{background-position:-5px -30px;}
#head .menu .menu02 .on img{background-position:-101px -30px;}
#head .menu .menu03 .on img{background-position:-197px -30px;}
#head .menu .menu04 .on img{background-position:-293px -30px;}
#head .menu .menu05 .on img{background-position:-389px -30px;}
#head .menu .menu06 .on img{background-position:-485px -30px;}
#head .menu .menu07 .on img{background-position:-581px -30px;}
#head .menu .menu08 .on img{background-position:-677px -30px;}
#head .menu .menu09 .on img{background-position:-773px -30px;}
#head .menu .menu10 .on img{background-position:-869px -30px;}

* html #head .menu{margin-top:0;}
#head .menu li{
	float:left;
	margin:0 5px;
	padding:0;
	width:86px;
	height:30px;
}
#head .menu a{float:left;}
#head .menu a,
#head .menu img{
	width:86px;
	height:30px;
	display:block;
}
#head .fukidasi{
	width:960px;
	height:39px;
	position:absolute;
	left:0;
	top:180px;
	z-index:2;
}
#head .fukidasi .floatPicture{position:absolute;left:0;top:0;width:960px;height:39px;}



/* ===================================== */
#middle{background:url(../images/middle_bg.jpg) 0 0 repeat-y;padding-top:10px;}
#middle .comment{}
#middle .comment .mid_fl{text-align:center; padding: 10px 0 0 0;}
#middle .comment .cent{height:1%; overflow:hidden!important; overflow/**/:visible; padding: 0 0 20px 18px;}
#middle .comment .l_news{width:580px; height:315px; float:left; background:url(../images/l_news_bg.jpg) 0 0 no-repeat;}
#middle .comment .l_news ul{margin:0; padding: 73px 0 0 40px; list-style:none; width:505px;}
#middle .comment .l_news ul li{margin:0; padding: 8px 0 0 0; height:23px; list-style:none;}
#middle .comment .l_news ul li em{color:#00baff; font-style:normal; display:block; float:left; width:80px; font-size:14px;}
#middle .comment .l_news ul li a{font-size:14px;}
#middle .comment .r_btn{width:315px; float:left; padding: 18px 0 0 17px;}

#middle .comment .l_whatsnew{width:580px; height:200px;background:url(../images/l_whatsnew_bg.jpg) 0 0 no-repeat;}


/* ===================================== */
#middle .comment .t_cent{height:1%; overflow:hidden!important; overflow/**/:visible;}
#middle .comment .t_left{width:580px; float:left; padding: 2px 0 20px 18px; min-height:400px; height: auto!important; height:400px;}
#middle .comment .t_left .info{}
#middle .comment .t_left .info span.pp1{padding: 6px 0 20px 20px; font-size:14px; line-height:22px; display:block;}




/* ===================================== */
.news_info{width:550px; padding: 0 0 0 15px;}
.news_info .info_tit{background:url(../images/news_info_tit_bg.jpg) bottom no-repeat #fffce5; padding: 20px 10px 5px 10px; font-weight:bold;}
.news_info .cont{padding: 6px 10px 0 10px; font-size:14px; line-height:22px;}



/* ===================================== */
#middle .comment .t_bot{padding: 2px 0 20px 18px; min-height:400px; height: auto!important; height:400px;}
#middle .comment .t_bot .info2{padding: 0 0 0 20px; font-size:14px; line-height:22px;}
#middle .comment .t_bot .info{float:left; width:430px; padding: 0 0 0 20px;}
#middle .comment .t_bot .info ul{ padding: 0 0 0 0; margin: 12px 0 0 0; background:url(../images/info_ul_bg0.jpg) 0 0 repeat #e9f9ff;}
#middle .comment .t_bot .info ul li{padding: 8px 9px 6px 15px; font-size:14px;line-height:22px;color:#343434;}
#middle .comment .t_bot .info ul li .r{margin-top:-2px;}
#middle .comment .t_bot .info ul li img{margin-left:3px;}
#middle .comment .t_bot .info .n{ background:#fff;}
#middle .comment .t_bot .info .show{color:#343434; font-size:12px;line-height:20px; padding:4px 0 0 0;}

/* ===========チケット-テキスト関連============== */
#middle .comment .t_bot .ticket{padding: 0 0 0 20px; font-size:14px;}
#middle .comment .t_bot .ticket .kome{max-width:680px;display: block;padding:5px;border: solid 1px #999999;}
#middle .comment .t_bot .ticket h1{ font-size:1.2em; font-weight:bold; line-height: 145%; margin:0;}
#middle .comment .t_bot .ticket h2{ font-size:1.0em; font-weight:bold; margin:0;}
#middle .comment .t_bot .ticket p{ font-size:1.0em; margin:0;}



/* ===================================== */
#footer{background:url(../images/footer_bg.png); height:65px; margin: 0 0 10px 0;}
#footer .link{padding: 5px 0 0 40px; position:relative;}