@charset "Shift_JIS";

/*-----------------------------------------------------
Content
-------------------------------------------------------*/

#Wrapper #Content{
	padding-top: 117px;
}
#Content h1{
	margin:0 0 17px;
}

/*-------------------------------------
lead
---------------------------------------*/
#Content div.lead{
	width:960px;
	position:relative;
	margin:0 0 134px;
}
#Content div.lead div.lead-inline{
	width:960px;
	overflow:hidden;
}
#Content div.lead div.lead-inline h2{
	padding:0 0 11px 8px;
}
#Content div.lead div.lead-inline p{
	padding:0 0 0 12px;
}
#Content div.lead div.lead-inline ul{
	overflow:hidden;
	margin:24px 0 3px;
	padding:0 0 0 10px;
}
#Content div.lead div.lead-inline ul li{
	float:left;
	padding:0 0 0 21px;
}
#Content div.lead div.lead-inline ul li:first-child{
	padding:0;
}
#Content div.lead div.lead-inline p.btn{
	margin-left: 138px;
	padding: 0 0 13px 0;
	height: 120px;
	position: relative;
}
#Content div.lead div.lead-inline p.btn img.update{
	position: absolute; left: -26px; top: 32px;
}

#Content div.lead p.dinosaur01{
	position:absolute;
	top:-22px;
	left:584px;
}
#Content div.lead p.dinosaur02{
	position:absolute;
	top:243px;
	left:640px;
}

/*-------------------------------------
tab
---------------------------------------*/
#Content div.tab{
	width:940px;
	position:relative;
	margin:0 auto;
	background:url(../images/tab_bg.gif) repeat-y 0 -3px;
}

#Content div.tab div.tab-outline{
	width:940px;
	background:url(../images/tab_bg_top.gif) no-repeat 0 -3px;
}
#Content div.tab div.tab-inline{
	height: 1041px;
	/*height: 2931;*/
	width:940px;
	background:url(../images/tab_bg_btm.gif) no-repeat 0 100%;
}

/*tabnav
---------------------------------------*/
#Content div.tab ul.tabnav{
	position:absolute;
	top:-80px;
	left:0;
}
#Content div.tab ul.tabnav li{
	float:left;
}

#Content div.tab ul.tabnav li img.active{
	display: none;
}

#Content div.tab ul.tabnav li img.rover{
	display: block;
}

#Content div.tab ul.tabnav li.active img.rover{
	display: none;
}
#Content div.tab ul.tabnav li.active img.active{
	display: block;
}

#Content div.tab ul.tabnav li.tab04{
	position: relative;
}
#Content div.tab ul.tabnav li.tab04 img.update{
	position: absolute; left: 200px; top: -15px; 
}


/*tab common
---------------------------------------*/
#Content div.tab #tab01,
#Content div.tab #tab02,
#Content div.tab #tab03{
	padding:40px 0 50px;
	height: 953px;
}
#Content div.tab div.main-ttl{
	text-align:center;
}
#Content div.tab ul.flow{
	text-align:center;
}
#Content div.tab ul.flow li{
	display:inline-block;
	*display:inline;
	*zoom:1; 
}

/*tab01
---------------------------------------*/
#Content div.tab #tab01{
	display: none;
}
#Content div.tab #tab01 div.main-ttl{
	margin:0 0 47px;
}

#Content div.tab #tab01 div.main-ttl p{
	margin-left: -34px;
}
#Content div.tab #tab01 ul.flow{
	margin:0 0 51px;
}

#Content div.tab #tab01 div.wrap{
	position:relative;
	margin:0 0 0 62px;
}
#Content div.tab #tab01 div.wrap div.mobil{
	width:489px;
	position:absolute;
	top:23px;
	left:436px;
}

#Content div.tab #tab01 div.wrap div.mobil p.img{
	position: absolute; left: 0; top: 0;
}

#Content div.tab #tab01 div.wrap div.mobil p.btn{
	padding:424px 0 0 120px;
}

/*tab02
---------------------------------------*/
#Content div.tab #tab02{
	display: none;
}
#Content div.tab #tab02 div.main-ttl{
	margin:0 0 36px;
}

#Content div.tab #tab02 div.main-ttl p{
	margin-left: 6px;
}

#Content div.tab #tab02 ul.flow{
	margin:0 0 49px;
}

#Content div.tab #tab02 div.play{
	text-align:center;
}

/*tab03
---------------------------------------*/
#Content div.tab #tab03{
	display: none;
}
#Content div.tab #tab03 div.main-ttl{
	width:914px;
	margin:0 auto;
	background:url(../images/tab03_main_bg.png) no-repeat 50% 100%;
	padding-bottom: 41px;
}
#Content div.tab #tab03 div.main-ttl p{
	margin-left: -15px;
}
#Content div.tab #tab03 ul.flow{
	margin:0 0 24px;
}

#Content div.tab #tab03 div.wrap{
	height:520px;
	position:relative;
}
#Content div.tab #tab03 div.wrap p.image{
	position:absolute;
	top:43px;
	left:-221px;
}
#Content div.tab #tab03 div.wrap p.image img{
	width: 100%;
}

#Content div.tab #tab03 div.wrap div.play{
	position:absolute;
	top:0;
	right:56px;
}



/*tabcorver
---------------------------------------*/
#Content div.tab .tabcorver{
	width: 911px;
	height: 945px;
	background: url(../images/tab_corver.gif) left bottom repeat;
	position: absolute;
	left: 15px; top: 40px;
}

#Content div.tab .tabcorver .line{
	width: 911px;
	height: 16px;
	background: url(../images/tab_corverline.png) left top no-repeat;
	position: absolute;	left: 0; top: 0;
}

/*tab04
---------------------------------------*/
#Content div.tab #tab04{
	display: none;
	
}

#Content div.tab #tab04 .bg01{
	width: 832px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	background: url(../images/tab04_bg01_2.png) center bottom no-repeat;
}
#Content div.tab #tab04 .bg01 .wrap{
	position: relative;
	background: url(../images/tab04_bg01_1.png) center top repeat-y;
}

#Content div.tab #tab04 .bg02{
	width: 492px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	background: url(../images/tab04_bg02_2.png) center bottom no-repeat;
}
#Content div.tab #tab04 .bg02 .wrap{
	position: relative;
	background: url(../images/tab04_bg02_1.png) center top repeat-y;
}

#Content div.tab #tab04 .bg03{
	width:396px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	background: url(../images/tab04_bg03_2.png) center bottom no-repeat;
}
#Content div.tab #tab04 .bg03 .wrap{
	position: relative;
	background: url(../images/tab04_bg03_1.png) center top repeat-y;
}

/*tab04 main-ttl
---------------------------------------*/
#Content div.tab #tab04 div.main-ttl{
	width:832px;
	padding:37px 0 0 0;
	margin: 0 auto;
}

/*tab04 main-ttl sub01
---------------------------------------*/
#Content div.tab #tab04 div.main-ttl .sub01{
	margin: 5px auto 67px;
}

#Content div.tab #tab04 div.main-ttl .sub01 .wrap{
	height: 415px;
}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap p{position: absolute;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .txt{left: 33px; top: 3px;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .img{left: 176px; top: -2px;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .img img{width: 100%; height: auto;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .head{left: -64px; top: 96px;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .hand{left: -20px; top: 330px;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .body{left: 518px; top: 15px;}
#Content div.tab #tab04 div.main-ttl .sub01 .wrap .foot{left: 591px; top: 229px;}

/*tab04 main-ttl sub02
---------------------------------------*/
#Content div.tab #tab04 div.main-ttl .sub02{
}

#Content div.tab #tab04 div.main-ttl .sub02 .wrap{
	padding-bottom: 21px;
}
#Content div.tab #tab04 div.main-ttl .sub02 .wrap .txt{
	padding: 4px 0 0 6px;
}
#Content div.tab #tab04 div.main-ttl .sub02 .wrap .img{
	margin-top: 22px;
	padding-left: 6px;
}

/*tab04 main-ttl sub03
---------------------------------------*/
#Content div.tab #tab04 div.main-ttl .sub03{
	width: 380px;
	position: absolute;
	left: 545px; top: 728px;
	background: url(../images/tab04_main01_sub03_bg.png) center 23px no-repeat;
}

#Content div.tab #tab04 div.main-ttl .sub03 .wrap{
	position: relative;
}
#Content div.tab #tab04 div.main-ttl .sub03 .wrap .txt{
	padding: 10px 0 0 50px;
	text-align: left;
}
#Content div.tab #tab04 div.main-ttl .sub03 .wrap .img{
	padding: 89px 0 0 48px;
	text-align: left;
}
#Content div.tab #tab04 div.main-ttl .sub03 .wrap h4{
	position: absolute; left: 23px; top: -3px;
}

/*tab04 main02-ttl
---------------------------------------*/
#Content div.tab #tab04 div.main02-ttl{
	width:832px;
	margin: 0 auto;
	padding:49px 0 41px 0;
	
	position: relative;
	text-align: center;
}
#Content div.tab #tab04 div.main02-ttl  h3{
	margin-bottom: 12px;
}

/*tab04 main02-ttl sub01
---------------------------------------*/
#Content div.tab #tab04 div.main02-ttl .sub01{
	margin-bottom: 41px;
}

#Content div.tab #tab04 div.main02-ttl .sub01 .img01{
	position: absolute; left: 633px; top: -177px;
}

#Content div.tab #tab04 div.main02-ttl .sub01 .wrap{
	padding-bottom: 22px;
	position: static;
}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .txt{
	padding-top: 2px;
}

#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img02{position: absolute; left: -17px; top: 171px;}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img03{position: absolute; left: -28px; top: 396px;}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img04{position: absolute; left: 409px; top: 398px;}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img05{position: absolute; left: 419px; top: 174px;}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img06{margin-top: 169px;}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .img07{position: absolute; left:-29px; top: 629px;}

#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .flow{
	width: 672px;
	margin: 163px auto 0;
	overflow: hidden;
}
#Content div.tab #tab04 div.main02-ttl .sub01 .wrap .flow p{
	float: left;
}

/*tab04 main02-ttl sub02
---------------------------------------*/
#Content div.tab #tab04 div.main02-ttl .sub02{
	float: left;
}
#Content div.tab #tab04 div.main02-ttl .sub02 .wrap{
	padding-bottom: 13px;
	position: static;
}
#Content div.tab #tab04 div.main02-ttl .sub02 .wrap .txt01{
	padding: 4px 0 0 8px;
}
#Content div.tab #tab04 div.main02-ttl .sub02 .wrap .play{
	margin-top: 18px;
}
#Content div.tab #tab04 div.main02-ttl .sub02 .wrap .txt02{
	margin-top: 5px;
}
#Content div.tab #tab04 div.main02-ttl .sub02 .wrap .txt03{position: absolute; left: -104px; top: 275px;}

/*tab04 main02-ttl sub03
---------------------------------------*/
#Content div.tab #tab04 div.main02-ttl .sub03{
	float: right;
}
#Content div.tab #tab04 div.main02-ttl .sub03 .wrap{
	padding-bottom: 25px;
}
#Content div.tab #tab04 div.main02-ttl .sub03 .wrap .txt01{
	padding: 4px 0 0 8px;
}

#Content div.tab #tab04 div.main02-ttl .sub03 .wrap div.slider{
	width:316px;
	margin: 22px auto 0;
	
	background:url(../images/tab04_main02_sub03_slider_bg.jpg) no-repeat 50% 50%;
}
#Content div.tab #tab04 div.main02-ttl .sub03 .wrap div.slider-inline{
	height:240px;
}
#Content div.tab #tab04 div.main02-ttl .sub03 .wrap div.slider ul.nav{
	width:316px;
}
#Content div.tab #tab04 div.main02-ttl .sub03 .wrap div.slider ul.nav li{
	z-index: 0;
}



/*kaseki_mobil 
---------------------------------------*/
#modal #modal-contents .kaseki_mobil{
	display: none;
}

/*reviver
---------------------------------------*/
#modal #modal-contents .reviver{
	width: 960px;
	height: 800px;
	margin: 0 auto 40px auto;
	position: relative;
	left: 0;
	top: 0;
	display: none;
}

#modal #modal-contents .reviver h4{
	position: absolute;	top: 0; left: 50%;
	margin-left: -352px;
}
#modal #modal-contents .reviver h4 img{
	width: 100%;
	height: auto;
}
#modal #modal-contents .reviver .group{
}
#modal #modal-contents .reviver .group .img{
	position: absolute;
}
#modal #modal-contents .reviver .group .info{
	position: absolute; left: 553px; top: 585px;
}

#modal #modal-contents .reviver #reviver01{}
#modal #modal-contents .reviver #reviver01 .img{left: 39px; top: 55px;}

#modal #modal-contents .reviver #reviver02{display: none;}
#modal #modal-contents .reviver #reviver02 .img{left: 74px; top: 52px;}

#modal #modal-contents .reviver #reviver03{display: none;}
#modal #modal-contents .reviver #reviver03 .img{left: 36px; top: 114px;}

#modal #modal-contents .reviver #reviver04{display: none;}
#modal #modal-contents .reviver #reviver04 .img{left: 71px; top: -18px;}

#modal #modal-contents .reviver #reviver05{display: none;}
#modal #modal-contents .reviver #reviver05 .img{left: 75px; top: 61px;}

#modal #modal-contents .reviver #reviver06{display: none;}
#modal #modal-contents .reviver #reviver06 .img{left: 85px; top: 63px;}

#modal #modal-contents .reviver .nav{
	position: absolute; left: 665px; top: 97px;
}
#modal #modal-contents .reviver .nav .navi_on{
	position: absolute; left: 0; top: 0;
}
#modal #modal-contents .reviver .nav .navi_on p{
	position: absolute;
}

#modal #modal-contents .reviver .nav .navi_on p.p1{display: none; left: 0; top: 0;}
#modal #modal-contents .reviver .nav .navi_on p.p2{display: none; left: 0; top: 124px;}
#modal #modal-contents .reviver .nav .navi_on p.p3{display: none; left: 0; top: 248px;}
#modal #modal-contents .reviver .nav .navi_on p.p4{display: none; left: 115px; top: 61px;}
#modal #modal-contents .reviver .nav .navi_on p.p5{display: none; left: 115px; top: 185px;}
#modal #modal-contents .reviver .nav .navi_on p.p6{display: none; left: 115px; top: 309px;}
#modal #modal-contents .reviver .nav .navi_on .nav_corver{ 
	left: 0; top: 0;
}

#modal #modal-contents .reviver .movie{
	position: absolute; left: 152px; top: 579px;
}
#modal #modal-contents .reviver .close{
	position: absolute; left: 870px; top: -30px;
}