@charset "utf-8";

/*-- base --*/
body { color:#333; background-color:#f9f9f9; font-size:small; font-family:Arial,Roboto,“Droid Sans”,YuGothic,“Hiragino Kaku Gothic ProN”,Meiryo,sans-serif; line-height:1.7; }

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

#ooyalaplayer1                 { z-index:3!important; }
#ooyalaplayer1 .innerWrapper   { z-index:1!important; }


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

#header        { height:48px; overflow:hidden; zoom:1; background:#333; margin-bottom:8px; }
#header h1     { padding:12px 0 0 8px; float:left; }
#header h1 img { height:20px; }
#header nav    { float:right; }
#header nav ul { overflow:hidden; zoom:1; }
#header nav li { float:left; padding:12px 0 0 0; }
#header nav li a { display:block; height:24px; line-height:24px; padding:0 8px; }
#header nav li a img { height:24px; }





.top3	{color:#FFF;padding: 2px 9px;display:block;background-color:#e74c3c;}

#attention	{ display:block;  text-align:left;  margin:0 8px 8px 8px; padding: 5px; border:solid 1px #999999;}


#nav           { }
#nav ul        { display:-webkit-box; display:-moz-box; height:auto; padding:0 4px; }
#nav ul li     { -webkit-box-flex:1; -moz-box-flex:1; margin:0 4px; }
#nav ul li a   { display:block; padding:8px 0 8px 2px; letter-spacing:2px; text-align:center; color:#FFF; font-size:14px;background:#333; }
#nav ul li.active a { background:#e74c3c; font-weight:bold; }

#list          { padding-top:48px; }
#list h2       { padding:24px 0 8px 8px; font-size:16px; font-weight:bold; }
#list h3       { padding:4px 0 4px 8px;  font-size:12px; font-weight:bold; background:#f1f1f1; }
#list li a     { font-size:14px; font-weight:bold; display:block; overflow:hidden; zoom:1; padding:12px 8px; border-bottom:1px #EEE solid; line-height:1.4; }
#list li img   { float:left; width:80px; margin-right:8px; border:1px #CCC solid; }
#list .new li a{ font-size:15px; line-height:1.2; padding:8px; }
#list .px11    { font-weight:normal!important; }
#list .sun     { color:#ae473d; background:#f4eded; }
#list .sat     { color:#3277b8; background:#edf3f4; }
#list .update  { font-size:11px; color:#999; }

#article         {  }
#article h2      { font-size:24px; font-weight:bold; line-height:1.2; margin:16px 16px 4px 8px; letter-spacing:1px; }
#article .update { font-size:11px; padding-left:8px; }
#article .btn_sns li { float:right; padding:0 8px 8px 8px; display:block; }
#article .movie  { margin:0 auto 16px auto; width:320px; }
#article p       { font-size:14px; padding:0 8px; }
#article h4       { font-size: 14px; font-weight: bold; border-top: 1px #999 solid; padding: 8px 8px; margin-top: 12px; }
#article li 	{ border-bottom: 1px #DDD solid; padding: 8px; margin-bottom: 8px; }

#footer              { padding-top:16px; }
#footer ul.link      { display:-webkit-box; display:-moz-box; width:100%; height:auto; }
#footer ul.link li   { -webkit-box-flex:1; -moz-box-flex:1; width:33%; }
#footer ul.link li a { display:block; padding:12px 0 12px 2px; letter-spacing:2px; text-align:center; color:#FFF; font-size:13px; }
#footer ul.link li.weather { background:#87d0d7; }
#footer ul.link li.voice   { background:#e74c3c; }
#footer ul.link li.eizou   { background:#7aa9c7; }

#footer ul.other      { display:-webkit-box; display:-moz-box; height:auto; }
#footer ul.other li   { -webkit-box-flex:1; -moz-box-flex:1; border-right:1px #ccc solid; margin:8px 0 0 0; }
#footer ul.other li a { display:block; padding:0 2px; color:#FFF; }
#footer ul.other li a img { width:100%; }

#footer .other {  }

#mbspost        { padding-top:32px; }
#mbspost .inner { background:#c1d614; margin:16px 10px 0 10px; padding-bottom:8px; }
#mbspost .movie { width:300px; margin:0 auto; padding-top:8px; }
#mbspost ul     { width:300px; margin:8px auto; zoom:1; overflow:hidden; text-align:center;}
#mbspost li.left     { float:left; width:48%;  }
#mbspost li.right    { float:right; width:48%; }

.scoop a { display:block;  background:#DDD; text-align:center; padding:4px 8px; margin:0 8px 8px 8px; }



#ranking        {width:95%; margin:20px auto 12px; border:1px solid #e74c3c; overflow:hidden;zoom:1;}
#ranking h2     {padding: 5px;/* float:left; */font-size: 16px;background-color: #e74c3c;color: #ffffff;}
#ranking dl {/* overflow:hidden; */zoom:1;padding: 10px 0; border-bottom:1px #DDD solid;}
#ranking dl dt {padding:0 0px 0 10px;font-size: 16px;font-weight:bold;/* background:#f1f1f1; */float: left; margin: 5px 15px 0 5px;}
#ranking dl dd  {display:block;/* height:24px; */line-height: 30px; padding: 10px 8px 0 8px; font-size:12px;}
#ranking a     { font-size:12px; font-weight:bold; display:block; overflow:hidden; zoom:1; line-height:1.4; }
#ranking .button	{text-align:right;padding: 10px 16px 8px 0;font-weight:bold;font-size: 12px;}




.txt_min { font-family:"ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.pxl { font-size:large; }
.pxs { font-size:small; }
.px11 { font-size:11px; }
.mgn_t_16 { margin-top:16px; }
.no-border{ border:none!important; }