@charset "UTF-8";

/* body */
body      { color:#333; background-color:#f9f9f9; height:100%; font-size:88%; line-height:1.6; font-family:Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo, sans-serif; }

a:link    { color:#114499; text-decoration:none; }
a:visited { color:#991155; text-decoration:none; }
a:hover   { color:#114499; text-decoration:underline; }
a:active  { color:#994466; text-decoration:none; }

.fix   { position:absolute; width:100%; z-index:9998; }
.fixed { position:fixed; top:0px; left:0px; z-index:9999; }

/* header */
#header      { background:#333; }
header       { width:960px; height:64px; margin:0 auto; }
header h1    { float:left; margin-top:22px; }
header h1 a  { background:url("../images/logo.png") no-repeat left top; width:160px; height:20px; display:block; text-indent:-100em; overflow:hidden; }
header h1 a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; }
header ul    { float:right; height:32px; line-height:32px; margin-top:20px; }
header li    { float:left; margin:0 2px; border-right:1px #333 solid; }
header li a  { /*width:96px;*/ height:24px; display:block; padding-left:28px; font-size:12px; line-height:24px; letter-spacing:2px; margin-left:16px; color:#FFF!important; }
header li a:hover { color:#e74c3c!important; } 
header .po a { background:url("../images/ic_po.png") no-repeat left top; }
header .tw a { background:url("../images/ic_tw.png") no-repeat left top; }
header .ml a { background:url("../images/ic_ml.png") no-repeat left top; }
header .wt a { background:url("../images/ic_wt.png") no-repeat left top; }
header .vo a { background:url("../images/ic_vo.png") no-repeat left top; }
header .mi a { background:url("../images/ic_mi.png") no-repeat left top; }
header .ei a { background:url("../images/ic_ei.png") no-repeat left top; }

/* contents */
#contents { overflow:hidden; zoom:1; width:960px; margin:32px auto; }


/* attention */
#attention           { float:left; width:640px; padding: 5px; border:solid 1px #999999; margin:0 0 20px 0;}


/* news */
#news           { float:left; width:640px; }
#news h2        { float:left; font-size:32px; letter-spacing:4px; line-height:1; width:400px; }
#news .button   { float:right; margin-top:8px; }
#news .button a { color:#FFF; padding:2px 16px; display:block; background-color:#e74c3c; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
#news .button a:hover { background-color:#f26a5c; }
#news .box      { overflow:hidden; zoom:1; padding:24px 0; }
#news .left     { width:144px; }
#news .left p   { font-size:11px; padding-bottom:8px; }
#news .right    { width:480px; }
#news .right li { border-bottom:1px #DDD solid; padding-bottom:4px; margin-bottom:16px; }

/* genre */
#genre           { float:left; width:640px; }
#genre h2        { float:left; font-size:32px; letter-spacing:4px; line-height:1; padding-bottom:24px; width:400px; }
#genre .button   { float:right; margin-top:8px; }
#genre .button a { color:#FFF; padding:2px 16px; display:block; background-color:#e74c3c; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
#genre .button a:hover { background-color:#f26a5c; }
#genre h3        { font-size:24px; font-weight:bold; letter-spacing:3px; padding:0; margin:0 0 8px 0; line-height:1; }
#genre .left     { width:145px; }
#genre .left p   { font-size:11px; padding-bottom:8px; }
#genre .right    { width:480px; }
#genre .right ul { margin-bottom:32px; }
#genre .right li { border-bottom:1px #DDD solid; padding-bottom:4px; margin-bottom:16px; }
#genre .right li .update { font-size:11px; #999; }



/* ranking */
#ranking_top           { float:left; width:640px; }
#ranking_top h2        {float:left;font-size:32px;letter-spacing:4px;line-height:1;/* padding-bottom:24px; */width:640px;}
#ranking_top h3        { font-size:24px; font-weight:bold; letter-spacing:3px; padding:0; margin:0 0 8px 0; line-height:1; }
#ranking_top .list    { }
#ranking_top .list dl {padding: 20px 0 5px 0;border-bottom:1px #DDD solid;}
#ranking_top .list dl dt {float: left;font-size: 16px;font-weight: bold;width: 40px;padding: 0 20px 0 0; text-align:center;}
#ranking_top .list dl dd { font-size: 16px; }
#ranking_top .list dl .update { font-size:11px; #999; }

.top3 { color:#FFF; padding:2px 10px; display:block; background-color:#e74c3c; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }


/*  article  */
#article         { float:left; width:640px; }
#article h2      { font-size:16px; font-weight:bold; border-bottom:1px #999 solid; padding0 0 8px 0; margin-bottom:16px; letter-spacing:1px; }
#article h3      { font-size:32px; font-weight:bold; line-height:1.2; margin-bottom:8px; letter-spacing:1px; }
#article .update { font-size:11px; }
#article .btn_sns li { float:right; padding:0 0 8px 24px; display:block; }
#article .movie  { margin-bottom:16px; }
#article p    { font-size:16px; }
#article h4      { font-size:16px; font-weight:bold; border-top:1px #999 solid; padding:8px 0; margin-top:24px; }
#article .recently li { border-bottom:1px #DDD solid; padding-bottom:2px; margin-bottom:8px; }

/* info */
#info     { float:right; width:300px; }


/* ranking */
#ranking 	{ padding:0 0 60px 0;}
#ranking h2    {font-size: 20px;font-weight:bold;letter-spacing:4px;border-bottom:1px #333 solid;padding: 0 0 5px 0;line-height:1;}
#ranking .button   { float:right; margin-top:3px; }
#ranking .button a { font-weight:bold; padding:2px 16px; display:block; font-size:12px;  }
#ranking .button a:hover {  }

#ranking dl    {margin:0;height: auto;line-height: 160%;overflow:hidden;zoom:1;border-bottom:1px #DDD solid;}
#ranking dl dt {float:left;font-size: 18px;font-weight: bold;/* width: 5px; *//* height: 59px; */padding: 6px 0 0 5px;}
#ranking dl dd {float:right;width: 265px;/* text-align:center; */height: auto;font-size: 12px;padding: 6px 0 5px 5px;line-height: 150%;}
#ranking dl dd:hover { background:#EEE; }
#ranking dl dd a { display:block; }

/* sns */
#sns h2    { font-size:24px; font-weight:bold; letter-spacing:4px; border-bottom:1px #333 solid; padding:24px 0 8px 0; line-height:1;  }
#sns dl    { margin:0; height:40px; line-height:40px; overflow:hidden; zoom:1; border-bottom:1px #DDD solid; }
#sns dl dt { float:left; }
#sns dl dd { float:right; width:56px; text-align:center; height:40px; }
#sns dl dd:hover { background:#EEE; }
#sns dl dd a { display:block; }

/* contact */
#contact    { padding-top:16px; }
#contact h2 { font-size:24px; font-weight:bold; letter-spacing:4px; border-bottom:1px #333 solid; padding:24px 0 8px 0; line-height:1;  }
#contact p  { padding:8px 0; font-size:12px; }
#contact ul { padding:0 16px; overflow:hidden; zoom:1; }
#contact a        { padding:4px 8px 4px 40px; font-size:12px; letter-spacing:2px; width:72px; display:block; color:#FFF; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
#contact .left a        { background:#333 url("../images/btn_mail.png") no-repeat 8px center; }
#contact .left a:hover  { background:#555 url("../images/btn_mail.png") no-repeat 8px center; }
#contact .right a       { background:#333 url("../images/btn_movie.png") no-repeat 8px center; }
#contact .right a:hover { background:#555 url("../images/btn_movie.png") no-repeat 8px center; }

/* post */
#post    { padding-top:8px; }
#post h2 { font-size:24px; font-weight:bold; letter-spacing:4px; border-bottom:1px #333 solid; padding:24px 0 8px 0; line-height:1;  }
#post p  { padding:8px 0 16px 0; font-size:12px; }
#post .mail a  { display:block; padding:8px 0 8px 48px; border:1px #CCC solid; background:#333 url("../images/btn_mail.png") no-repeat 16px center; color:#FFF; }
/*#post img { border:1px #CCC solid;}*/

/* mbspost */
#mbspost { background:#c1d614 url("../images/scoop.png") no-repeat center center; width:300px; height:136px; position:relative; }
#mbspost .post  { position:absolute; top:64px; left:8px; }
#mbspost .movie { position:absolute; top:64px; right:8px; }
#mbspost a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; }

/* banner */
#banner           { padding-top:24px; }
#banner ul        { overflow:hidden; zoom:1; }
#banner ul li     { float:left; margin:4px 8px 0 0; border:1px #CCC solid; }
#banner ul li img { vertical-align:bottom; }
#banner ul li a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; }

/* upload */
#upload        { padding:0; float:left; width:640px; }
#upload h2     { padding-bottom:24px; }
#upload h4     { padding:8px 16px; background:#EEE; margin-bottom:24px; color:#333; font-size:16px; font-weight:bold; letter-spacing:2px; }
#upload .box   { zoom:1; overflow:hidden; }
#upload .left  { width:380px; }
#upload .right { width:230px; }

#upload p      { padding:0 0 24px 0; }

.upload_index ul     { padding:0 5px 20px 5px; }
.upload_index ul li  { padding:0 8px; float:left; }
.upload_index ul li img { width:180px; }
.upload_index .image { float:right; padding-left:12px; }
.upload_index ul li a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha( opacity=60 )"; }*/

.upload_inner dl     { padding:10px 0 25px 0; }
.upload_inner dl dt  { padding-top:16px; }
.upload_inner .txt   { float:left; width:350px; padding:30px 10px 0 50px; line-height:150%; font-size:medium; }
.upload_inner .img   { float:left; width:230px; padding:10px 0 0 0; line-height:160%; }

.upload_inner .market .txt    { float:left; width:270px; padding:10px 10px 0 50px; line-height:150%; font-size:medium; }
.upload_inner .market .banner { float:left; padding:30px 10px 0 0; }
.upload_inner .market .qr     { float:left; }

.upload_inner .btn_entry {padding:30px 0;text-align:center;}


/* clearfix */
.clearfix       { zoom:1; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix + *   { clear:both; }/* Dreamweaver確認用 */

#ooyalaplayer{ z-index:3; }
#ooyalaplayer .innerWrapper{ z-index:1; }

#ooyalaplayer01>div{ z-index:3; }
#ooyalaplayer01 .innerWrapper{ z-index:1; }

/* other */
.no-mgn    { margin-bottom:0!important; }
.no-border { border-bottom:none!important;}
.no-pad-t  { padding-top:0!important; }
.no-pad-b  { padding-bottom:0!important; }
.pad-b-16  { padding-bottom:16px!important; }
.no-pad-r  { padding-right:0!important; }
.no-mgn-r  { margin-right:0!important; }
.left      { float:left; }
.right     { float:right; }
.txt-min   { font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,serif; }
.yellow    { color:#b69835; }
.pink      { color:#dd5555; }
.red       { color:#c82b3f;}
.px40      { font-size:40px; }
.px32      { font-size:32px; }
.px24      { font-size:24px; }
.px16      { font-size:16px; }
.px14      { font-size:14px; }
.px11      { font-size:11px; }
strong     { font-weight: bold; }