@charset "UTF-8";

/* ==================================================================
CSS information
style info :「stage」 用
================================================================== */

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: #00071b url(../_img/stage/bg.jpg) top center no-repeat;}
#ttl { margin-bottom: 14px;}


/* --------------------------------------------------------
#readtext
-------------------------------------------------------- */
#readtext { text-align: center; margin-bottom: 0px; position: relative;}



/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { height: 576px; background: url(../_img/stage/planet_pic.jpg) center top no-repeat; margin-bottom: -39px;}

#c1 .notes { padding-top: 17px; text-align: center; }

#c1 #planetList { position: relative; width: 100%; }
#c1 #planetList li { position: absolute; opacity:0;}
#c1 #planetList .p0 { top: 260px; left: 0px;}
#c1 #planetList .p1 { top: 295px; left: 177px;}
#c1 #planetList .p2 { top: 253px; left: 286px;}
#c1 #planetList .p3 { top: 92px; left: 280px;}
#c1 #planetList .p4 { top: 80px; left: 398px;}
#c1 #planetList .p5 { top: 193px; left: 410px;}
#c1 #planetList .p6 { top: 247px; left: 580px;}
#c1 #planetList .p7 { top: 203px; left: 700px;}
#c1 #planetList .p8 { top: 32px; left: 542px;}
#c1 #planetList .p9 { top: 48px; left: 707px;}
#c1 #planetList .p10 { top: 20px; left: 804px;}
#c1 #planetList li:hover { opacity:1;}


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { margin-bottom: 70px; }
#c2 .inner-cont { }

#c2 .hl { text-align: center; margin-bottom: 19px; }
#c2 .text1 { margin-bottom: 38px; margin-left: 10px; }

#c2 #rootBox { position: relative; width: 900px; margin-left: 10px; }
#c2 #rootBox li { position: absolute;}
#c2 #rootBox .p1 { position: relative;}
#c2 #rootBox .p2 { top: 0; left: 403px;}
#c2 #rootBox .p3 { top: 0; left: 667px;}
#c2 #rootBox .p4 { top: 211px; left: 403px;}
#c2 #rootBox .p5 { top: 211px; left: 667px;}
#c2 #rootBox li img { position: relative;}

#c2 .text2 { margin-top: -67px; margin-left: 10px; }


/* --------------------------------------------------------
#c3
-------------------------------------------------------- */
#c3 { padding-bottom: 40px; }
#c3 .inner-cont { }

#c3 .hl { text-align: center; margin-bottom: 19px; }
#c3 .text1 { margin-bottom: 27px; margin-left: 10px; }

#c3 .picList { letter-spacing: -.45em; font-size: 12px; vertical-align: top; text-align: center;}
#c3 .picList li { letter-spacing: normal; vertical-align: top; display: inline-block;}
#c3 .picList .p1 { padding-right: 34px;}
#c3 .picList .p2 { padding-left: 34px; }




/* ----------------------------------------------------------------------------------------------------------------
#colorbox.forStage
---------------------------------------------------------------------------------------------------------------- */
.forStage #cboxLoadedContent { padding-top: 85px;}
.forStage #cboxClose{ top: 40px; right: 10px; }