/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/
* {
	color:#333333;
	/* font-family:Hiragino Kaku Gothic Pro,Meiryo,sans-serif; */
	font-size:11px;
	margin:0;
}
p {font-family:Hiragino Kaku Gothic Pro,Meiryo,sans-serif;font-size:11px;margin:0;}

/*ミニチュアライフ展ver
body {
	background-attachment: scroll;
	background-image: url(../images/mini_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #9DD9DA;
}
*/

body {
	background-color: #f7f2e0;
}

a {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;
	background-color: rgba(255,255,255,0.5);
}
*/
#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:178px;}
#radio-todaytimetable-area {width:160px; border: #f0f1e4 solid 0px;margin-bottom:10px;}
#radio-todaytimetable {width:160px;height:178px;}



.todaytimetable {float:left;height:178px;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 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 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: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;
}
.bx-wrapper .bx-viewport{
	border: 0px;
	box-shadow: 0 0 0px #ccc;
	left: 0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    padding: 10px 0;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-caption {
    background: rgba(01, 52, 40, 0.75) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.bx-caption p{color:#ffffff;}
.bx-caption p strong{color:#ffffff;}

.flexslider{border:0;margin:0;}
.flex-control-nav{bottom:-20px;}

.flex-caption{position:absolute;width:512px;bottom:0;
/*background:rgba(80, 80, 80, 0.75) none repeat scroll 0 0;*/
background:rgba(37,89, 84, 0.9) none repeat scroll 0 0;
}
.flex-caption > div{padding:8px;}
.flex-caption p{color:#ffffff;}

.flex-direction-nav a::before{color:#fff;}

.flex-direction-nav a{text-decoration:none;}

.flex-control-paging li a{
	background-color:#cccccc;
}
.flex-control-paging li a.flex-active{
	background-color:#add700;
}

/*------------------------------------------------------------------------
おすすめ番組
------------------------------------------------------------------------*/
#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:2px;
}
#topics-pr-area > ul > li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#topics-pr-area > ul > li img{
	margin:0px;
}
#topics-pr-area a{display:block;}
/*------------------------------------------------------------------------
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;}


/*------------------------------------------------------------------------
新着
------------------------------------------------------------------------*/
#newarrivals-area{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:1100px;background-color:#ffffff;}
.newarrivals-box{background-color:#ffffff;overflow:auto;width:690px;height:1100px;}
.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; font-size: 12px;}
.newarrivals-box li.article p.title{color:#333333;font-size:16px;width:450px;font-weight:bold;padding:4px 0px;float:left;line-height:20px;}
.newarrivals-box li.article p.updated{padding:2px;text-align:right;float:right;font-size:12px;width:120px;line-height: 22px;}
.newarrivals-box li.article div.information{font-size:12px;padding:0px 0px;clear:both;margin:3px 20px 3px 0;width:auto;}
.newarrivals-box li.article div.information span{font-size: inherit;}

.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;
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
.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;}
.newarrivals-box a li.icon img{
-webkit-transition: border-radius 0.3s linear;
transition: border-radius 0.3s linear;
}
.newarrivals-box a:hover li.icon img{border-radius:50%;}
#data-information .none {display:none;}
#data-information .show {}
.genre_tv{
	background-image: url("../images/mrt-tv-logo.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 12px; 
	width:68px;
	height:16px;
	text-indent:-9999px;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
}
.genre_radio{
	background-image: url("../images/mrt-radio-logo.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 12px; 
	width:62px;
	height:12px;
	text-indent:-9999px;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
}
.newsLinkBtn{background:#8fb200;color:#ffffff;float:right;width:160px;height:30px;position:relative;top:2px;right:3px;line-height:30px;text-align:center;font-size:14px;}
.newsLinkBtn:hover{right:1px;color:#ffffff;text-decoration:none;}

/*------------------------------------------------------------------------
放送予定
------------------------------------------------------------------------*/
.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:#f0f1e4 solid 0px;width:690px;margin-bottom:10px;}
#oa-information{width:690px;height:880px;}
.oa-information-box{background-color:#ffffff;overflow:auto;width:690px;height:880px;}
.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;
	font-size: 12px;
}
.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;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.oa-information-box ul li.article div.information{font-size:13px;padding:2px 15px 2px 0px;clear:both;}

.oa-information-box li.article div.information span{font-size: inherit;}

.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;
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}
.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 li.icon img{
-webkit-transition: border-radius 0.3s linear;
transition: border-radius 0.3s linear;
}
.oa-information-box a:hover li.icon img{border-radius:50%;}


.oa-information-box a:hover ul li.article p{color:#111111;}
.subdatetitle{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: #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;display: block;}
#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;display:block; }*/
#mrtnews ul li a{ background:url("../images/icon/a-link-arrow.png") no-repeat right center #ffffff;display:block;}
#mrtnews ul li a div{ padding:10px 12px 10px 9px;word-wrap:break-word;line-height:20px;display:block; }
#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; }
#mrtnews ul li a img.thumbnail{width:80px;float:left;}

#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("../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{text-align: center;}
#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;
	display:block;
}
#banner234_60-area ul li div.flash{
    border: 1px solid #add700;
    display: block;
    height: auto;
    margin: 5px 4px;
    padding: 3px;
    width: 234px;
}
#banner234_60-area ul li div.flash object{
    display: block;
}

#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;display:block;}
#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;}

.mrt_overlay{
	max-width:1200px;
}
#onerowtext-area{
	background: #ffffff none repeat scroll 0 0;
    margin: 4px auto;
    width: 960px;
}
