@charset "UTF-8";
/* ****************************************************
	layout.css
***************************************************** */


/*  HeadWrap
=========================================*/
/* HeadWrap */


/*  MainWrap
=========================================*/
/* MainWrap */
#MainWrap{
	clear:both;
}

/* ContentWrap */
#MaincontantWrap {
	background:url(../images/bg01.jpg);
}
#Maincontant{
	background:url(../images/bg02.png) no-repeat center top;
}

.comingsoon{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:40px;
	height:417px;
}
.comingsoon img{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-1250px;
}

/*  sectionBox
=========================================*/
/* section01 */
.section01Wrap {
	background:url(../images/bg01.jpg);
}
.section01{
	width:100%;
	height:500px;
	background:url(../../images/section01_bg.jpg) no-repeat center center;
	background-size:cover;
}
.section01 .inner{
}
.section01 .logo{
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-215px;
}
.section01 .txt{
	position:absolute;
	left:50%;
	top:59px;
	margin-left:-480px;
}
/*.section01 .play{
	position:absolute;
	left:50%;
	top:260px;
	margin-left:-40px;
}*/
.section01 .play a{
	height:500px;
	width:100%;
	display:block;
	background:url(../../images/section01_play.png) no-repeat center 260px;
}
.section01 .play a:hover{
	background:url(../../images/section01_playon.png) no-repeat center 260px;
}
.section01 .snslist{
	position:absolute;
	top:10px;
	right:10px;
}
.section01 .snslist li{
	float:left;
	margin-left:10px;
}
.fb_reset{
	margin-top:-4px !important;
}


/* section02 */
.section02{
	width:960px;
	margin:0 auto;
}
.section02 .inner{
	padding:50px 0 0 0;
	position:relative;
}
.section02 .inner .section02_tip1{
	position:absolute;
	left:0;
	top:-17px;
	display:none;
	cursor:pointer;
}
.section02 .inner .section02_tip2{
	position:absolute;
	left:490px;
	top:20px;
	display:none;
	cursor:pointer;
}
.section02 .inner .section02_tip3{
	position:absolute;
	left:556px;
	top:10px;
	display:none;
	cursor:pointer;
}
.section02 .inner .section02_tip4{
	position:absolute;
	left:-40px;
	top:233px;
	display:none;
	cursor:pointer;
}
.section02 .inner .section02_tip5{
	position:absolute;
	left:135px;
	top:265px;
	display:none;
	cursor:pointer;
}
.section02 .inner .section02_tip6{
	position:absolute;
	left:570px;
	top:275px;
	display:none;
	cursor:pointer;
}

/* section03 */
.section03{
	width:100%;
	overflow:hidden;
	height:650px;
	margin-top:-50px;
}
.section03 .shakeBox{
	position:relative;
}
.section03 .shakeBox .item01,
.section03 .shakeBox .item02,
.section03 .shakeBox .item03,
.section03 .shakeBox .shake01,
.section03 .shakeBox .shake02,
.section03 .shakeBox .shake03,
.section03 .shakeBox .shake04,
.section03 .shakeBox .shake05{
	position:absolute;
	left:50%;
}
.section03 .shakeBox .item01{
	top:60px;
	margin-left:-490px;
}
.section03 .shakeBox .item02{
	top:74px;
	margin-left:-235px;
}
.section03 .shakeBox .item03{
	top:263px;
	margin-left:-115px;
	z-index:10;
}
.section03 .shakeBox .item04{
	position:absolute;
	left:50%;
	top:420px;
	margin-left:75px;
	z-index:10;
}
.section03 .shakeBox .shakeil{
	display:none;
}
.section03 .shakeBox .shakeil1{
	display:none;
}
.section03 .shakeBox .shakeil2{
	display:none;
}
.section03 .shakeBox .shake01{
	top:450px;
	margin-left:-590px;
}
.section03 .shakeBox .shake02{
	top:65px;
	margin-left:95px;
}
.section03 .shakeBox .shake03{
	top:148px;
	margin-left:-306px;
}
.section03 .shakeBox .shake04{
	top:0px;
	margin-left:-430px;
}
.section03 .shakeBox .shake05{
	top:246px;
	margin-left:-176px;
}
.section03 .snsBox{
	width:505px;
	margin:0 auto;
	padding-top:474px;
	padding-left:40px;
	position:relative;
}
.section03 .snsBox .pic{
	float:left;
}
.section03 .snsBox .facebook,
.section03 .snsBox .twitter{
	float:left;
	padding-left:5px;
	padding-top:33px;
}
.section03 .snsBox .tip01{
	display:none;
	position:absolute;
	left:10px;
	bottom:90px;
	z-index:1;
}
.section03 .snsBox .tip02{
	display:none;
	position:absolute;
	left:320px;
	bottom:90px;
	z-index:1;
}

.section03 .f_bnr{
	width: 505px;
	margin: 0 auto;
	padding-left: 40px;
}

.section03 .f_bnr a:hover {
	opacity: 0.7;
}



/*  sliderBox
=========================================*/
.sliderBox{ width:100%;  overflow:hidden; padding:0 0 53px; margin-top:40px; *padding:60px 0 53px; position:relative; z-index:100;  }
.sliderBox .ttl{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-173px;
	z-index:8;
}
#SliderB.sliderBox .ttl{
	margin-left:-178px;
}
#SliderC.sliderBox .ttl{
	margin-left:-180px;
}
.sliderBox .hd{}
.sliderBox .hd .prev,
.sliderBox .hd .next{
	position:absolute;
	width:40px;
	height:274px;
	top:80px;
	cursor:pointer;
	z-index:100;
}
.sliderBox .hd .prev{	
	right:50%;
	margin-right:440px;
	background:url(../images/page_left.png) no-repeat;
}
.sliderBox .hd .next{
	left:50%;
	margin-left:440px;
	background:url(../images/page_right.png) no-repeat;
}
.sliderBox .hd ul{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-177px;
	width:100%;
}
.sliderBox .hd ul li{ margin:0 6px 0 0; float:left; }
.sliderBox .hd ul li.last{ margin:0 7px 0 0; float:left; }
.sliderBox .hd ul li a{ position:relative; display:inline-block; }
.sliderBox .hd ul li a span{
	display: block;
	width: 24px;
	height: 24px;
	position:absolute;
	left:0;
	top:0;
}
.sliderBox .hd ul li.on a span,
.sliderBox .hd ul li a:hover span{
	border:3px solid #ef4277 !important;
}
#SliderB.sliderBox .hd ul li.on a span,
#SliderB.sliderBox .hd ul li a:hover span{
	border:3px solid #3184d9 !important;
}
#SliderC.sliderBox .hd ul li.on a span,
#SliderC.sliderBox .hd ul li a:hover span{
	border:3px solid #31d9af !important;
}
.sliderBox .bd{
	background:url(../images/slider_bg01.jpg) repeat-x left top;
	height:304px;
	margin-top:60px;
}
#SliderB.sliderBox .bd{
	background:url(../images/slider_bg02.jpg) repeat-x left top;
	height:304px;
}
#SliderC.sliderBox .bd{
	background:url(../images/slider_bg03.jpg) repeat-x left top;
	height:304px;
}
.sliderBox .bd .tempWrap{
	width:100% !important;
	padding:20px 0 10px;
	overflow: visible !important;
	position:absolute;
	left: 50%;
	top:0;
	margin-left:-187px;
}
.sliderBox .bd ul{ overflow:visible !important; }
.sliderBox .bd ul li{ margin:0 10px; float:left; text-align:center; position:relative; }
.sliderBox .bd ul li .pic{ text-align:center; cursor:pointer; }
.sliderBox .bd ul li .title{ line-height:26px; background:#ef4277; color:#ffffff;   }
#SliderB.sliderBox .bd ul li .title{ background:#3184d9; }
#SliderC.sliderBox .bd ul li .title{ background:#31d9af; }
.sliderBox .bd ul li .tip{ position:absolute; left:0; top:0; display:none; cursor:pointer; z-index:9; }
.sliderBox .bd ul li .tip01{ *left:-10px;}
.sliderBox .bd ul li .tip02{ *left:-50px;}
.sliderBox .bd ul li .tip03{ left:-120px; }
.sliderBox .bd ul li .tip04{ left:-75px; }
.sliderBox .bd ul li .tip05{ top:-28px; }
.sliderBox .bd ul li .tip06{ left:-64px; }
.sliderBox .bd ul li .tip07{ left:154px; }
.sliderBox .bd ul li .tip08{ left:-80px; }
.sliderBox .bd ul li .tip09{ left:-109px; }
.sliderBox .bd ul li .tip10{ top:-40px; left:-55px; }
.sliderBox .bd ul li .tip11{ top:-40px; left:-85px; }
.sliderBox .bd ul li .tip12{ top:12px; left:-81px; }
.sliderBox .bd ul li .tip13{ top:-54px; left:-54px; }
.sliderBox .bd ul li .tip14{ top:-11px; left:2px; }
.sliderBox .bd ul li .tip15{ top:-20px; left:-56px; }
.sliderBox .bd ul li .tip16{ top:26px; left:-28px; }
.sliderBox .bd ul li .tip17{ top:0px; left:-58px; }
.sliderBox .bd ul li .tip18{ top:11px; left:-22px; }
.sliderBox .bd ul li .tip19{ top:-15px; left:159px; }
.sliderBox .bd ul li .tip20{ top:-25px; left:-68px; }

.sliderBox .bd ul li .tip21{ top:-20px; left:-46px; }
.sliderBox .bd ul li .tip22{ top:-20px; left:-72px; }
.sliderBox .bd ul li .tip23{ top:-11px; left:0px; }
.sliderBox .bd ul li .tip24{ top:-49px; left:0px; }

.sliderBox .bd ul li .tip25{ top:-20px; left:119px; }
.sliderBox .bd ul li .tip26{ top:8px; left:-84px; }
.sliderBox .bd ul li .tip27{ top:-46px; left:-38px; }
.sliderBox .bd ul li .tip28{ top:0px; left:-84px; }
.sliderBox .bd ul li .tip29{ top:-27px; left:150px; }
.sliderBox .bd ul li .tip30{ top:-15px; left:185px; }

/*.sliderBox .bd ul li .play{ position:absolute; left:50%; top:100px; margin-left:-27px; z-index:11; }*/
.sliderBox .bd ul li .play { position:absolute; left:0; top:0; z-index:10; }
.sliderBox .bd ul li .play a{
	width:357px;
	height:248px;
	display:block;
	background:url(../../images/slider_play.png) no-repeat center center;
}
.sliderBox .bd ul li .play a:hover{
	background:url(../../images/slider_playon.png) no-repeat center center;
}
.sliderBox .bd ul li .play a img{ display:none; }

.sliderBox .pageState{ display:none;}

.sliderBox .bgL{
	background:url(../images/black_bg.png);
	height:274px;
	width:3000px;
	position:absolute;
	right:50%;
	top:80px;
	margin-right:480px;
	z-index:1000;
}
.sliderBox .bgR{
	background:url(../images/black_bg.png);
	height:274px;
	width:3000px;
	position:absolute;
	left:50%;
	top:80px;
	margin-left:480px;
	z-index:1000;
}


/*  extra
=========================================*/
/* clearfix */
#Header:after,
#Contents:after,
#Content:after,
#Footer:after{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
	font-size:0;
}

#Header,
#Contents,
#Content,
#Footer{
	zoom:1;
}

#copyright p{
	text-align: center;
	font-size: 80%;
	padding-bottom: 20px;
}