@charset "UTF-8";

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


#wrapper { overflow: hidden;}
#container { overflow: visible; }
#contents { overflow: visible; }
#bg { width: 100%; position: absolute; top: 0; left: 50%; margin-left: -800px; }
#bg img { position: absolute; top: 0;}
/* --------------------------------------------------------
.contents_block
-------------------------------------------------------- */


/* #c1
-------------------------------------------------------- */
#c1 { padding-top: 55px; padding-bottom: 50px; }
#c1 .inner { width: 960px; margin: 0 auto; }

#c1 #chara { position: absolute; top: 0; right: 0; }
#c1 #chara div { position: absolute;}
#c1 #chara div img { position: relative;}
#c1 #chara #p_link { top: -137px; right: -187px; }
#c1 #chara #p_wolf { top: -132px; right: -12px; }

#c1 #mv_ttl { text-align: center; margin-bottom: 30px; position: relative; text-align: center;}

#c1 #video-box { width: 732px; height: 413px; background: #000; border: 1px solid #a48e46; margin: 0 auto 21px; position: relative; }

#c1 #text { text-align: center; margin-bottom: 10px; }

#c1 .thumb_list { position: relative; width: 100%; letter-spacing: -.45em; text-align: center; }
#c1 .thumb_list li { letter-spacing: normal; display: inline-block; position: relative; margin: 0 18px;}
#c1 .thumb_list li .new { position: absolute; top: 0; right: 0;}
#c1 .thumb_list li .on { position: absolute; top: 0; left: 0; opacity: 0;}
#c1 .thumb_list li a:hover .on ,
#c1 .thumb_list li a.current .on { opacity: 1;}






#b_wolf , #p_wolf, #ttl_wolf, #t_wolf { display: none;}

/*
#b_link , #p_link, #ttl_link, #t_link { display: none;}
*/