@charaset "UTF-8";

/* FONT SIZE */
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

body { background: #000; }
html,body { height: 100%; margin: 0px; padding: 0px; color: #000; }
img { border: none;}
.hide { display: none;}
a span { display: none;}



#waper { width: 100%; background:url(image/bg_top_rep.png) top center repeat-x #0b0b0b;}
#frame-main { width: 1066px; margin: 0px auto; padding-bottom: 32px;}



/* BG ----*/
#frame-bg-header { background: url(image/bg_header_main.png) top center no-repeat;}
/* #frame-bg-header-rep { background:url(image/bg_snow_s.png) right top;} */
#frame-bg-header-chr { background:url(image/bg_header_chr.png) top center no-repeat;}


/* HEADER ------------------------------ */


#frame-header { width: 1066px; height: 630px; position: relative;}
.box-design { width: 285px; height: 260px; position: absolute; top: 299px; left: 52px; overflow: hidden;}

#frame-bg-footer { background: url(image/bg_bottom.png) bottom center repeat-x;}

/* CONTENTS ---------------------------- */
#frame-contents { width: 1066px; margin: 0px auto;}
#frame-contents .box-top { width: 1066px; height: 344px; background:url(image/bg_frame_top.png); position: relative;}
#frame-contents .box-middle { width: 1066px; background:url(image/bg_frame_middle.png) repeat-y; z-index: 100;}
#frame-contents .box-bottom { width: 1066px; height: 600px; background:url(image/bg_frame_bottom.png); position: relative; z-index: 1;}

.frame-view { position: absolute; top: 63px; left: 63px;}

.box-view-spacer { height: 500px;	}

#frame-info { width: 1008px; margin-left: 29px;}

.box-info-01 { width: 1008px; height: 2100px; background:url(image/bg_cont_01.jpg) top center no-repeat;}

.box-info-spacer { white-space: 1008px; height: 50px;}

.box-gacha { width: 1066px; height: 547px; margin:0px auto;}
.btn-box { width: 1066px; height:547px; background:url(image/btn_gacha_rollout.png) top center no-repeat; margin:0px auto;}
.btn-box ul { margin: 0px; padding: 0px;}
.btn-box li { width: 1065px; height: 547px; margin: 0px; padding: 0px; list-style: none; float: left;}
.btn-box li a { width: 1065px; height: 547px; display: block;}