@charset "UTF-8";

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



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

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


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




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

#c1 #video-box { width: 720px; height: 408px; background: url(../_img/videos/yt_bg.png) top center no-repeat; margin: 0 auto 25px; padding: 5px;}

#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 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;}