@charset "utf-8";

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

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




body{background:url(../images/bg_body.jpg) repeat center top;}
		
#wrapper{
	width:100%;
	height:100%;
	}

#container{
	background:url(../images/bg_image_top.png) no-repeat center top;
	min-width:1170px;
	min-height:810px;
	width: auto;
	height:810px !important;
	}

#container
   {width:expression(document.body.clientWidth < 1172? "1170px" : document.body.clientWidth >  "auto");}





/* ヘッダ */
#header{
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
	.head_left{ width:515px; padding-left:7px; float:left;}
	.head_right{ width:515px; float:left;}
	
	#logo{padding-top:16px;}


	/*.photo{
		position:absolute;
		top:0;
		left:306px;
		}*/
	
	.catch{
		position:absolute;
		top:15px;
		left:572px;
		}

#header-nav{
	width:515px;
	height:147px;	
	}
	#header-nav #navL{
		padding-top:2px;
		height:82px;
		overflow:hidden;
		}
		#navL a{
			float:left;
			margin:3px 10px 0 0;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			}

		#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{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.nav08{width:47px;height:35px;background:url(../images/navi_08.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;}
		#navL a.nav08:hover{background:url(../images/navi_08_over.png) no-repeat;}


/* 中面ナビ小 */
#header-nav #navS{
	padding-top:4px;
	height:60px;
	overflow:hidden;
	}
		#navS a{
			float:left;
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			}

		#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{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;}

		
		
#infomation{
	width:466px;
	height:35px;
	position:relative;
	padding:15px 10px 0;
	}
	#infomation a.rss{
		width:14px;
		height:14px;
		display:block;
		position:absolute;
		top:0px;
		left:0;
		text-indent:-9999px;
		overflow:hidden;
		}
	#infomation ul{
		}
		#infomation li{
			font-size:82%;
			line-height:1.4;
			}
		#infomation li a{color: #404040;}



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





#contents{
	clear:both;
	width:930px;
	margin:0 auto;
	}
	
	#contents #movie{
		width:294px;
		float:left;
		text-align:center;
		margin:24px 15px 0 0;
		/*background:url(../images/movie.png) no-repeat left 21px;*/
		}
		#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;}



#footer{
	clear:both;
	width:860px;
	margin:0 auto;
	padding-top:55px;
	text-align:left;
	}
	
	#footer .copyright{
		width:376px;
		height:10px;
		background: url(../images/copy.png) no-repeat left top;
		text-indent:-9999px;
		overflow:hidden;
		}