@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :MOVIEƒy[ƒW—p
================================================================== */


/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { }

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { overflow: visible; width: 100%; }



.boxBase { width: 100%; height: auto; position: relative;}
#areaA { }
#areaA .repeatBg { background:#9be1ec; }
#areaA .repeatBg .boxBg { background: url(../_img/pc/movie/area-a_bg_pic.jpg) top center no-repeat; height:735px; padding-top:10px; }



#movieBox { width:910px; height:705px; position: relative; margin:0 auto; background:url(../_img/pc/movie/movie_bg.png) top center no-repeat; padding-top:41px; }

#ttl { position:relative; left:260px; margin-bottom:8px; width:378px; height:105px; }
#ttl img { position: absolute;}

#cha01 , #cha02 , #cha03 { position: absolute;}
#cha01 img , #cha02 img , #cha03 img { position: absolute;}
#cha01 { top: 91px; left: 53px;}
#cha02 { top: 26px; left: 732px;}
#cha03 { top: 549px; left: 759px;}


.subttl { margin-bottom:3px; }
.subttl.off { display:none;}

#movieBlock { border:2px solid #eb067d; width:704px; height:398px; margin: 0 auto 33px; background:#fff;}
#movieBlock .box { display:none; }




#listBlock { letter-spacing:-.40em; position:relative; text-align:center;}
#listBlock li { display:inline-block; margin:0 22px; width:262px; height:auto;}
#listBlock li a { display:block; height:166px;}
#listBlock img { width:100%; height:auto;}
#listBlock img.on { display:none; position:absolute; top:0; left:0;}
#listBlock img.cp { display:block;}

#listBlock li a { position:relative; vertical-align:top; display:block; }