@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :「SYSTEMページ」 用
================================================================== */


#wrapper { background: url(../_img/world/bg_c.jpg) top center no-repeat; }
/*#wrapper-circle { background: url(../_img/world/bg_circle.png) top center no-repeat; }*/
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents {}



#content-Area { padding-top: 230px; position:relative; }


h2 { position: relative; }
h2 .ttl { position: absolute; top:0; left: 0;}
h2 img { position: relative;}
#support h2 { margin-bottom: 24px;}
#battle h2 { margin-bottom: -8px;}
#battle h2 .subttl { top: -8px;}


.contsblock { position: relative;}
#support #sidestory.contsblock , #support #topic.contsblock { background: url(../_img/system/line.png) bottom center no-repeat; padding-bottom: 112px; margin-bottom: 34px;}
#battle #dungeonbattle.contsblock , #battle #enemy.contsblock { background: url(../_img/system/line.png) bottom center no-repeat; padding-bottom: 112px; margin-bottom: 34px;}
#battle #dungeonbattle.contsblock { margin-bottom: -36px;}
#battle #enemy.contsblock { padding-top: 70px;}

.contsblock h3 { position: relative; z-index:auto;}
.contsblock h3 .inew { position: absolute; top: 0; left: 0;}
#support #sidestory.contsblock h3 .inew { top: 11px; }
#battle #enemy.contsblock h3 .inew { top: -6px; }
#battle #extraskills.contsblock h3 .inew { top: 15px; }

#support #sidestory.contsblock .text-Box { margin-top: -70px; margin-bottom: 99px;}
#support #topic.contsblock .text-Box { margin-top: -48px; margin-bottom: 109px;}
#support #shop.contsblock .text-Box { margin-top: -75px; margin-bottom: -13px;}

#battle #dungeonbattle .text-Box { margin-top: -39px; margin-bottom: 100px;}
#battle #enemy .text-Box { margin-top: -120px; margin-bottom: -15px;}
#battle #extraskills .text-Box { margin-top: -9px; margin-bottom: 167px;}

#bloompalace .text-Box { margin-top: -28px; margin-bottom: 153px;}

.mainPic { position: absolute; top: -94px; right: 0; }

.movie-Box { position: absolute; top: 164px; right: 0;}
#support #sidestory .movie-Box { position: absolute; top: -189px; right: 0;}
#battle #dungeonbattle .movie-Box { position: absolute; top: -165px; right: 0;}
#battle #extraskills .movie-Box { position: absolute; top: -114px; right: 0;}
.movie-Box .playbtn { position: absolute; top: 0; right: 0;}
.movie-Box .nof { display: none; position: absolute; top: 0; right: 0; width: 505px; height: auto; }


.boxlist-Block {}

.boxlist-Block { letter-spacing: -.45em; font-size: 0.1; margin-bottom: -12px;}
.boxlist-Block li { letter-spacing: normal; display: inline-block; margin-left: 30px; position: relative; vertical-align: top;}
.boxlist-Block li:first-child { margin-left: 0;}
.boxlist-Block li img { position: relative;}

.boxlist-Block li.pic01 img { top: 0px;}
.boxlist-Block li.pic02 img { top: -59px;}
.boxlist-Block li.pic03 img { top: -119px;}


/* #強敵たち
-------------------------------------------------------- */
.boxlist2-Block { letter-spacing: -.45em; font-size: 0.1; margin-bottom: -50px;}
.boxlist2-Block li { letter-spacing: normal; display: inline-block; margin-bottom: 19px; position: relative; vertical-align: top; width: 465px;}
.boxlist2-Block li:nth-child(even) { margin-left: 20px;}
.boxlist2-Block li img { position: relative;}

.boxlist2-Block li.pic02 img { top: -87px;}
.boxlist2-Block li.pic04 img { top: -87px;}
.boxlist2-Block li.pic06 img { top: -87px;}



.subMenu { margin-bottom: 10px;}
.subMenu area { outline: none;}

.menulist-Block { letter-spacing: -.45em; font-size: 0; text-align: right;}
.menulist-Block li { letter-spacing: normal; display: inline-block; margin-left: 10px; position: relative; vertical-align: top; }

.menulist-Block li.btn01 { top: -0px;}
.menulist-Block li.btn02 { top: -40px;}
.menulist-Block li.btn03 { top: -80px;}

.menulist-Block { height: 0;}
.menulist-Block li { z-index: 100;}



.subMenu_top { position: absolute; top: 146px; right: 0; z-index: 101;}

.menulist-Block_top { letter-spacing: -.45em; font-size: 0; text-align: right; height: 1px;}
.menulist-Block_top li { letter-spacing: normal; display: inline-block; margin-left: 38px; position: relative; vertical-align: top; }
.menulist-Block_top li a { position: relative; display: inline-block; }

.menulist-Block_top li.btn01_top { top: -0px;}
.menulist-Block_top li.btn02_top { top: -23px;}
.menulist-Block_top li.btn03_top { top: -51px;}