.bg_chapters {	max-height:4463px !important; min-height:100%; min-width:800px !important; background: #151521 url(../images/bg1_e_chapters.jpg) no-repeat center top; }

.top_menu {
		background : url(../images/metal_line.jpg) no-repeat left top; 
		
	}

body #contents {		position:absolute;
		top:auto;
		width:100%;
		min-width:800px;
		height:auto;
		display:block;
		margin: 0 0 0 -3px;}

.cbp-so-scroller {
	overflow: hidden;
	margin-top:0 auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.cbp-so-section {
}

.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;
}

.cbp-so-section h2 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
}

.cbp-so-section p {
	font-size: 18px;
	font-weight: 300;
}

.cbp-so-side {
	width:100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	min-height: 12em;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after {
	clear: both;
}

.cbp-so-side-right {
	text-align: left;
}

.cbp-so-side-left {
	text-align: right;
}

.cbp-so-side-right img {
	float: left;
}

.cbp-so-side-left img {
	float: right;
}

.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

@media screen and (max-width: 73.5em) {
	.cbp-so-scroller {
		font-size: 65%;
	}

	.cbp-so-section h2 {
		margin: 0;
	}

	.cbp-so-side img {
		max-width: 120%;
	}
}

@media screen and (max-width: 41.125em) {
	.cbp-so-side {
		float: none;
		width: 100%;
	}

	.cbp-so-side img {
		max-width: 100%;
	}
}

/*__________________________*/

#page-wrap {min-width:800px !important; max-width:100%; padding: 0; margin: 1px auto 0; height: 940px;}

.info-col, .ship1, .ship2, .ship3 { float: left; height: 100%; position:relative; background: url(../images/shadow.png) left bottom no-repeat;}


/*.info-col {cursor:pointer;}
#page-wrap #current .info-col {cursor:default !important;}*/

.image { width:100%; height: 100%; text-indent: -9999px; display: block;  }

.info-col .pic001 { background: url(../images/action1.png) 16% -100px no-repeat; }
.info-col .pic002 { background: url(../images/action2.png) 92% -100px no-repeat; }
.info-col .pic003 { background: url(../images/action3.png) -305px 180px no-repeat; }

.pic001,.pic001,.pic001 {
}

.info-col .ship1 .ant { position:absolute; top:0; left:0;}
#page-wrap .ship1 dd .ant:first-child {}
#page-wrap .ship1 dd .ant:nth-child(2) {transition: opacity 0.2s 1s ease; background: url(../images/ac1-1.png) 12% -100px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(3) {transition: opacity 0.2s 2.5s ease; background: url(../images/ac1-2.png) 12% -100px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(4) {transition: opacity 0.2s 4s ease; background: url(../images/ac1-3.png) 12% -100px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(5) {transition: opacity 0.2s 5.5s ease; background: url(../images/ac1-4.png) 12% -100px no-repeat;}

#page-wrap .ship2 dd .ant:first-child {}
#page-wrap .ship2 dd .ant:nth-child(2) {transition: opacity 0.2s 1s ease; background: url(../images/ac2-1.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(3) {transition: opacity 0.2s 2.5s ease; background: url(../images/ac2-2.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(4) {transition: opacity 0.2s 4s ease; background: url(../images/ac2-3.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(5) {transition: opacity 0.2s 5.5s ease; background: url(../images/ac2-4.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(6) {transition: opacity 0.2s 6s ease; background: url(../images/ac2-5a.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(7) {transition: opacity 0.2s 6.7s ease; background: url(../images/ac2-5b.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(8) {transition: opacity 0.2s 7.4s ease; background: url(../images/ac2-5c.png) 90% -100px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(9) {transition: opacity 0.2s 8.1s ease; background: url(../images/ac2-5d.png) 90% -100px no-repeat;}


#page-wrap .ship3 dd .ant:first-child {}
#page-wrap .ship3 dd .ant:nth-child(2) {transition: opacity 0.2s 1s ease; background: url(../images/ac3-1.png) 95% 180px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(3) {transition: opacity 0.2s 2.5s ease; background: url(../images/ac3-2.png) 95% 180px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(4) {transition: opacity 0.2s 4s ease; background: url(../images/ac3-3.png) 95% 180px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(5) {transition: opacity 0.2s 5.5s ease; background: url(../images/ac3-4.png) 95% 180px no-repeat;}


.info-col .textinfo1,
.info-col .textinfo2,
.info-col .textinfo3,
.info-col2 .textinfo1,
.info-col2 .textinfo2,
.info-col2 .textinfo3,
.info-col3 .textinfo1,
.info-col3 .textinfo2,
.info-col3 .textinfo3,
.info-col4 .textinfo1,
.info-col4 .textinfo2,
.info-col4 .textinfo3  {display:block; position:absolute; top:0; width:100%; height:100%;}

.textinfo1 { background: url(../images/arrow.png) right bottom no-repeat;}
.textinfo2 { background: url(../images/watercolor2.png) right bottom no-repeat;}
.textinfo3 { background: url(../images/watercolor3.png) right bottom no-repeat;}


#page-wrap dd .cbp-info {position:absolute; bottom:40px; right:0; width:340px; height:300px; color:#fff; font-family: 'Meiryo UI', Helvetica, sans-serif; font-size:18px; text-align:justify !important;}
.cbp-info h2{font-size:54px; margin:0; padding:0; line-height:45px; }
.cbp-info span{font-size:30px; margin:0; padding:0; }
.cbp-info small{font-size:12px; margin:0; padding:0; }
.cbp-info b{font-size:20px; font-weight:bold; margin:0; padding:0; }
#page-wrap .ship3 .cbp-info {top:270px; right:945px !important; line-height:18px;}


.cbp-na-box {display:block; height:890px; width:100%; position:relative;}

.cbp-na {display:table-cell; position:absolute; width:1204px; height:785px; top: 145px; right:0; left:0; margin:0 auto; background:rgba(17,25,47,.7); vertical-align:middle;}


.cbp-na h2 {vertical-align:middle; text-align:center; text-transform:uppercase; font-size:32px; margin:320px auto 0 auto; color:#fff; font-weight:bold; font-family: "Trebuchet MS", Helvetica, sans-serif ; text-shadow:0 0 2px rgba(0,0,0,0.7); }
.cbp-na h2 small {color:#fff; text-transform:none; font-size:22px;}



#page-wrap dd .ant {opacity:0; display:block; width:100%; height:100%;}
#page-wrap dd .ant_about {opacity:0;}
#page-wrap dd:hover .ant, #page-wrap dd:hover .ant_about {opacity:1}

.ant {
	font-family: "Trebuchet MS", Helvetica, sans-serif ;
	line-height:27px; 
	position:absolute; 
	padding: 0px 10px; 
	font-size:18px; 
	/*border:1px solid rgba(255, 255, 255, 0.1);*/
	/*background: url(../images/pixel_bg.png) top left no-repeat /*rgba(19, 17, 24, 0.8)*/; 
	color: white; 
	height:30px;
	text-transform:uppercase; }
.ant b, .ant_about b {display:inline-block; float:left; width:12px; height:12px; border:3px solid #f35bf2; margin:10px 8px 0 0px; padding:0;}
.ant_about b {margin:6px 8px 0 0;}
.ant_about {
	dislay:inline-block; 
	width:40%; 
	height:20px; 
	float:left;
	background: transparent;
	font-size:18px; 
	line-height:20px;
	padding: 2px; 
	margin: 5px 10px;}

b#c0 {border-color:#f35bf2}
b#c1 {border-color:#5d0eff}
b#c2 {border-color:#00cdd6}
b#c3 {border-color:#f9ff5b}

dl {}
dd {width: 100%; height: 980px; color: white;}
#page-wrap p, #howitworks p, #atmosphere p, #sky p, #surface p {position:absolute;
	top: 93px !important;
	right:349px; 
	display:block; 
	width:424px; 
	height:175px; 
	background: url(../images/info.png) right top no-repeat;
	font-family: "Trebuchet MS", Helvetica, sans-serif ;
	font-size:14px !important; 
	padding:0 0 0 36px; 
}


#page-wrap .ship1 p {right:43px}
#page-wrap .ship2 p {right:210px;}
#page-wrap .ship3 p {right:347px;}

#howitworks p, #atmosphere p, #sky p, #surface p {background: url(../images/info2.jpg) right top no-repeat;}

#page-wrap p strong,
#page-wrap2 p strong,
#page-wrap3 p strong,
#page-wrap4 p strong, 
#howitworks p strong, 
#atmosphere p strong, 
#sky p strong,
#surface p strong { display:block; width:380px !important; height:87px; text-align:center; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#1f95ff; font-size:28px; line-height:50px; margin:0; padding:0;}

.info-col .info-col-arrow,
.info-col2 .info-col-arrow,
.info-col3 .info-col-arrow,
.info-col4 .info-col-arrow {display:block; position:absolute; bottom:10px; right:30px; height:100px; width:33px; background: url(../images/arrow.png) center center no-repeat;}


.info-col {cursor:pointer;}
.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; cursor:default !important}
.cntr .s_menu {height:52px !important; width:610px !important; top:93px !important; right:0 !important; background:#000 !important;}
#contact {padding-top:0px !important; margin-top:-80px !important}
@media screen and (max-width: 1370px){ 

.bg_chapters {	max-height:3175px !important; min-height:100%; background: #151521 url(../images/bg1_e_chapters_1366.jpg) no-repeat center top; }
body .footer-wrapper {margin-top:20px !important}
.cbp-na-box {height:590px; }
.cbp-na-box h2 {margin-top:150px}
#page-wrap .ship3 .cbp-info {width:380px; height:200px; padding:20px; top:85px; left:30px; border-round:10px !important; background:#000; z-index:9999; display:block;}

#page-wrap .ship1 p strong, #page-wrap .ship2 p strong, #page-wrap .ship3 p strong {text-align:right; font-size:22px; width:120px; float:right; margin:8px 20px; line-height:18px; text-shadow:0 0 2px rgba(0,0,0,0.9); }
#page-wrap .ship3 p {right:53px !important}
#howitworks p, #atmosphere p, #sky p, #surface p  {top:47px !important; right:53px !important;}
#page-wrap p {top:47px !important;}
.cbp-na {top: 98px;}

#page-wrap {height:860px;}

.info-col .pic001 { background: url(../images/action1_1366.png) 16% -50px no-repeat; }
.info-col .pic002 { background: url(../images/action2_1366.png) 92% -50px no-repeat; }
.info-col .pic003 { background: url(../images/action3_1366.png) 90% 180px no-repeat; }

#page-wrap .ship1 dd .ant {}
#page-wrap .ship1 dd .ant:nth-child(2) {background: url(../images/ac1-1_1366.png) -4% 50px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(3) {background: url(../images/ac1-2_1366.png) -4% 50px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(4) {background: url(../images/ac1-3_1366.png) -4% 50px no-repeat;}
#page-wrap .ship1 dd .ant:nth-child(5) {background: url(../images/ac1-4_1366.png) -4% 50px no-repeat;}

#page-wrap .ship1 dd .ant {top:-100px; left:-45px; }
#page-wrap .ship2 dd .ant:nth-child(2) {background: url(../images/ac2-1_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(3) {background: url(../images/ac2-2_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(4) {background: url(../images/ac2-3_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(5) {background: url(../images/ac2-4_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(6) {background: url(../images/ac2-5a_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(7) {background: url(../images/ac2-5b_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(8) {background: url(../images/ac2-5c_1366.png) 90% -50px no-repeat;}
#page-wrap .ship2 dd .ant:nth-child(9) {background: url(../images/ac2-5d_1366.png) 90% -50px no-repeat;}

#page-wrap .ship1 dd .ant {top:-100px; left:-45px; }
#page-wrap .ship3 dd .ant:first-child {}
#page-wrap .ship3 dd .ant:nth-child(2) {background: url(../images/ac3-1_1366.png) 90% 50px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(3) {background: url(../images/ac3-2_1366.png) 90% 50px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(4) {background: url(../images/ac3-3_1366.png) 90% 50px no-repeat;}
#page-wrap .ship3 dd .ant:nth-child(5) {background: url(../images/ac3-4_1366.png) 90% 50px no-repeat;}

.sp-selector-1, .button-label-1 {margin-left: -540px;}
.sp-selector-2, .button-label-2 {margin-left: -420px;}
.sp-selector-3, .button-label-3 {margin-left: -300px;}
.sp-selector-4, .button-label-4 {margin-left: -180px;}
.sp-selector-5, .button-label-5 {margin-left: -60px;}
.sp-selector-6, .button-label-6 {margin-left: 60px;}


.cntr .big_text { 
	margin:-70px 0 0 0;
	 }
.top_menu {
		height:auto !important;
		margin: 0 0 0 -3px !important;
		background : url(../images/metal_line_chapters_min.jpg) no-repeat left top !important; 
		
	}
.cbp-so-scroller {
	top:0px !important;
	}
.cntr .s_menu {height:52px !important; width:60% !important; top:47px !important; right:12px !important; background:#000 !important;}
.cntr .s_menu li {height:50px !important; padding:0 !important; margin:0 !important;}
.cntr .s_menu li a {line-height:50px !important; padding:0 15px !important;}
#page-wrap, #howitworks, #atmosphere, #sky, #surface  {min-width:800px !important;}

}
@media screen and (max-width: 1180px){ 
.cntr .s_menu { width:300px;margin-right:-13px;width:50% !important;  }
.cntr .s_menu li { display:none;}
#page-wrap .ship3 .cbp-info {display:none;}


}

@media screen and (max-width: 800px){ 

.cntr .s_menu { display:none;}
}