@charset "utf-8";

/* ----------------------------------------------

	CSS information
	file name  :  Top layout.css
	infomation :  レイアウト
	
 ---------------------------------------------- */




body{background:url(../images/bg_body.jpg) repeat center top;}
		
#wrapper{
	width:320px;
	margin:0 auto;
	background:#ffffff;
	}

#container{
	width:320px;
	margin:0 auto;
	background:url(../images/bg_image_top.jpg) no-repeat center top;
	}





/* ヘッダ */
#header{
	width:308px;
	margin:0 auto;
	text-align:left;
	height:220px;
	}
	#logo{padding-top:7px;}


/* 中面ナビ大 */

#header-nav{
	width:308px;
	height:85px;
	}
	#header-nav #navL {
		padding-top:3px;
		}
		#navL a{
			float:left;
			margin-right:8px;
			}

		/*#navL a.nav01{width:93px;height:35px;background:url(../images/navi_01.png) no-repeat;}
		#navL a.nav02{width:152px;height:35px;background:url(../images/navi_02.png) no-repeat;}
		#navL a.nav03{width:93px;height:35px;background:url(../images/navi_03.png) no-repeat;}
		#navL a.nav04{ clear:both;width:116px;height:35px;background:url(../images/navi_04.png) no-repeat;}
		#navL a.nav05{width:93px;height:35px;background:url(../images/navi_05.png) no-repeat;}
		#navL a.nav06{width:116px;height:35px;background:url(../images/navi_06.png) no-repeat;}
		#navL a.nav07{width:187px;height:35px;background:url(../images/navi_07.png) no-repeat;}
		
		#navL a.nav01:hover{background:url(../images/navi_01_over.png) no-repeat;}
		#navL a.nav02:hover{background:url(../images/navi_02_over.png) no-repeat;}
		#navL a.nav03:hover{background:url(../images/navi_03_over.png) no-repeat;}
		#navL a.nav04:hover{background:url(../images/navi_04_over.png) no-repeat;}
		#navL a.nav05:hover{background:url(../images/navi_05_over.png) no-repeat;}
		#navL a.nav06:hover{background:url(../images/navi_06_over.png) no-repeat;}
		#navL a.nav07:hover{background:url(../images/navi_07_over.png) no-repeat;}
		*/


/* 中面ナビ小 */

#header-nav #navS{
	clear:both;
	width:308px;
	padding-top:6px;
	}

ul#navETC{
	width:90px;
	float:left;
	}

ul#navETC a {
	color: #FFFFFF;
	text-decoration: none;
	}

	ul#navETC a:link,
	ul#navETC a:visited {
        background: #324a4a;
		}
	ul#navETC a:hover,
	ul#navETC a:active {
        background: #e8345e;
		}

ul#navETC li {
	float: left;
	position: relative;
	width: 90px;
	line-height:23px;
	}

ul#navETC li a {
        display: block;
        width: 90px;
        height: 23px;
        text-align: center;
		}

/* 下層のメニューを不可視に */
ul#navETC li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#navETC li:hover ul {
        display: block;
        position: absolute;
        /*z-index: 100;*/
}

ul#navETC li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
		border-bottom:1px sold #ffffff;
		}

		/*#navS a.nav01{width:76px;height:24px;background:url(../images/navi_s01.png) no-repeat;}
		#navS a.nav02{width:83px;height:24px;background:url(../images/navi_s02.png) no-repeat;}
		#navS a.nav03{width:84px;height:24px;background:url(../images/navi_s03.png) no-repeat;}
		#navS a.nav04{width:63px;height:24px;background:url(../images/navi_s04.png) no-repeat;}
		#navS a.nav05{clear:both;width:90px;height:24px;background:url(../images/navi_s05.png) no-repeat;}
		#navS a.nav06{width:91px;height:24px;background:url(../images/navi_s06.png) no-repeat;}
		#navS a.nav07{width:87px;height:24px;background:url(../images/navi_s07.png) no-repeat;}
		#navS a.nav08{width:116px;height:24px;background:url(../images/navi_s08.png) no-repeat;}
		#navS a.nav09{width:152px;height:24px;background:url(../images/navi_s09.png) no-repeat;}
		#navS a.nav10{width:75px;height:24px;background:url(../images/navi_s10.png) no-repeat;}
		
		
		#navS a.nav01:hover{background:url(../images/navi_s01_over.png) no-repeat;}
		#navS a.nav02:hover{background:url(../images/navi_s02_over.png) no-repeat;}
		#navS a.nav03:hover{background:url(../images/navi_s03_over.png) no-repeat;}
		#navS a.nav04:hover{background:url(../images/navi_s04_over.png) no-repeat;}
		#navS a.nav05:hover{background:url(../images/navi_s05_over.png) no-repeat;}
		#navS a.nav06:hover{background:url(../images/navi_s06_over.png) no-repeat;}
		#navS a.nav07:hover{background:url(../images/navi_s07_over.png) no-repeat;}
		#navS a.nav08:hover{background:url(../images/navi_s08_over.png) no-repeat;}
		#navS a.nav09:hover{background:url(../images/navi_s09_over.png) no-repeat;}
		#navS a.nav10:hover{background:url(../images/navi_s10_over.png) no-repeat;}
*/
		


#banArea{ width:296px;
	margin:0 auto;}

#banArea img{margin-bottom:5px;}

#contents{
	clear:both;
	width:300px;
	margin:0 auto;
	}

		
#infomation{
	width:100%;
	background:#f2f2d8 url(../images/bg_info.gif) no-repeat left top;
	text-align:left;
	}
	#infomation a.rss{
		width:14px;
		height:14px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}
	#infomation ul{
		padding:5px 10px 8px 10px;
		}
		#infomation li{
			font-size:82%;
			line-height:1.4;
			}
		#infomation li a{color: #404040;}


/*
#banArea{
	width:500px;
	padding-top:13px;
	}
	#banArea img{margin-right:28px;}
*/




	
	#contents #movie{
		width:294px;
		text-align:center;
		margin:10px;
		}
		#contents #movie dt{text-align:left;}
		#contents #movie dt img{margin-right:2px;}
		#contents #movie .movie{
			width:290px;
			height:160px;
			background:#e8345e;
			border:2px solid #e8345e;
			}
		#contents #movie .btn{text-align:right;}


	#contents #mobile{	
		width:313px;
		height:213px;
		float:left;
		margin:34px 7px 0 0;
		text-align:left;
		}
		#contents #mobile p{display:none;}
		#contents #mobile .btn{margin:170px 0 0 137px;}
		
	#contents #extra{	
		width:290px;
		height:213px;
		float:left;
		margin:34px 0 0 0;
		text-align:left;
		}
		#contents #extra p{display:none;}
		#contents #extra .btn{margin:170px 0 0 23px;}








#bookmark{
	float:left;
	width:165px;
	height:36px;
	}

	#bookmark li{
		float:left;
		display:inline;
		margin-right:3px;
		}


#footer{
	clear:both;
	width:300px;
	margin:0 auto;
	padding:5px 10px;
	background:#f3efe7;
	height:36px;
	}



	#footer .btnArea{
		clear:both;
		width:300px;
		margin:0 auto;
		padding:5px 0 0;
		text-align:left;
		}
		#footer .btnArea img{margin:0 8px 3px 0;}


.copyright{
	font-size:82%;
	width:320px;
	color:#ffffff;
	margin:0 auto;
	padding:10px 0;
	line-height:1.0;
	}