@charset "utf-8";

/* reset */
	html{font-size:62.5%}
	body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height:1.7;font-size:1.6em}
	body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,a,img,td,tr{margin:0;padding:0;border:none}
	li{list-style:none}
	img{vertical-align:top}
	table th{text-align:left;font-weight:normal;vertical-align: top}
	iframe{border:none}
	input,select,textarea{font-size:16px}
	input[type="submit"],input[type="reset"],select,button,label{cursor:pointer}

/* script */
	#imagelightbox{
		position: fixed;
		z-index: 9999;
		-ms-touch-action: none;
		touch-action: none;
		border: 4px solid #fff;
		-webkit-border-radius: 8px;
		        border-radius: 8px;
	}
	#movie{
		background: url(images/bg_movie.jpg) center top no-repeat;
		margin-top: 8px;
		padding-top: 220px;
	}

/* 共通コンテンツ */
	body{
		background: url(images/bg_body.gif);
	}

/* 共通クラス */
	.clearfix{
		zoom: 1;
	}
	.clearfix:after{
		content: "";
		display: block;
		clear: both;
	}
	.tal{
		text-align: left;
	}
	.tac{
		text-align: center;
	}
	.tar{
		text-align: right;
	}
	.fleft{
		float: left;
	}
	.fright{
		float: right;
	}
	.bon{
		border: none !important;
	}
	.partition .fleft,
	.partition .fright{
		width: 49%;
	}
	.banners{
		width: 1000px;
		margin: 0 auto 32px;
	}
	.text_red{
		color: #a00;
	}
	.ster_red:before{
		content: "* ";
		color: #a00;
	}

/*  */
	body{
		text-align: center;
	}

/* header */
	#header{
		background: url(images/bg_header.jpg) center top no-repeat;
		position: relative;
		z-index: 10;
	}
	#header h1{
		margin-top: -4px;
	}
	#header .nav{
		padding-top: 490px;
	}
	.nav{
		width: 1000px;
		margin: auto;
	}
	.nav li{
		float: left;
		width: 250px;
	}
	.nav a{
		display: block;
		height: 0;
		padding-top: 224px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center 6px;
	}
	.nav01 a{
		background-image: url(images/nav_01.png);
	}
	.nav02 a{
		background-image: url(images/nav_02.png);
	}
	.nav03 a{
		background-image: url(images/nav_03.png);
	}
	.nav04 a{
		background-image: url(images/nav_04.png);
	}
	.nav a:hover{
		background-position: center bottom;
	}

/* footer */
	#footer{
		padding-top: 16px;
		background: #17120f url(images/bg_footer.jpg) repeat-x;
	}
	#footer .text_list{
		text-align: left;
		width: 1000px;
		margin: auto;
		padding: 26px 0 4px;
		color: #FFF;
	}
	#footer .text_list .fleft{
		width: 40%;
	}
	#footer .text_list .fright{
		width: 55%;
	}
	#footer .text_list li{
		font-size: 14px;
	}
	#footer .text_list a{
		color: #FFF;
	}
	#footer .text_list li a:before{
		content: "≫ ";
	}

/* content */
	body > section{
		width: 1000px;
		margin: 80px auto;
	}
	section > div,
	section > p,
	section > section,
	section > ul{
		margin: 32px 0;
	}
	section dl{
		text-align: left;
	}
	section dt{
		margin-top: 16px;
		font-weight: bold;
		overflow: hidden;
	}
	section dt span{
		float: right;
		font-weight: normal;
	}
	section dd{
		padding: 8px;
		font-size: 12px;
		border-bottom: 1px dashed #aaa;
	}
	#price ul{
		text-align: left;
	}
	#price ul li{
		overflow: hidden;
		padding: 8px;
		border-bottom: 1px dashed #aaa;
	}
	#price ul li span{
		float: right;
	}
	#media li{
		float: left;
	}
	.media4{
		margin-left: 180px;
	}
	#media li img{
		margin: 7px 7px 24px 7px;
	}
	#access ul li{
		float: left;
	}
	#access ul li img{
		margin: 0 6px;
	}
	#access table{
		width: 100%;
	}
	#access th{
		width: 6em;
	}
	#access th,
	#access td{
		padding: 10px 12px;
		border-bottom: 1px dashed #aaa;
		text-align: left;
	}
	#access td span{
		display: block;
		font-size: 13px;
	}


.width_image{
	margin: 32px 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.width_image img{
	width: 100%;
	min-width: 1200px;
}

.movie_wrap{
	position: relative;
	width: 100%;
	margin-top: 32px;
	padding-top: 56.25%;
	z-index: 10;
}
.movie_wrap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#fixed_banners{
	position: fixed;
	right: 8px;
	bottom: 0;
	zoom: .7;
}
#fixed_banners li{
	margin-bottom: 8px;
}
#fixed_banners img{
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}
#fixed_banners a:hover img{
	opacity: 0.8;
}