@charset "utf-8";

/*--------------------
*reset
--------------------*/

*{
	margin:0px;
	padding:0px;
	border:0px;
}
html, body{
	min-height:100%;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-size:10px;
	color:#999;
	background-color:#fff;
}
li{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0px;
}
a{
	text-decoration:none;
	color:#999;
}
img{
	display:block;
}

/*--------------------
*clearfix
--------------------*/

.cf{
	zoom:1; /*IE fix*/
}
.cf:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
.cf+*{
	clear:both; /*IE fix*/
}

/*--------------------
*structure
--------------------*/

#wrapper{
	width:964px;
	margin:0 auto;
}

/*--------------------
*common
--------------------*/

.btn{
	cursor:pointer;
}
.desable{
	cursor:auto;
}
.red{
	color:#c71444 !important;
}
.bred{
	background-color:#c71444 !important;
}

/*--------------------
#header
--------------------*/

#header{
	position:relative;
	z-index:1;
}

#header h1{
	width:100%;
	height:86px;
}
#header h1 img{
	position:absolute;
	left:22px;
}
#header h2{
	position:absolute;
	top:0;
	right:22px;
	height:100%;
}
#header h2 img{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
}

/*--------------------
#contents
--------------------*/

#contents{
	position:relative;
	overflow:hidden;
}
#start, #interior{
	position:absolute;
	top:0;
	background-color:#fff;
}

/*.mv*/

.ex.mv, #start{
	overflow:hidden;
	width:680px;
	height:445px;
	margin-left:120px;
}
.in.mv{
	overflow:hidden;
	width:964px;
	height:445px;
}

.i360{
	position:relative;
	top:-40px;
	left:-20px;
	height:0;
}
.i360 img{
	margin:0 auto;
}
.in.cntl{
	position:relative;
}
.in.cntl img{
	position:absolute;
	top:-36px;
	right:0;
}

/*.list*/

.ex.list{
	position:absolute;
	right:32px;
	top:70px;
}
.ex.list li{
	position:relative;
	margin-top:-10px;
	width:34px;
	height:34px;
}
.ex.list li:first-child+li,
.ex.list li:first-child+li+li+li,
.ex.list li:first-child+li+li+li+li+li,
.ex.list li:first-child+li+li+li+li+li+li+li,
.ex.list li:first-child+li+li+li+li+li+li+li+li+li,
.ex.list li:first-child+li+li+li+li+li+li+li+li+li+li+li,
.ex.list li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li{
	margin-left:40px;
}
.ex.list li.selected{
	cursor:auto;
	background:url("../IMG/icn_exls.png") no-repeat left top;
}
.ex.list li img{
	width:34px;
}

.in.list{
	position:absolute;
	right:0;
	top:0;
	width:160px;
	height:445px;
	background:url("../IMG/bg_inm.png") repeat left top;
}
.in.list > img{
	margin:36px auto 28px;
}
.in.list li{
	width:60px;
	margin:8px auto;
}
.in.list li.selected{
	cursor:auto;
	background:url("../IMG/icn_inls.png") no-repeat left top;
}
.in.list li img{
	width:60px;
}

/*.sub, .cap*/

.sub{
	position:relative;
	height:66px;
}
.sub > *{
	position:absolute;
	
}
.sub .bc{
	bottom:10px;
	right:27px;
	font-size:15px;
	line-height:20px;
	text-align:right;
	color:#222;
}

.sub .sw{
	width:120px;
	height:36px;
	background-color:#d0d0d0;
}
.sub .ex.sw{
	top:15px;
	left:27px;
}
.sub .in.sw{
	top:15px;
	left:157px;
}
.sub .sw img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.cap{
	padding:12px 0;
	margin:0 27px;
	line-height:14px;
	border-top:1px solid #e4e4e4;
}

/*--------------------
.spin_box
--------------------*/

ul.spin_images img{
	display:none;
}
ul.spin_images img.selected, 
ul.spin_images img.visible{
	display:block;
}

.in.mv ul.spin_images img{
	top:-22.5%; /*trimming*/
}

#start div.spin_progress .spin_bar{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:120px;
	height:36px;
	margin:auto;
	background-color:#fff;
}
.sub div.spin_progress{
	width:100%;
	height:100%;
}
.sub div.spin_progress .spin_bar{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
}
div.spin_progress .spin_bar > div{
	width:0%;
	height:100%;
	background-color:#ccc;
}
#start .spin_bar{
	opacity:0.9;
}

/*--------------------
#link
--------------------*/

#link{
	position:relative;
	padding:20px 0;
	margin-left:27px;
	background:url("../IMG/bg_link.jpg") no-repeat center top;
}

#link li{
	position:relative;
	float:left;
	width:220px;
	height:40px;
	background-color:#999;
}
#link li+li{
	margin-left:10px;
}
#link li a{
	display:block;
	width:100%;
	height:100%;
}
#link li img:first-child{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0 auto 20px;
}
#link li img+img{
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	margin:auto;
}

#facebook{
	position:absolute;
	top:-42px;
	right:55px;
}
#twitter{
	position:absolute;
	top:-42px;
	right:27px;
}

/*--------------------
#footer
--------------------*/

#footer{
	padding:20px 22px;
	border-top:1px solid #e4e4e4;
}

#footer .pc{
	position:relative;
	width:100%;
	text-align:right;
}
#footer .pc li{
	display:inline-block;
}
#footer .pc li:first-child{
	position:absolute;
	display:block;
	left:0;
}
#footer .pc li:first-child a{
	color:#c71444;
}
#footer .pc li+li+li:before{
	content:"｜";
	display:inline-block;
	padding:0 0.5em;
}