@charset "UTF-8";

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

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/videos/bg.jpg) top center no-repeat;}
#ttl { margin-bottom: 24px;}

/* --------------------------------------------------------
#v_ttl
-------------------------------------------------------- */
#v_ttl { text-align: center; margin-bottom: 8px; position: relative;}


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

#c1 #video-box { width: 808px; height: 478px; background: url(../_img/videos/yt_bg.png) top center no-repeat; margin: 0 auto 30px; padding: 15px 4px 0; position: relative; background-size:cover;}

#c1 .thumb_list { position: relative; width: 808px; margin: 0 auto; letter-spacing: -.45em; text-align: center; }
#c1 .thumb_list li { letter-spacing: normal; display: inline-block; position: relative; margin: 0 10px 15px 10px;}
#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 { opacity: 1;}