﻿/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/
* {
    color:#333333;
    /* font-family:Hiragino Kaku Gothic Pro,Meiryo,sans-serif; */
    font-size:11px;
    margin:0;
}
body {}
a {display:block;text-decoration:none;}
a:hover, a:active {color:#1e90ff;text-decoration:underline;cursor: pointer;}
img {border:0 none;}
.shadow{box-shadow:0 0 4px rgba(0, 0, 0, 0.2);}
.sectiontitle{padding:5px;background-color:#f2f2f2;color:#ef1ca8;color:#f03870;padding:2px;height:20px;line-height:20px;font-size:13px;font-weight:bold;border-bottom:#dddddd solid 1px;text-indent:5px;}
/*------------------------------------------------------------------------
各エリア
------------------------------------------------------------------------*/
#layout {width:auto;height:auto;margin:auto;padding:0;}
#wrapper {height:auto;margin:auto;width:950px;overflow:hidden;padding:5px 0px;}
#contents{width:950px;overflow:hidden;height:auto;}
#contents-left {float:left;width:704px;padding:0;}
#contents-right {float:left;width:246px;padding:0;}
#contents-left-01-left {float:left;margin:0;padding:0px 3px 5px 3px;width:204px;}
#contents-left-01-right {float:left;margin:0 0 0 0px;padding:0px 5px 5px 5px;width:484px;}
#contents-left-02-left {float:left;margin:0;padding:0px 3px 5px 3px;width:204px;}
#contents-left-02-right {float:left;margin:0 0 0 0px;padding:0px 5px 5px 5px;width:484px;}
.unit-box{overflow:hidden;padding:4px 0px;}
#contents-right .unit-box0{/*padding:4px 2px;*/} 
#contents-right-01 {padding:0px 2px;}
/*------------------------------------------------------------------------
テレビ・ラジオエリア
------------------------------------------------------------------------*/
#tv-todaytimetable-area {width:200px;border: #cccccc solid 1px;margin-bottom:16px;}
#tv-todaytimetable {width:200px;height:186px;}
#radio-todaytimetable-area {width:200px;border: #cccccc solid 1px;}
#radio-todaytimetable {width:200px;height:186px;}
.todaytimetable {float:left;height:186px;margin-top:0;overflow:auto;width:200px;background-color:#ffffff;}
.todaytimetable ul{display:block;list-style-type:none;margin:0;padding:3px 0;border-bottom:1px dotted #cccccc;clear:both;overflow:hidden;text-decoration:none;}
.todaytimetable ul.oa {background-color:#ffe8e8;}
.todaytimetable a{text-decoration:none;}
.todaytimetable a ul{background:url("http://mrt.jp/images/icon/a-link-arrow.png") no-repeat right center transparent;display:block;list-style-type:none;margin:0;padding:3px 0;border-bottom:1px dotted #cccccc;clear:both;overflow:hidden;text-decoration:none;}
.todaytimetable a ul.oa{background:#ffe8e8 url("http://mrt.jp/images/icon/a-link-arrow-active.png") no-repeat right center ;}
.todaytimetable a:hover ul{background:#dbf2ff url("http://mrt.jp/images/icon/a-link-arrow-hover.png") no-repeat right center ;}
.todaytimetable a:hover ul.oa  {background:#dbf2ff url("http://mrt.jp/images/icon/a-link-arrow-hover.png") no-repeat right center ;}
.todaytimetable a{text-decoration:none;}
.todaytimetable a:hover ul li{}
.todaytimetable a:hover ul li.time{text-decoration:none;}
.todaytimetable ul li {}
.todaytimetable ul li.time {clear:left;float:left;padding:5px 3px 5px 1px;text-align:right;width:34px;}
.todaytimetable ul li.program {clear:right;float:right;height:auto;padding:5px 12px 5px 2px;width: 130px;word-break: break-all;}
.todaytimetable ul.link li.program{text-decoration:none;}
/*------------------------------------------------------------------------
トップパネル
------------------------------------------------------------------------*/
#slideshow-center-area {width: 480px;height: 300px;margin: 0;padding:0 1px;border: 0;}
/*------------------------------------------------------------------------
おすすめ番組
------------------------------------------------------------------------*/
#netprogram-area {border:1px solid #cccccc;width:480px;margin:5px 0px 0px 0px;background-color:#ffffff;}
#netprogram-area ul {list-style-type:none;padding:4px 9px;margin:0;width:462px;height: 102px;}
#netprogram-area ul li {border:0 solid #cdcdcd;float:left;padding:1px 10px;width: 134px;height: 100px;}
#netprogram-area ul li a img {border:1px solid #cdcdcd;padding:1px;height:75px;width:130px;}
#netprogram-area a:hover{text-decoration:none;}
#netprogram-area ul li p{text-align:center;background-color:#ffffff;color:#555555;font-weight:bold;height:20px;}
#netprogram-area a:hover p{background-color:#70cbff;color:#ffffff;}
#netprogram-area a:hover img{border:#70cbff 1px solid;}
/*------------------------------------------------------------------------
News10
------------------------------------------------------------------------*/
#news10-area {border: #cccccc solid 1px;margin:3px 3px 8px 3px;width: 692px;}
#news10-box{background-color:#ffffff;}
#news10-box a{text-decoration:none;float:left;width:80px;height:26px;display:inline;}
#news10-box a p.sectiontitle{width:70px;height:16px;padding:5px;line-height:16px;border:0;}
#news10-box a:hover p.sectiontitle{background-color:#f03870;color:#ffffff;}
#news10 {height:16px;line-height:16px;margin-left:80px;width:615px;border-left:1px solid #cccccc;}
#news10 p {display:none;padding:5px;width:600px;}
/*------------------------------------------------------------------------
Topics
------------------------------------------------------------------------*/
#topics-area{border: #cccccc solid 1px;margin-bottom:16px;width:200px;}
#topics {width:200px;height:360px;background-color:#ffffff;}
#topics ul {list-style-type:none;margin:0;padding:0;overflow:hidden;}
#topics ul li {padding:0;width:200px;text-align:center;margin:15px 0px;}
#topics ul li img{padding:1px;border:1px solid #cdcdcd;}
#topics ul li a:hover img{background-color:#3eaced;border:1px solid #dbf2ff;}
/*------------------------------------------------------------------------
ランキング
------------------------------------------------------------------------*/
#ranking-area {width:200px;border:#cccccc solid 1px;}
#ranking {overflow:auto;width:200px;height:auto;background-color:#ffffff;}
#ranking a{text-decoration:none;}
#ranking a ul {display:block;overflow:hidden;height:auto;border-bottom:0 solid #ececec;list-style-type:none;width:200px;padding:8px 0;}
#ranking a ul li {margin:0px 3px;}
#ranking ul li.no {float:left;text-align:right;width:16px;line-height:16px;font-weight:bold;}
#ranking ul li.icon {background:transparent url("../images/icon/icon-ranking.png") no-repeat 0 0;float:left;margin:0px;}
#ranking ul li.rank_up {background-position:0 0;width:16px;height:16px;}
#ranking ul li.rank_down {background-position:0 -16px;width:16px;height:16px;}
#ranking ul li.rank_none {background-position:0 -32px;width:16px;height:16px;}
#ranking ul li.title {width:156px;float:right;clear:right;}
#ranking a:hover ul{background-color:#dbf2ff;}
#ranking a:hover ul li{color:#111111;}
/*------------------------------------------------------------------------
新着
------------------------------------------------------------------------*/
#newarrivals-area{border: #cccccc solid 1px;width:480px;margin-bottom:16px;}
#newarrivals-area ul#nav-information {width:480px;height:24px;padding:0;line-height:24px;border-bottom: #dddddd solid 1px;}
#newarrivals-area ul#nav-information li {display:inline-block;float:left;height:24px;text-align:center;background-color:#f2f2f2;}
#newarrivals-area ul#nav-information li a {display:block;height:24px;width:80px;text-decoration:none;font-weight:bold;cursor: pointer;}
#newarrivals-area ul#nav-information li a:hover {background-color:#1e90ff;color:#ffffff;}
#newarrivals-area ul#nav-information li a.sel {background-color:#ff6b6b;color:#ffffff;}
#data-information{width:480px;height:360px;background-color:#ffffff;}
.newarrivals-box{background-color:#ffffff;overflow:auto;width:480px;z-index:1;height:360px;}
.newarrivals-box ul{border-bottom:1px dotted #cccccc;clear:both;list-style-type:none;padding:3px 0;overflow:hidden;min-height:50px;}
.newarrivals-box li.icon{float:left;height:auto;width:50px;height:50px;}
.newarrivals-box li.icon img{border:0 none;margin:4px;width:40px;height:40px;background-color:#ffffff;border:1px solid #dddddd;}
.newarrivals-box li.article{float:right;width:410px;}
.newarrivals-box li.article p.title{color:#333333;font-size:12px;font-weight:bold;padding:4px 0px;width:305px;float:left;}
.newarrivals-box li.article p.updated{padding:5px 10px 2px 5px;;text-align:right;float:right;font-size:10px;width:90px;}
.newarrivals-box li.article p.information{font-size:12px;padding:3px 0px;clear:both;width:400px;}
.newarrivals-box a{display:block;text-decoration:none;}
.newarrivals-box a:hover{text-decoration:none;}
.newarrivals-box a ul{display:block;text-decoration:none;background:url("http://mrt.jp/images/icon/a-link-arrow.png") no-repeat right center transparent;}
.newarrivals-box a:hover ul{background:url("http://mrt.jp/images/icon/a-link-arrow-hover.png") no-repeat right center #dbf2ff;text-decoration:none;}
.newarrivals-box a:hover ul li{text-decoration:none;}
#data-information .none {display:none;}
#data-information .show {}
/*------------------------------------------------------------------------
放送予定
------------------------------------------------------------------------*/
#oa-information-area{border: #cccccc solid 1px;width:480px;margin-bottom:16px;}
#oa-information{width:480px;height:360px;}
.oa-information-box{background-color:#ffffff;overflow:auto;width:480px;z-index:1;height:360px;}
.oa-information-box ul{border-bottom:1px dotted #cccccc;clear:both;list-style-type:none;padding:3px 0;overflow:hidden;min-height:50px;}
.oa-information-box ul li.icon{float:left;height:auto;width:50px;height:50px;}
.oa-information-box ul li.icon img{margin:4px;width:40px;height:40px;background-color:#ffffff;border:1px solid #dddddd;}
.oa-information-box ul li.article{float:right;width:410px;}
.oa-information-box ul li.article p.title{font-size:12px;font-weight:bold;padding:4px 0px;width:340px;float:left;}
.oa-information-box ul li.article p.updated{font-size:12px;padding:3px 10px 3px 5px;text-align:right;float:right;width:55px;font-weight:bold;}
.oa-information-box ul li.article p.information{font-size:12px;padding:5px 15px 3px 0px;clear:both;}
.oa-information-box a{display:block;text-decoration:none;}
.oa-information-box a:hover{text-decoration:none;}
.oa-information-box a ul {display:block;text-decoration:none;background:url("http://mrt.jp/images/icon/a-link-arrow.png") no-repeat right center transparent;}
.oa-information-box a:hover ul{background:#dbf2ff url("http://mrt.jp/images/icon/a-link-arrow-hover.png") no-repeat right center;text-decoration:none;}
.oa-information-box a:hover ul li.article p{color:#111111;}
.subdatetitle{background-color:#ececec;color:#111111;font-size:12px;height:20px;line-height:20px;padding-left:10px;text-align:right;border-top:1px solid #ffffff;border-bottom:1px solid #cccccc;display:block;}
/*------------------------------------------------------------------------
宮崎の天気
------------------------------------------------------------------------*/
#weather-Area {border: #cccccc solid 1px;width:238px;height:auto;margin-bottom:16px;}
#weather{display:block;height:auto;overflow:auto;width:238px;background-color:#ffffff;}
#weather a{text-decoration:none;}
#weather #today, #weather #tomorrow {float:left;width:119px;}
#weather p.title{padding:3px 0px;text-align:center;}
.weather-image {float:left;width:84px;padding:3px 0px;}
.weather-tempature {width:35px;float:right;text-align:center;}
.weather-tempature .max {color:#ff3838;font-size:20px;font-weight:bold;width:35px;padding-top:1px;padding-bottom:0px;}
.weather-tempature .min {color:#1b8cff;font-size:20px;font-weight:bold;width:35px;padding-top:1px;padding-bottom:0px;}
.weather-rain {float:left;margin-top:2px;padding:2px 0px;width:119px;font-size:10px;text-align:center;}
.weather-rain p.slash {float:left;color:#888888;padding:0 1px;}
.weather-rain p.probability {float:left;width:24px;}
/*------------------------------------------------------------------------
きょうのニュース
------------------------------------------------------------------------*/
#mrtnews-area {width:238px;border: #cccccc solid 1px;margin-bottom:16px;}
#mrtnews-area span.update {color:#1e5a92;height:15px;padding:5px;text-align:right;font-size:10px;margin-left: 26px;}
#mrtnews {overflow:hidden;background-color:#ffffff;}
#mrtnews ul {height:auto;list-style-type:none;padding:3px 0px;overflow:hidden;}
#mrtnews ul li {padding:3px 2px 3px 5px;word-wrap:break-word;}
#mrtnews ul li a:hover{color:#1e90ff!important;}
#localnewsprogram a{ text-decoration:none;}
#mrtnewsnext {background:transparent url("http://mrt.jp/images/nextlogo_bg.gif");width:238px;height:18px;}
#mrtnewsnext span{font-weight: bold;font-size:12px;line-height: 18px;}
#mrtnewsnext_contents {font-size:11px;line-height:20px;background-color:#ffffbb;color:#000000;padding:2px 0px;}
/*------------------------------------------------------------------------
WebCam
------------------------------------------------------------------------*/
#webcam-area {width:238px;border:1px solid #cccccc;}
#webcam {width:230px;padding:0px 4px 3px 4px;}
#webcam a {border-style:none;}
/*------------------------------------------------------------------------
234-60バナー
------------------------------------------------------------------------*/
#banner234_60-area {width:240px;height: auto;}
#banner234_60-area ul {list-style-type:none;padding-left:0px;}
#banner234_60-area ul li a{background-color:#ffffff;border:1px solid #cccccc;height:auto;padding:2px;width:234px;margin:5px 0px;}
#banner234_60-area ul li a:hover{background-color:#3eaced;border:1px solid #dbf2ff;}
/*------------------------------------------------------------------------
フッター
------------------------------------------------------------------------*/
#footer{}
#footer .unit-box{width:950px;height:auto;margin:auto;}
#footer-banner-area {padding:1px 0px 5px 0px;width:950px;}
#footer-banner-area ul {list-style-type:none;margin:auto;padding:0;overflow:hidden;width:924px;}
#footer-banner-area ul li{float:left;}
#footer-banner-area ul li a{border:1px solid #cccccc;background-color:#ffffff;margin:1px 3px;padding:2px;}
#footer-banner-area ul li a:hover{background-color:#3eaced;border:1px solid #dbf2ff;}
#footer-menu-area {clear:both;height:20px;line-height:20px;margin:0;padding:5px 0px;width:950px;}
#footer-menu-area ul {float:right;list-style-type:none;margin:0;padding:0;overflow:hidden;}
#footer-menu-area ul li {color:#666666;float:left;text-decoration:none;}
#footer-menu-area ul li.separate {padding-left:10px;padding-right:10px;}
#footer-menu-area ul li a {text-decoration:none;}
#footer-menu-area ul li a:hover {color:#1E90FF;text-decoration:underline;}
#copyright {width:950px;line-height:16px;height:16px;margin:auto;padding:5px 0px;text-align:right;}
