@charset "UTF-8";

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


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: #000 url(../_img/stage/bg.jpg) top center no-repeat; background-size: contain; }
#ttl { margin-bottom: 0px;}

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




/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1.contents-block { padding: 0; position: relative; margin-bottom: 50px;}

#c1 #planetList { background: url(../_img/stage/planet_pic.jpg) center top no-repeat; width: 640px; height: 357px; margin: 0 auto;}
#c1 #planetList ul { width: 100%; position: relative;}
#c1 #planetList li { width: 116px; height: 100px; position: absolute; display: none;}
#c1 #planetList .p0 { top: 210px; left: 28px;}
#c1 #planetList .p1 { top: 227px; left: 129px;}
#c1 #planetList .p2 { top: 203px; left: 194px;}
#c1 #planetList .p3 { top: 113px; left: 189px;}
#c1 #planetList .p4 { top: 100px; left: 258px;}
#c1 #planetList .p5 { top: 167px; left: 264px;}
#c1 #planetList .p6 { top: 197px; left: 367px;}
#c1 #planetList .p7 { top: 176px; left: 433px;}
#c1 #planetList .p8 { top: 76px; left: 341px;}
#c1 #planetList .p9 { top: 86px; left: 435px;}
#c1 #planetList .p10 { top: 69px; left: 493px;}
#c1 #planetList li.current { display: block;}


#planet-black { position: relative; width: 640px; margin: 0 auto; }
#btn_prev , #btn_next { position: absolute; top: 115px; width: 55px; height: 72px; }
#btn_prev { left: 14px; background: url(../_img/stage/btn_prev.png) center left no-repeat; }
#btn_next { right: 14px; background: url(../_img/stage/btn_next.png) center right no-repeat; }
#btn_prev a , #btn_next a { display: block; width: 55px; height: 72px; }


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2.contents-block { padding: 0;}

#c2 .hl { margin-bottom: 20px; }
#c2 .text1 { margin-bottom: 48px; }
#c2 .pic { margin-bottom: 45px; }
#c2 .text2 { padding-bottom: 100px; }

/* --------------------------------------------------------
#c3
-------------------------------------------------------- */
#c3.contents-block { padding: 0;}

#c3 .hl { margin-bottom: 20px; }
#c3 .text1 { margin-bottom: 57px; }
#c3 .pic1 { margin-bottom: 90px; }
#c3 .pic2 { margin-bottom: 90px; }