@charset "UTF-8";

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



#contents { background: url(../_img/costumes/bg_r.png) top center repeat-x;}

/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/costumes/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 27px; }


#ttl-block #tf { top: -8px; left: 50%; margin-left: -255px; }
#ttl-block #category { margin-bottom: 12px;}
#ttl-block #ttl { margin-bottom: 13px;}




/* --------------------------------------------------------
#c0
-------------------------------------------------------- */
#c0 { padding-bottom: 20px; }
#c0 .inner-cont { width: 910px; height: 243px; margin: 0 auto; position: relative; }
#c0 #readpic { position: absolute; top: -19px; right: 0;}

/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { padding-bottom: 50px; }
#c1 .inner-cont { width: 910px; margin: 0 auto; position: relative; }


#c1 #description-block-wrap { width: 402px; height: 410px; margin: 0 auto; overflow: hidden; }
/*#c1 #description-block-wrap { width: 402px; margin: 0 auto;  }*/


#c1 #description-block { width: 402px; margin: 0 auto; text-align: center; }
#c1 #description-block dl { margin-bottom: 50px; }
#c1 #description-block .name-box { background: url(../_img/costumes/costume_name_bg.png) top center no-repeat; height: 55px; margin-bottom: 6px;}
#c1 #description-block .video-box { border: 1px solid #d9a447; background: #000;  margin: 0 auto 15px;}
#c1 #description-block .desc-box { background: url(../_img/costumes/costume_description_bg.png) top center no-repeat; height: 104px;}

#c1 #description-block .name-box img { display: none;}
#c1 #description-block .name-box img:first-child { display: inline-block;}
#c1 #description-block .desc-box img { display: none;}
#c1 #description-block .desc-box img:first-child { display: inline-block;}


#c1 .btn-block { letter-spacing: -.45em; width: 245px; }
#c1 .btn-block li { letter-spacing: normal; display: inline-block; vertical-align: top; margin-bottom: 6px; }
#c1 .btn-block li:nth-child(odd) { margin-right: 15px; }
#c1 .btn-block li img { position: relative;}
#c1 .btn-block li a { display: block; background: url(../_img/costumes/btn_cos_off.png) top center no-repeat; }
#c1 .btn-block li a:hover , #c1 .btn-block li a.on { background: url(../_img/costumes/btn_cos_on.png) top center no-repeat; }


#c1 #block-l { position: absolute; top: 50px; left: 0;}
#c1 #block-r { position: absolute; top: 52px; right: 0; text-align: right;}



/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { clear: both; padding-bottom: 20px; }
#c2 .inner-cont { text-align: center; }


#c2 .pic-list { letter-spacing: -.45em; text-align: center; background: url(../_img/costumes/btn_b_bg.png) bottom center repeat-x; }
#c2 .pic-list li { letter-spacing: normal; display: inline-block; vertical-align: top; }
/* 1400px */
#c2 .pic-list li { margin: 0 1%; width: 7.6428%; }
#c2 .pic-list li img { width: 100%; height: auto;}