/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/

/*------------------共通------------------*/
* { font-family:ヒラギノ角ゴProW3,HiraginoKakuGothicPro,メイリオ,Meiryo,ＭＳＰゴシック,sans-serif; font-size:10px; color:#666666; margin:0; }
body {  }

a { text-decoration:none; display:block; }
a:hover, a:active{ color:#1e90ff; text-decoration:underline; }

img{ border:0; }

/*------------------全体のレイアウト------------------*/

#layout {padding-top:0; margin-top:7px; width:auto; height:auto; }
#wrap { width:950px; height:auto; margin:auto; }

#contentLeft { width:704px; float:left; }
#contentRight { padding-top:5px; float:right; margin-right:0; width:240px; }

#unitBox01 { padding-top:5px; padding-bottom:5px; }
#unitBox01Left { width:200px; float:left; margin-left:0; }
#unitBox01Right { float: right; margin-right: 5px; margin-left: 5px; }

#unitBox02{ float:left; }
#unitBox02Left{ width:200px; float:left; margin-left:0px; }
#unitBox02Right{ width:480px; float:left; margin-left:10px; }

/*------------------きょうのテレビ・ラジオエリア------------------*/
.block{
padding: 5px; float: left;
width: 260px;
}
.block1 {
	margin:auto;
	float:left;
	width: 260px;
	height:270px;
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
}
.block ul, .block1 ul{
	padding-left: 10px; padding-right: 10px; width: 240px;  
	list-style-type:none;

}
.block ul li, .block1 ul li{
	width: 240px;  
	list-style-type:none;

}

ul li.image {
	width:240px;
	height: auto;
	float:left;
	clear:left;
	text-align:right;
}
ul li.image img{
	width:240px;
	height: auto;
	height: auto;
}
ul li.title {
	height:auto;
	width:240px;
	font-size:14px;
	padding-left:0;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul li.size {
	width:200px;
	float:left;
	clear:left;
	text-align:right;
	font-size:12px;
	font-weight:700;
	list-style-type:none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.timetable a {
	padding:4px;
	font-size:14px;
	font-weight:bold;
}
.timetable ul li{
	display:inline !important
}
.timetable1 ul li{
	display:inline !important
}

.timetable ul li.pgm a{
	text-decoration:underline;
}

.timetable ul.oa {
	background-color:#C9EBFF;
}


.icon{
width:12px;
height12px;
}
/*------------------スライドショーエリア------------------*/
#slideShowArea {
float:left;
width:480px;
height:270px;
margin-left:0;
margin-right:0;
border-color:silver;
border-style:solid;
border-width:1px;
padding:0;
}
/*------------------ネット番宣エリア------------------*/
#netProgramArea {
width:480px;
clear:both;
float:left;
border-color:#cccccc;
border-style:solid;
border-width:0;
}
#netProgramArea table{
margin-top:2px;
}
#netProgramArea table tr td{
background-image: url(../images/program_back.gif);
background-repeat: no-repeat;
width: 155px;
height: 110px;
}
#netProgramArea table tr td a img{
width:130px;
height:75px;
padding-left:10px;
border:0px;
}
/*------------------ＮＥＷＳ１０エリア------------------*/
#unitBox02News10{
margin-bottom:10px;
}
/*------------------MRTからのお知らせエリア------------------*/
#mrtInfoArea{ width:198px; margin-top:-3px; margin-bottom:8px; }
#mrtInfoArea ul{ list-style-type:none; padding-left: 0px; }
#mrtInfoArea ul li { width:200px; height:40px; list-style-type:none; border:0; border-color:#CDCDCD; border-style:solid; margin-bottom:5px; margin-left: 0px; padding:0; }
#mrtInfoArea ul li img{ width:200px; height:40px; cursor:pointer; }


#mrtInfoArea_1{ width:198px; height:188px; margin-top:-3px; margin-bottom:0px; border-color:#cccccc; border-style:solid; border-width:0 1px; }
#topicsmenu{width:198px; height: 20px; padding-top: 5px; text-align:center; }
.nav{ float:left; margin:5px 0pt; text-indent:-9999px;}

#mrtInfoArea_1 a#prev{float:left; background: url(../images/arrow_left.png) no-repeat; width: 14px; height: 14px;}
#mrtInfoArea_1 a#next{float:left; background: url(../images/arrow_right.png) no-repeat; width: 14px; height: 14px;}

#mrtInfoArea_1 a#prev:hover{background-position: 0 -14px;}
#mrtInfoArea_1 a#next:hover{background-position: 0 -14px;}

.nav a{ float:left; background: url(../images/dot.png) no-repeat; width: 8px; height: 8px; margin-left: 5px; margin-right: 5px;}
.nav a:hover{ background-position: 0 -8px; }
.nav a.activeSlide{ background-position: 0 -16px; }

#mrtInfoArea_1 #slide1{position:absolute; padding: 0;  margin:  0; margin-top: 5px;margin-left: 8px; }




#blog table {
	height: 315px;
	width: 950px;
	border-width: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	border-collapse:collapse;
}
#blog table td {
	height: auto;
	width: 240px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #AAAAAA;
}        

#blog table td a{
	font-size:16px;
	padding-top: 4px; padding-bottom: 4px;
}        

/*------------------新着情報等エリア------------------*/
#tab_nav li {  display: inline;}
#tab_nav ul#tab{padding-left: 0px; width: 480px; height: 23px;}

#tab_nav ul#tab li{ height:23px; outline-color:invert; outline-style:none; outline-width:medium; text-indent:-9999px; }
#tab_nav ul#tab li a {display: block;  width: 76px; height:23px;  float: left;  background: url(../images/tab/tab.png) no-repeat;}
#tab_nav ul#tab li#t1  a { background-position: 0 0; }
#tab_nav ul#tab li#t2  a { background-position: -76px 0px; }
#tab_nav ul#tab li#t3  a { background-position: -152px 0px; }
#tab_nav ul#tab li#t4  a { background-position: -228px 0px; }
#tab_nav ul#tab li#t5  a { background-position: -304px 0px; }
#tab_nav ul#tab li#t6  a { background-position: -380px 0px; }

#tab_nav ul#tab li#t1  a:hover { background-position: 0 -23px; }
#tab_nav ul#tab li#t2  a:hover { background-position: -76px -23px; }
#tab_nav ul#tab li#t3  a:hover { background-position: -152px -23px; }
#tab_nav ul#tab li#t4  a:hover { background-position: -228px -23px; }
#tab_nav ul#tab li#t5  a:hover { background-position: -304px -23px; }
#tab_nav ul#tab li#t6  a:hover { background-position: -380px -23px; }

#tab_nav ul#tab li#t1  a.sel { background-position: 0 -46px; }
#tab_nav ul#tab li#t2  a.sel { background-position: -76px -46px; }
#tab_nav ul#tab li#t3  a.sel { background-position: -152px -46px; }
#tab_nav ul#tab li#t4  a.sel { background-position: -228px -46px; }
#tab_nav ul#tab li#t5  a.sel { background-position: -304px -46px; }
#tab_nav ul#tab li#t6  a.sel { background-position: -380px -46px; }

#tab1, #tab2, #tab3,#tab4, #tab5, #tab6 {  padding: 0px 0 0 0px;}
#tab1 {}
#tab2 {  display: none;}
#tab3 {  display: none;}
#tab4 {  display: none;}
#tab5 {  display: none;}
#tab6 {  display: none;}

div#dataTab{
width: 480px;
background: url(../images/under_back_480.gif) no-repeat;
background-position:bottom;
padding:0;
padding-bottom: 8px;
margin-top: 3px;
}
.sat{
/*	color:#1B8CFF;*/
}
.sun{
/*	color:#FF3838;*/
}

.tabMark img {
border:0;
padding:5px;
margin-top: 6px;
}
#oaimg,#standbyimg {
width:400px;
height:225px;
}
.tabbtn{
width:75px;
height:23px;
border:0;
cursor:pointer;
}
.contentsTab{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
height:70px;
list-style-type:none;
padding-left: 0px;
}
.tabclass {
float:left;
margin-top:-3px;
width:478px;
background-color:#ffffff;
overflow:auto;
position:absolute;
z-index:1;
border-color:#cccccc;
border-style:solid;
border-width:1px 1px 0;
}
#dataTab,.tabclass{
height:476px;
}
.tabMark{
float:left;
}
.tabInfo{
float: right;
width: 400px;
}
.pics { 
position:absolute;
    height:  480px; 
    width:   270px; 
    padding: 0; 
    margin:  0; 
}
.pics img { 
    background-color: #eee; 
    width:  480px;
    height: 270px;
    top:  0;
    left: 0;
}
.newtitle {
padding:2px 4px 2px;
font-size:12px;
color:#333333;
font-weight:bold;
}
.newtitle a{
font-size:12px;
color:#333333;
font-weight:bold;
}
.newinfo {
font-size:10px;
padding:0px 4px 5px;
}
/*------------------きょうあすの天気エリア------------------*/
#weatherArea {
float:left;
margin-top:-3px;
width:238px;
height:90px;
background-color:#ffffff;
border-color:#cccccc;
border-style:solid;
border-width:0 1px;
}

#boxWeatherArea{
clear:both;
width:240px;
}
#todayWeatherArea,#tomorrowWeatherArea{
float:left;
width:119px;
padding-top: 5px;
}
#todayWeatherArea p,#tomorrowWeatherArea p{
text-align:center;
}

.weatherImg{
float:left;
width:70px;
}
.tempature {
float:right;
width:49px;
}
.am {
width:37px;
font-size:22px;
color:#FF3838;
font-weight:700;
text-align:right;
}

.pm {
width:37px;
font-size:22px;
color:#1B8CFF;
font-weight:700;
text-align:right;
}


.rainfall {
width:118px;
float:left;
height:22px;
font-size:10px;
background-repeat:no-repeat;
margin-top:3px;
padding-top:2px;
padding-left:0;
}
.slash {
font-size:10px;
float:left;
padding-right:1px;
padding-left:1px;
}
.kousui {
font-size:10px;
color:#333;
text-align:center;
float:left;
letter-spacing:1px;
width:23px;
}
/*------------------ニュースエリア------------------*/
#boxNewsArea{
padding-top:0px;
width:240px;
}
#newsHeader{
background-image:url(../images/bar_ne.gif);
width:240px;
height:23px;
}
#newsHeader p{
color:#ffffff; text-align:right;width:230px;height:15px; padding-top: 5px; padding-right:-5px;
}
#news {
float:left;
width:238px;
height:100px;
margin-top:0;
background-color:#ffffff;
margin-bottom:0;
border-color:#cccccc;
border-style:solid;
border-width:0 1px;
}
#news ul{
padding-left: 0px;
list-style-type: none;
}
#news ul li {
padding-left:2px;
padding-top:4px;
padding-bottom:4px;
border-bottom-width:0px;
border-bottom-style:dotted;
border-bottom-color:#cccccc;
}
#newsfooter {
float:left;
width:238px;
height: 12px;
padding-top: 5px;
margin-top:0;
background-color:#ffffff;
margin-bottom:0;
border-color:#cccccc;
border-style:solid;
border-width:0 1px;
text-align:right;
font-size:5px;
color:#cccccc;
}
#newsfooter a {
	padding-right: 10px;
}
/*------------------WEBカメラエリア------------------*/
#boxWebcamArea{
padding-top:0px;
width:240px;
}
#webcam {
float:left;
width:238px;
height:140px;
background-color:#ffffff;
margin-bottom: 0px;
margin-top:-3px;
padding-top:5px;
border-color:#cccccc;
border-style:solid;
border-width:0 1px;
}
/*------------------バナーエリア------------------*/
#boxBannerArea{
	width:240px;
	margin-top:8px;
}
#boxBannerArea ul {
	list-style-type:none;
	padding-left:1px;
}
#boxBannerArea ul li {
	list-style-type:none;
	border:1px;
	margin-top:3px;
	border-color:#CDCDCD;
	border-style:solid;
	padding:1px;
	width:234px;
	height:60px;
}

#boxFooter01 {
width:950px;
padding-top:3px;
padding-bottom:3px;
clear:both;
}
#boxFooter02 {
width:950px;
padding-top:3px;
padding-bottom:3px;
clear:both;
}
.footerbanner {
border:1px;
float:left;
border-color:#CDCDCD;
border-style:solid;
margin:1px 3px;
padding:1px;
}
.footerbanner img{
width:120px;
height:60px;
}
#footer {
clear:both;
height:auto;
width:950px;
margin:auto;
}
#footerMenu{
	width:950px;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	margin: 0px;
}
#footerMenu ul{
	list-style-type:none;
	float:right;
	margin: 0px;
	padding-left: 0px;	
}
#footerMenu ul li{
	text-decoration: none;
	color: #666666;
	float:left;
}
#footerMenu ul li.separate{
padding-left:10px;
padding-right:10px;
}
#footerMenu ul li a{
	text-decoration: none;
	color: #1e90ff;
}
#footerMenu ul li a:hover{
	color: #1e90ff;
	text-decoration: underline;
	
}
#copyright {
	width:950px;
	height:30px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	margin:auto;
	clear:both;
}