﻿/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/
/*------------------------------------*/
* {
color:#555555;
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;
}
img {
border:0 none;
}

/*------------------S??CAEg------------------*/
#layout {
height:auto;
margin-top:7px;
padding-top:0;
width:auto;
}
#wrap {
height:auto;
margin:auto;
width:950px;
}
#contentLeft {
float:left;
width:700px;
}
#contentRight {
float:right;
margin-right:0;
padding-top:5px;
width:240px;
}
#unitBox01 {
padding-bottom:5px;
padding-top:5px;
}
#unitBox01Left {
float:left;
margin-left:0;
width:200px;
}
#unitBox01Right {
float:right;
margin-left:10px;
margin-right:2px;
}
#unitBox02 {
float:left;
}
#unitBox02Left {
float:left;
margin-left:0;
width:200px;
}
#unitBox02Right {
float:left;
margin-left:15px;
margin-right:2px;
width:480px;
}
/*------------------eowiw------------------*/
.bar {
background:transparent url(../images/topbar.gif) no-repeat scroll 0 0;
}
.tvTitle {
background-position:0 0;
height:23px;
width:200px;
}
.radioTitle {
background-position:0 -23px;
height:23px;
width:200px;
}
.topicsTitle {
background-position:0 -46px;
height:23px;
width:200px;
}
.rankingTitle {
background-position:0 -69px;
height:23px;
width:200px;
}
.weatherTitle {
background-position:-200px 0;
height:23px;
width:240px;
}
.newsTitle {
background-position:-200px -23px;
height:23px;
width:240px;
}
.webcamTitle {
background-position:-200px -46px;
height:23px;
width:240px;
}
.oainfoTitle {
background-position:-440px 0;
height:23px;
width:240px;
}
.osusumeTitle {
background-color:#CCCCCC;
height:1px;
margin-bottom:5px;
margin-top:5px;
width:180px;
}
.netprogramTitle {
background-position:-440px -23px;
border-bottom:1px solid #CCCCCC;
height:23px;
width:480px;
}
.bottom200 {
background-position:0 -92px;
clear:both;
height:10px;
width:200px;
}
.bottom240 {
background-position:-200px -92px;
clear:both;
height:10px;
width:240px;
}
.bottom480 {
background-position:-440px -92px;
clear:both;
height:10px;
width:480px;
}
/*------------------??erEWIGA------------------*/
#tvTodayArea {
margin-bottom:5px;
}
#radioTodayArea {
padding-top:5px;
}
.timetable {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
float:left;
height:170px;
margin-top:0;
overflow:auto;
width:198px;
}
.timetable ul {
clear:both;
float:left;
width: 181px;
height:auto;
list-style-type:none;
margin-left:0;
margin-right:0;
padding-left:0;
padding-bottom:1px;
padding-top:1px;
}
.timetable ul.oa {
background-color:#C9EBFF;
}
.timetable ul li {
}
.timetable ul li.time {
clear:left;
float:left;
font-weight:700;
list-style-type:none;
padding:5px;
text-align:right;
padding-right: 0px;
width: 30px;
}
.timetable ul li.pgm {
clear:right;
float:right;
height:auto;
list-style-type:none;
padding-bottom:5px;
padding-top:5px;
padding-left: 3px;
padding-right: 3px;
padding-left: 2px;
padding-right: 2px;
width: 135px;
}
.timetable ul li.pgm a {
text-decoration:underline;
}
.icon {
width:12px;
}
/*------------------XChV[GA------------------*/
#slideShowArea {
border:1px solid silver;
float:left;
height:270px;
margin-left:0;
margin-right:0;
padding:0;
width:480px;
}
/*------------------lbg?GA------------------*/
#netProgramArea {
border:0 solid #CCCCCC;
clear:both;
float:left;
width:480px;
}
#netProgramArea ul {
	list-style-type:none;
	margin:6px 0 0;
	padding:0;
	width:480px;
	height: 113px;
}
#netProgramArea ul li {
	border:0 solid #CDCDCD;
	float:left;
	padding-top: 1px;
	padding-right: 12px;
	padding-bottom: 1px;
	padding-left: 12px;
	width: 136px;
	height: 110px;

}
#netProgramArea ul li a img {
/*border:0 none;*/
border:1px solid #cdcdcd;
padding: 2px;
height:75px;
width:130px;
}
#netProgramArea ul li a p {
padding-top:2px;
text-align:center;
}
/*------------------mdvrPOGA------------------*/
#unitNews10 {
float:left;
margin-bottom:10px;
margin-top:10px;
}
.news10Back {
background-position:0 -110px;
height:30px;
width:700px;
}
#news10 {
height:14px;
margin-left:80px;
width:615px;
}
#news10 a {
display:none;
padding-top:4px;
width:600px;
}
/*------------------MRT?m点GA------------------*/
#mrtInfoArea {
margin-bottom:8px;
margin-top:-3px;
width:198px;
}
#mrtInfoArea ul {
list-style-type:none;
padding-left:0;
}
#mrtInfoArea ul li {
border:0 solid #CDCDCD;
height:40px;
list-style-type:none;
margin-bottom:5px;
margin-left:0;
padding:0;
width:200px;
}
#mrtInfoArea ul li img {
cursor:pointer;
height:40px;
width:200px;
}
#mrtInfoArea {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
clear:both;
height:330px;
margin-bottom:0;
margin-top:0;
padding-left:9px;
padding-right:9px;
padding-top:5px;
width:180px;
}
#smalltopicsArea ul {
list-style-type:none;
}
#mrtInfoArea li {
margin-bottom:5px;
margin-top:5px;
}
/*------------------LOPO------------------*/
#rankingArea {
margin-top:10px;
}
#rank {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
height:auto;
margin-top:-3px;
overflow:auto;
width:198px;
}
#rank ul {
border-bottom:0 solid #ECECEC;
clear:both;
float:left;
list-style-type:none;
margin:2px 0 0;
padding-bottom:1px;
padding-left:0;
padding-top:4px;
width:198px;
}
#rank ul li {
padding-bottom:0;
padding-top:0;
}
#rank ul li.ranking {
float:left;
padding-bottom:3px;
padding-left:2px;
padding-top:3px;
text-align:right;
width:13px;
}
#rank ul li.rankimg {
background:transparent url(../images/rank.gif) no-repeat scroll 0 0;
float:left;
margin-bottom:3px;
margin-left:3px;
margin-top:3px;
padding-top:0;
}
#rank ul li.rank_up {
background-position:0 0;
height:14px;
width:14px;
}
#rank ul li.rank_down {
background-position:0 -14px;
height:14px;
width:14px;
}
#rank ul li.rank_none {
background-position:0 -28px;
height:14px;
width:14px;
}
#rank ul li.ranktitle {
clear:right;
float:right;
margin-left:2px;
padding:3px;
width:158px;
}
/*------------------V GA------------------*/
#tab_nav li {
display:inline;
}
#tab_nav ul#tab {
height:23px;
padding-left:0;
width:480px;
}
#tab_nav ul#tab li {
height:23px;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
}
#tab_nav ul#tab li a {
display:block;
float:left;
height:23px;
margin-left:5px;
margin-right:5px;
width:60px;
}
#tab_nav ul#tab li#t1 a {
background-position:-440px -200px;
}
#tab_nav ul#tab li#t2 a {
background-position:-500px -200px;
}
#tab_nav ul#tab li#t3 a {
background-position:-560px -200px;
}
#tab_nav ul#tab li#t4 a {
background-position:-620px -200px;
}
#tab_nav ul#tab li#t5 a {
background-position:-680px -200px;
}
#tab_nav ul#tab li#t6 a {
background-position:-740px -200px;
}
#tab_nav ul#tab li#t1 a:hover {
background-position:-440px -230px;
}
#tab_nav ul#tab li#t2 a:hover {
background-position:-500px -230px;
}
#tab_nav ul#tab li#t3 a:hover {
background-position:-560px -230px;
}
#tab_nav ul#tab li#t4 a:hover {
background-position:-620px -230px;
}
#tab_nav ul#tab li#t5 a:hover {
background-position:-680px -230px;
}
#tab_nav ul#tab li#t6 a:hover {
background-position:-740px -230px;
}
#tab_nav ul#tab li#t1 a.sel {
background-position:-440px -260px;
}
#tab_nav ul#tab li#t2 a.sel {
background-position:-500px -260px;
}
#tab_nav ul#tab li#t3 a.sel {
background-position:-560px -260px;
}
#tab_nav ul#tab li#t4 a.sel {
background-position:-620px -260px;
}
#tab_nav ul#tab li#t5 a.sel {
background-position:-680px -260px;
}
#tab_nav ul#tab li#t6 a.sel {
background-position:-740px -260px;
}
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
padding:0 0 0 0;
}
.none {
display:none;
}
.show {
}
.tabDate {
background-position:-440px -160px;
border-bottom:0 solid #CCCCCC;
clear:both;
color:#505050;
font-size:12px;
font-weight:normal;
height:14px;
padding-left:10px;
text-align:right;
}
#dataTab, #dataTabOa {
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0;
width:478px;
}
.tabMark img {
border:0 none;
padding:3px;
}
.tabbtn {
border:0 none;
cursor:pointer;
height:23px;
width:75px;
}
.contentsTab {
border-bottom:1px solid #CCCCCC;
clear:both;
list-style-type:none;
padding-left:0;
}
.contentsTab1 {
background-color:#C6C6C6;
border-bottom:1px solid #CCCCCC;
clear:both;
list-style-type:none;
padding-left:0;
}
.contentsTab2 {
background-color:#F5F5F5;
border-bottom:1px solid #CCCCCC;
clear:both;
list-style-type:none;
padding-left:0;
}
.tabclass, .tabclassOa {
background-color:#FFFFFF;
border-width:0;
float:left;
margin-top:0;
overflow:auto;
width:478px;
z-index:1;
}
#dataTab, .tabclass {
height:350px;
}
#dataTabOa, .tabclassOa {
height:290px;
}
.tabMark {
float:left;
height:auto;
}
.tabInfo {
float:right;
width:410px;
}

.upd {
padding:2px;
padding-left: 1px;
padding-right: 1px;
text-align:right;
/*font-size:10px;*/
float:right;
}
.pics {
width:480px;
height:270px;
margin:0;
padding:0;
position:absolute;
}
.pics img {
background-color:#EEEEEE;
height:270px;
left:0;
top:0;
width:480px;
}
.tabInfo p.title {
color:#333333;
font-size:12px;
font-weight:bold;
padding:2px;
}
.tabInfo p.upd {
text-align:right;
}
.tabInfo p.info {
font-size:10px;
padding:0 10px 5px;
}
.newtitle {
color:#333333;
font-size:12px;
font-weight:bold;
padding:2px;
width:304px;
float:left;
}
.newtitle a {
color:#333333;
font-size:12px;
font-weight:bold;
}
.newtitle a:hover {
color:#1E90FF;
font-size:12px;
text-decoration:underline;
}
.newinfo {
font-size:11px;
padding:5px;
padding-bottom: 2px;
float:left;
clear:both;
width:400px;
}
.oatitle {
color:#333333;
float:left;
font-size:12px;
font-weight:bold;
padding:2px 4px;
width:340px;
}
.oatitle a {
color:#333333;
font-size:12px;
font-weight:bold;
}
.oatitle a:hover {
color:#1E90FF;
font-size:12px;
text-decoration:underline;
}
.oainfo {
clear:both;
font-size:10px;
padding:0 4px 5px;
}
.oadate {
color:#333333;
float:right;
font-size:12px;
font-weight:bold;
padding:2px 4px;
}
/*------------------??VCGA------------------*/
#boxWeatherArea {
	clear:both;
	margin-bottom:10px;
	width:240px;
	height: auto;
}
#weatherArea {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
float:left;
height:auto;
margin-top:-3px;
width:238px;
}
#weatherEmgArea {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	border-top-width:0px;
	float:left;
	height:auto;
	margin-top:0px;
	margin-bottom:10px;
	width:238px;
}
#warningArea{
	float:left;
	clear:both;
	padding-bottom:5px;
}
#typhoonArea{
	float:left;
	clear:both;
}
.emgtitle{
	width:238px;
	height:auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-top:2px;
	padding-bottom:2px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
#warningArea ul{
	width:238px;list-style:none;padding:0px;margin:0;
}
#warningArea ul li{
	background-color:#F0F3F8;
	float:left;
	border:1px solid #E5E5E5;
	width:111px;
	text-align:center;
	margin:3px;
	color:#000205;
}
#todayWeatherArea, #tomorrowWeatherArea {
float:left;
padding-top:5px;
width:119px;
}
#todayWeatherArea p, #tomorrowWeatherArea p {
text-align:center;
}
.weatherImg {
float:left;
width:84px;
}
.tempature {
float:right;
width:35px;
}
.am {
color:#FF3838;
font-size:20px;
font-weight:700;
text-align:right;
width:35px;
padding-top: 1px;
padding-bottom: 0px;
}
.pm {
color:#1B8CFF;
font-size:20px;
font-weight:700;
text-align:right;
width:35px;
padding-top: 1px;
padding-bottom: 0px;
}
.rainfall {
background-repeat:no-repeat;
float:left;
margin-top:2px;
padding-left:0;
padding-top:3px;
padding-bottom:3px;
width:119px;

}
.slash {
float:left;
font-size:10px;
padding-left:1px;
padding-right:1px;
}
.kousui {
color:#333333;
float:left;
font-size:10px;
letter-spacing:1px;
text-align:center;
width:22px;
}
/*------------------j[XGA------------------*/
#boxNewsArea {
margin-bottom:10px;
padding-top:0;
width:240px;
}
.newsTitle p {
color:#1E5A92;
height:15px;
padding-top:5px;
text-align:right;
width:230px;
}
#news {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
float:left;
height:auto;
margin-bottom:0;
margin-top:0;
width:238px;
}
#news ul {
border-bottom:0 solid #CCCCCC;
/*height:95px;*/
height:auto;
list-style-type:none;
padding-left:0;
padding-bottom:3px;
}
#news ul li {
	border-bottom:0 dotted #CCCCCC;
	padding-bottom:3px;
	padding-left:2px;
	padding-top:3px;
	word-wrap:break-word;

}
#mrtthenews {
background-color:#0A1C4B;
border-bottom:2px solid #F9E72C;
border-top:2px solid #F9E72C;
color:#FFFFFF;
font-size:12px;
line-height: 20px;
padding-top: 2px;
padding-left: 2px;
}
#mrtthenews_contents {
font-size:11px;
line-height:18px;
background-color: #FFFFBB;
color:#000000;
}

#mrtnewsnext {
	background:transparent url(http://mrt.jp/images/nextlogo_bg.gif);
	width:238px;
	height:18px;
}
#mrtnewsnext span{
	color:#555555;
	font-weight: bold;
	font-size:12px;
	line-height: 18px;

}
#mrtnewsnext_contents {
	font-size:11px;
	line-height:18px;
	background-color: #FFFFBB;
	color:#000000;
}



.bold
{
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
#newsfooter {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
color:#CCCCCC;
float:left;
font-size:5px;
height:12px;
margin-bottom:0;
margin-top:0;
padding-top:5px;
text-align:right;
width:238px;
}
#newsfooter a {
padding-right:10px;
}
/*------------------WEBJGA------------------*/
#boxWebcamArea {
margin-bottom:5px;
padding-top:0;
width:240px;
}
#webcam {
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px;
float:left;
height:118px;
margin-bottom:0;
margin-top:-3px;
padding-top:5px;
width:238px;
}
#webcam img {
margin-left:44px;
margin-top:4px;
}
.Webcaminfo {
font-size:11px;
text-align: center;
}
/*------------------gsbNXGA------------------*/
#boxBannerArea {
	margin-top:8px;
	width:240px;
	clear: both;
	float: left;
	height: auto;
}
#boxBannerArea ul {
	list-style-type:none;
	padding-left:0px;
}
#boxBannerArea ul li {
border:1px solid #CDCDCD;
height:60px;
list-style-type:none;
margin-top:3px;
padding:2px;
width:234px;
}
/*------------------tb^[GA------------------*/
#footerBannerArea {
clear:both;
padding-bottom:10px;
padding-top:10px;
width:950px;
}
#footerBannerArea ul {
list-style-type:none;
margin:0;
padding:0;
}
#footerBannerArea ul li {
border:1px solid #CDCDCD;
float:left;
margin:1px 3px;
padding:2px;
}
.footerbanner img {
height:60px;
width:120px;
}
#footer {
clear:both;
height:auto;
margin:auto;
width:950px;
}
#footerMenu {
clear:both;
height:20px;
margin:0;
padding-bottom:10px;
padding-top:10px;
width:950px;
}
#footerMenu ul {
float:right;
list-style-type:none;
margin:0;
padding-left:0;
}
#footerMenu ul li {
color:#666666;
float:left;
text-decoration:none;
}
#footerMenu ul li.separate {
padding-left:10px;
padding-right:10px;
}
#footerMenu ul li a {
color:#1E90FF;
text-decoration:none;
}
#footerMenu ul li a:hover {
color:#1E90FF;
text-decoration:underline;
}
#copyright {
clear:both;
height:30px;
margin:auto;
padding-bottom:10px;
padding-top:10px;
text-align:right;
width:950px;
}

/*    PIT      */
.pit230{
	height: auto;
	width: 230px;
	padding-left: 4px;
	float: left;
	padding-right: 4px;
	border: 1px solid #CCCCCC;
	clear: both;

}
.pit230_new{
	height: auto;
	width: 210px;
	padding-top: 3px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CBCBCB;
	margin-bottom: 10px;
	clear: both;
	float: left;

}


.pit_wakemon {
	float: left;
	height: 70px;
	width: 190px;
	text-align: center;
}
.tn {
	float: left;
	height: 70px;
	width: 77px;
}


.pit230_new .pit_wakemon a:hover { 
	position: relative; 
	top: 1px; 
	left: 1px; 
} 
.pit230_new .tn a:hover { 
	position: relative; 
	top: 1px; 
	left: 1px; 
} 
.mobileqr {
	height: 80px;
	width: 230px;
	float: left;
	clear: both;
}
.clsslidemsg{
	position:absolute;
	width:480px;
	height:80px;
	margin:0px;
	top:190px;
	left:0px;
	background:transparent url(http://mrt.jp/images/banner_480_270/slidebackmsg_white.png) no-repeat scroll 0 0;
	line-height:17px;
	color:#222222;
	font-size:14px;
	clear:both;
}
.clsslidemsg span,.clsslidemsg div{
	color:#222222;
	font-size:14px;
} 

