﻿/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/
* {color:#333333;font-family:Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-size:11px;margin:0;}
/*
body {background-color:#f9f9ef;}
body {background-color:#f0f1e4;}
body {background-color:#ecf1d6;}
body {background-color:#e3ebc3;}
body {background-color:#e9e9d9;}
body {background-color:#e9e7e8;}
body {background-color:#f8f5e4;}
body {background-color:#f1eee0;}
*/
body {background-color:#f7f2e0;}

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 1px 2px rgba(0,0,0,.1);*/}
p.sectiontitle{
	background-color:#add700;
	color:#ffffff;
	line-height:34px;
	height:34px;
	font-size:14px;
	font-weight:bold;
	border-bottom:#dddddd solid 0px;
	text-indent:5px;
}
.timetableLinkBtn{background:url('../images/icon/timetablebtn.png') no-repeat right center;float:right;width:46px;height:30px;position:relative;top:2px;right:3px;}
.timetableLinkBtn:hover{right:1px;}

/*------------------------------------------------------------------------
各エリア
------------------------------------------------------------------------*/
#layout {width:auto;height:auto;margin:auto;padding:0;}
#wrapper {height:auto;margin:auto;width:960px;overflow:hidden;padding:10px 0px;}

#contents{width:960px;overflow:hidden;height:auto;}
#contents-left {float:left;width:690px;padding:0;margin-right:10px;}
#contents-right {float:left;width:260px;padding:0;}
#contents-left-01-left {float:left;margin:0 18px 0 0;padding:0px;width:160px;}
#contents-left-01-right {float:left;margin:0 0 0 0px;padding:0px 0px 0px 0px;width:512px;}
#contents-left-02-left { float:left;margin:0;padding:0px;width:690px;}
#contents-left-02-right {  }
.unit-box{overflow:hidden;padding:0px 0px;margin:0px 0px;}
.section{overflow:hidden;padding:0px 0px;margin:0px;}

#contents-right .unit-box0{ } 
#contents-right-01 {padding:0 0 0 10px;}

/*------------------------------------------------------------------------
テレビ・ラジオエリア(NEW)
------------------------------------------------------------------------*/
#tv-todaytimetable-area {width:160px;border: #f2edd4 solid 0px;margin-bottom:18px;}
#tv-todaytimetable {width:160px;height:176px;}
#radio-todaytimetable-area {width:160px; border: #f0f1e4 solid 0px;margin-bottom:10px;}
#radio-todaytimetable {width:160px;height:176px;}


.todaytimetable ul{ padding:3px 0px; }
.todaytimetable ul li.information{float:left;width:100%;}
.todaytimetable ul li.information p{color:#198661;margin:0 16px 3px 12px;font-size:11px;border-radius:5px;padding:4px;border:1px solid #cccccc;}

.todaytimetable {float:left;height:176px;margin-top:0;overflow:auto;width:160px;background-color:#ffffff;}
.todaytimetable ul{display:block;list-style-type:none;margin:0;padding:4px 0px; border-bottom:2px solid #add700;clear:both;overflow:hidden;text-decoration:none;}

.todaytimetable a{text-decoration:none;}
.todaytimetable a ul{background:url("../images/icon/a-link-arrow.png") no-repeat right center #ffffff;display:block;list-style-type:none;margin:0;padding:4px 0px;border-bottom:2px solid #add700;clear:both;overflow:hidden;text-decoration:none;}
.todaytimetable a:hover ul{background:#f3ffc4 url("../images/icon/a-link-arrow-hover_green.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.link li.program{text-decoration:none;}

.todaytimetable ul li.time {
    background-color: #add700;
    clear: left;
    float: left;
    padding: 0 5px 0 5px;
    text-align: center;
    width: 50px;
	color:#ffffff;
	position: relative;
	line-height:20px;
	height:20px;
	font-weight:bold;
	
}
.todaytimetable ul.oa .time {
    background-color: #ff64b8;
}
.todaytimetable ul li.program {
    clear: right;
    float: left;
    height: auto;
    padding: 3px 12px;
    width: 120px;
    word-break: break-all;
}
.todaytimetable ul.oa li.time:after {
	content: "";  
	border-top: 10px solid #ff64b8;
	border-bottom: 10px solid #ff64b8;
	border-right: 10px solid transparent;
	position: absolute;
	
	right: -10px; top: 0;
	z-index: 1;
}
.todaytimetable a:hover ul li.information p{background-color:#ffffff;}

/*------------------------------------------------------------------------
センターパネル
------------------------------------------------------------------------*/
#slideshow-center-area {width: 512px;height: 314px;margin: 0;padding:0;border: 0;}
#slideShowArea {
    border: 0;
    height: 318px;
    margin: 0;
    padding: 0;
    width: 512px;
}
.theme-mrt .nivoSlider {
    box-shadow: 0 0 0 0!important;
    background: url("../js/loading.gif") no-repeat scroll 0 0 #fff!important;
    border: 0 solid #f2f2f2!important;
    height: 288px!important;
    margin-bottom: 0!important;
    position: relative!important;
    width: 512px!important;
}
.theme-mrt .nivo-controlNav{
	padding:3px 0;
}
.theme-mrt .nivo-caption {
    background: none repeat scroll 0 0 #015240!important;
    padding: 0;
}
/*------------------------------------------------------------------------
おすすめ番組
------------------------------------------------------------------------*/
#topics-pr-area{
	background-color:#ffffff;
	padding:2px;
	height:auto;
}
#topics-pr-area > ul{
	list-style:none;
	padding:0;
	overflow:hidden;
}
#topics-pr-area > ul > li {
	float:left;
	margin:0;
}
#topics-pr-area > ul > li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#topics-pr-area > ul > li img{
	margin:0px;
}
/*------------------------------------------------------------------------
News i
------------------------------------------------------------------------*/
#newsi-area {border: #cccccc solid 0px;margin:0px 0px 10px 0px;width: 690px;}
#newsi-box{background-color:#ffffff;}
#newsi-box p.sectiontitle{background-color:#acb09d;width:160px;height:30px;padding:0px;line-height:30px;border:0;text-decoration:none;float:left;display:inline;text-align:center;}
#newsi {height:30px!important;line-height:16px;margin-left:160px;width:502px;border-left:0px solid #cccccc;}
#newsi ul{padding-left:0;list-style:none;width:530px;}
#newsi li {display:none;width:530px;}
#newsi li a {font-size:12px;line-height:30px;background:url("../images/icon/a-link-arrow.png") no-repeat right center transparent;display:block;list-style-type:none;margin:0;padding:0 5px;border-bottom:0px dotted #cccccc;clear:both;overflow:hidden;text-decoration:none;}
#newsi li a:hover {background:#f3ffc4 url("../images/icon/a-link-arrow-hover_green.png") no-repeat right center ;color:#111111;}


/*------------------------------------------------------------------------
ランキング
------------------------------------------------------------------------*/
#ranking-area {width:250px;/*border: #e4e4db solid 1px;*/border: #f0f1e4 solid 0px;}
#ranking {overflow:auto;width:250px;height:170px;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:232px;padding:8px 0;}
#ranking a ul li {margin:0px 3px;}
#ranking ul li.no {float:left;text-align:right;width:20px;line-height:18px;font-weight:bold;}
#ranking ul li.icon {width:16px;line-height:18px;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 {float:right;clear:right;line-height:18px;margin-right:12px;width:164px;}
#ranking a:hover ul{background:url("../images/icon/a-link-arrow-hover_green.png") no-repeat right center #f3ffc4;text-decoration:none;}
#ranking a:hover ul li{color:#111111;}

/*------------------------------------------------------------------------
新着
------------------------------------------------------------------------*/
#newarrivals-area{/*border: #e4e4db solid 1px;*/border: #f0f1e4 solid 0px;width:690px;margin-bottom:10px;}
#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:690px;height:600px;background-color:#ffffff;}

.newarrivals-box{background-color:#ffffff;overflow:auto;width:690px;height:600px;}
.newarrivals-box ul{border-bottom:2px solid #add700;clear:both;list-style-type:none;padding:3px;overflow:hidden;min-height:50px;}
.newarrivals-box li.icon{float:left;height:auto;width:80px;height:80px;}
.newarrivals-box li.icon img{border:0 none;margin:0px;width:80px;height:80px;background-color:#ffffff;}
.newarrivals-box li.article{float:right;width:576px;}
.newarrivals-box li.article p{display:block;}
.newarrivals-box li.article p.title{color:#333333;font-size:16px;width:470px;font-weight:bold;padding:4px 0px;float:left;line-height:20px;}
.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:13px;padding:0px 0px;clear:both;margin:3px 20px 3px 0;width:auto;}
.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("../images/icon/a-link-arrow.png") no-repeat right center transparent;}
.newarrivals-box a:hover ul{background:url("../images/icon/a-link-arrow-hover_green.png") no-repeat right center #f3ffc4;text-decoration:none;}
.newarrivals-box a:hover ul li{text-decoration:none;}
#data-information .none {display:none;}
#data-information .show {}
/*------------------------------------------------------------------------
放送予定
------------------------------------------------------------------------*/
.oa-information-box ul li.icon{width:90px;height:90px;}
.oa-information-box ul li.icon img{width:80px;height:80px;border:0;}
#oa-information-area{/*border: #e4e4db solid 1px;*/border: #f0f1e4 solid 0px;width:690px;margin-bottom:10px;}
#oa-information{width:690px;height:350px;}
.oa-information-box{background-color:#ffffff;overflow:auto;width:690px;height:350px;}
.oa-information-box ul{border-bottom:2px solid #add700;clear:both;list-style-type:none;padding:3px;overflow:hidden;min-height:50px;}
.oa-information-box ul li.icon{float:left;height:auto;width:80px;height:80px;}
.oa-information-box ul li.icon img{margin:0px;width:80px;height:80px;border:0;background-color:#ffffff;}
.oa-information-box ul li.article{float:right;width:580px;}
.oa-information-box ul li.article p{display:block;}
.oa-information-box ul li.article p.title{font-size:16px;width:480px;font-weight:bold;padding:2px 0px;float:left;}
.oa-information-box ul li.article p.updated{color:#4BC090;font-size:16px;padding:2px 10px 2px 5px;text-align:right;float:right;width:70px;font-weight:bold;}
.oa-information-box ul li.article p.information{font-size:13px;padding:2px 15px 2px 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("../images/icon/a-link-arrow.png") no-repeat right center transparent;}
.oa-information-box a:hover ul{background:#f3ffc4 url("../images/icon/a-link-arrow-hover_green.png") no-repeat right center;text-decoration:none;}

.oa-information-box a:hover ul li.article p{color:#111111;}
.subdatetitle{/*background-color:#4bc090;color:#ffffff;*/background-color:#ddff99;color:#4bc090;font-weight:bold;font-size:16px;line-height:28px;padding-left:10px;text-align:right;border:3px solid #ffffff;display:block;}
/*------------------------------------------------------------------------
宮崎の天気
------------------------------------------------------------------------*/
#weather-Area {/*border: #e4e4db solid 1px;*/border: #f0f1e4 solid 0px;width:250px;height:auto;margin-bottom:10px;}
#weather{display:block;height:auto;overflow:auto;width:250px;background-color:#ffffff;}
#weather a{text-decoration:none;}
#weather a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}
#weather #today {float:left;width:120px;padding:3px 1px 3px 4px;}
#weather #tomorrow {float:left;width:120px;padding:3px 4px 3px 1px;}
#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:23px;font-weight:bold;width:35px;padding:0px;line-height: 32px;}
.weather-tempature .min {color:#1b8cff;font-size:23px;font-weight:bold;width:35px;padding:0px;line-height: 32px;}
.weather-rain {float:left;margin-top:2px;padding:2px 0px;width:124px;font-size:10px;text-align:center;}
.weather-rain p.slash {float:left;color:#888888;padding:0px;}
.weather-rain p.probability {float:left;width:26px;}
/*------------------------------------------------------------------------
きょうのニュース
------------------------------------------------------------------------*/
#mrtnews-area {width:250px;border: #f0f1e4 solid 0px;margin-bottom:10px;}
#mrtnews-area span.update {color:#f3ffc4;padding-left:50px;text-align:right;font-size:11px;}
#mrtnews {overflow:hidden;background-color:#ffffff;}
#mrtnews ul {height:auto;list-style-type:none;padding:0px;overflow:hidden;}
#mrtnews ul li {border-bottom:2px solid #add700;}
#mrtnews ul li:last-child{border-bottom:0px;}
#mrtnews ul li a{ background:url("../images/icon/a-link-arrow.png") no-repeat right center #ffffff;padding:10px 12px 10px 9px;word-wrap:break-word;line-height:16px; }
#mrtnews ul li a:hover{ color:#000000; background:url("../images/icon/a-link-arrow-hover_green.png") no-repeat right center #f3ffc4;text-decoration:none; }
#localnewsprogram a{ text-decoration:none;}
#mrtnewsnext {background:transparent url("../images/mrtnewsnext_title.gif"); width:250px; height:18px;
	border-bottom: 2px solid #6bb727;
	border-top: 2px solid #6bb727;
}                        
#mrtnewsnext span{font-weight:bold; font-size:12px;margin-left:10px; line-height: 20px;color:#ffffff;}
#mrtnewsnext_contents {background:transparent url("../localnews/images/next_pr_bg.png") no-repeat center center;font-size:11px;line-height:22px;color:#000000;padding:2px 1px;}
/*------------------------------------------------------------------------
234-60バナー
------------------------------------------------------------------------*/
#banner234_60-area {margin:0px;width:250px;height: auto;margin-bottom:10px;background-color:#ffffff;}
#banner234_60-area ul {list-style-type:none;/*padding-left:0px;*/   padding: 1px 0;}
#banner234_60-area ul li{}
#banner234_60-area ul li a{
text-align:center;
background-color:#ffffff;
border: 1px solid #add700;
height:auto;/*padding:8px;*/width:234px;margin:0px 0px 0px 0px;
 margin:5px 4px;
    padding: 3px;
}
#banner234_60-area ul li a:hover{background-color:#f3ffc4;text-decoration:none;}
#banner234_60-area ul li a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#banner234_60-area ul li p{display:none;text-align:left;background-color:#f5f5f5;color:#000000;border-radius:6px;padding:3px 5px;margin:2px 5px;}

/*------------------------------------------------------------------------
フッター
------------------------------------------------------------------------*/
#footer{background-color:#232323;}
#footer .unit-box{width:960px;height:auto;margin:auto;}

#footer-banner-area {padding:1px 0px 5px 0px;width:960px;}
#footer-banner-area ul {list-style-type:none;margin:auto;padding:0;overflow:hidden;width:910px;}
#footer-banner-area ul li{float:left;}
#footer-banner-area ul li a{background-color:#ffffff;margin:5px;}
#footer-banner-area ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#sitemap-area{width: 960px; margin: 5px 0;overflow:hidden;}
#sitemap-area ul{list-style-type:none;padding:0;margin:0;}
#sitemap-area ul li{float:left;padding:0px 5px;width:280px;font-size:12px;line-height:18px;margin:2px 3px;border-left: 3px solid #add700;}
#sitemap-area ul li a{font-size:11px;color:#ffffff;}
#sitemap-area ul li a:hover{color:#add700;text-decoration:underline;}
#sitemap-televison{width: 310px;padding:10px 10px 10px 0;}
#sitemap-televison p{color:#add700;font-weight:bold;font-size:16px;border-bottom:1px solid #add700;line-height:30px;text-indent:5px;padding:3px 0;}
#sitemap-televison ul{width:300px;height:auto;overflow:hidden;padding: 5px;}
#sitemap-radio{width: 620px;padding:10px 0 10px 10px;}
#sitemap-radio p{color:#add700;font-weight:bold;font-size:16px;border-bottom:1px solid #add700;line-height:30px;text-indent:5px;padding:3px 0;}
#sitemap-radio ul{width:600px;height:auto;overflow:hidden;padding: 5px;}
.sitemap-box{float:left;}

#footer-menu-area {clear:both;height:20px;line-height:20px;margin:0;padding:5px 0px;width:960px;}
#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;color:#ffffff;}
#footer-menu-area ul li a:hover {color:#add700;text-decoration:underline;}
#copyright {width:960px;line-height:16px;height:16px;margin:auto;padding:5px 0px;text-align:right;}
#copyright span{color:#add700!important;}
