/* タグの再定義 */
html { }


a:link { text-decoration: none; color: #2A2AE4;}
a:visited { text-decoration: none; color: #2A2AE4;}
a:hover { color: #FF0066; text-decoration: none;}
a:active { color: #99CC00}

p { margin: 0px; text-align: left;}
table { font-size: 100%; text-align: left}
ul {list-style: none; margin: 0px; padding: 0px; }
li {list-style: none; margin: 0px; padding: 0px; }

/*　タブ部（時間）　*/
#no_forecast {
 float: left;
 display: none;
 width: 514px;
 margin: 6px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 font-size: 12px; 
 color: #f00;
 text-align: left;
 white-space: normal;
 border: 0px solid #333;
}
#preconditionTabArea {
 float: left;
 position: relative;
 width: 54px;
 display: block;
 border: 0px solid #33e;
 background: url(images/bg_genkyou.gif) repeat-x 0px 0px;
 white-space: nowrap;
}
#forecastTabArea {
 float: left;
 position: relative;
 width: 541px;
 display: none;
 border: 0px solid #33e;
 background: url(images/bg_yosoku.gif) repeat-x 0px 0px;
 white-space: nowrap;
}

.textTimeCh0 a:link,
.textTimeCh0 a:visited {
 float: left;
 display: block;
 width: 54px; height: 36px;
 margin-top: 16px;
 padding-top: 3px;
 font-size: 12px; 
 color: #ffffff;
 text-align: center;
 white-space: nowrap;
 background: url(images/tab2.gif) no-repeat 0px 0px;
}
.textTimeCh a:link,
.textTimeCh a:visited {
 float: left;
 display: block;
 width: 54px; height: 55px;
 margin-top: 0px;
 padding-top: 6px;
 font-size: 12px; 
 color: #009fe8;
 text-align: center;
 white-space: nowrap;
 background: url(images/tab.gif) no-repeat 0px 0px;
}
.textTime a:link,
.textTime a:visited {
 float: left;
 display: block;
 width: 54px; height: 36px;
 margin-top: 16px;
 padding-top: 3px;
 font-size: 12px; 
 color: #ffffff;
 text-align: center;
 line-height: 130%;
 white-space: nowrap;
 background: url(images/tab_a.gif) no-repeat 0px 0px;
}
.textTimeCh2 a:link,
.textTimeCh2 a:visited {
 float: left;
 display: block;
 width: 54px; height: 55px;
 margin-top: 0px;
 padding-top: 6px;
 font-size: 12px; 
 color: #009fe8;
 line-height: 130%;
 text-align: center;
 white-space: nowrap;
 background: url(images/tab_a2.gif) no-repeat 0px 0px;
}
.textTime a:hover,
.textTimeCh a:hover,
.textTimeCh0 a:hover,
.textTimeCh2 a:hover { 
 color: #ff2727;
}
.textTime a:hover,
.textTimeCh0 a:hover { 
 height: 44px;
 margin-top: 8px;
}
.textTime a:hover { 
 background: url(images/tab_aa.gif) no-repeat 0px 0px;
}
.textTimeBt { margin-top: 32px; width: 34px; white-space: nowrap; float: right; display: block;}

/* 更新時間 */
#textDate {
	display: none;
	position: absolute;
	top: 11px;
	left: 148px;
	background: url(images/bg_date.gif) no-repeat;
	width: 300px;
	height: 24px;
	padding-top: 3px;
	line-height: 150%;
	font-size: 12px;
}
#textDate2 {
	display: none;
	position: absolute;
	top: 11px;
	left: 148px;
	background: url(images/bg_date.gif) no-repeat;
	width: 300px;
	height: 24px;
	padding-top: 3px;
	line-height: 150%;
	font-size: 12px;
}

#midashiGenkyou { display: block; width: 54px; color: #009fe8; font-size: 12px; text-align: center; background: url(images/bg_plus_blu.gif) repeat-x 0% 50%;}
#midashiYosoku { display: block; width: 541px; color: #ff4949; font-size: 12px; text-align: center; background: url(images/bg_plus_red.gif) repeat-x 0% 50%;}


#mainContents { position: relative; margin-top: 70px;}
#headerArea { display: block; margin: 0px 0px 3px 0px; border-bottom: 1px solid #fff; padding: 0px;}
#timeTabSpacePre { position: absolute; top: -55px; left: 1px; display: block; width: 595px; height: 55px; margin: 0px; z-index: 100; white-space: nowrap;}
#timeTabSpace { position: absolute; top: -32px; left: 1px; display: block; width: 595px; height: 55px; margin: 0px; z-index: 100; white-space: nowrap;}
#btNextBack { position: absolute; top: 31px; left: 528px; display: block; width: 56px; height: 24px; margin: 0px; z-index: 110; white-space: nowrap; background: #fff;}


#oshiraseInfo2 {
	position: absolute; 
	display: block;
	z-index: 1000; 
	width: 795px; 
	height: 67px; 
	top: 125px; 
	left: 0px; 
	margin: 8px 0px; 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	padding: 6px 0px; 
	font-size: 90%; 
	color: #555;
}

#contentsBtArea { padding-left: 10px;}

.bl1 { border-left: 1px solid #fff; padding-top: 16px;}
.bl2 { border-left: 1px solid #fff; padding-top: 34px;}

.tougeImg a img { display: block; border: 1px solid #36F; padding: 1px;}
.tougeImg a:hover img { display: block; border: 1px solid #f00; padding: 1px;}

#title_page { display: block; width: 795px; }
#base_map { position: relative; display: block; float: left; width: 595px; margin-top: 20px;}
#map_info { position: relative; z-index: ;}
#textHanrei { position: absolute; width: 559px; top: 595px; left: 18px; font-size: 12px; line-height: 150%;}
#textHanrei2 { position: absolute; top: 791px; left: 18px; font-size: 12px; color: #0091da; height: 16px;}
#textYosoku {position: absolute; display: block; top: 520px; left: 180px; width: auto; font-size: 12px; color: #F66; background: #fff;}
#gotoGuide { position: absolute; top: 795px; right: 18px; width: auto; font-size: 12px; text-align: right; text-indent: 22px; line-height: 125%; background: url(images/yajirushi.gif) no-repeat 0% 100%; white-space: nowrap;}

#info_shikaiTitle {
 display: block; 
 position: absolute; top: 13px; left: 24px;
 text-align: left;
 background: #fff;
}

#mapView { display: table; position: absolute; top: 46px; left: 484px; width: 100px;}

#list_keihou { 
	display: block; 
	margin-left: 36px;
	font-size: 93.75%;
}

#info_weather { 
 display: block; 
 width: auto;
 margin: 7px 0px 0px 0px;
 border: 1px solid #e40a72;
 padding: 7px;
 background: #fff;
 text-align: left;
}
#info_stop { 
 display: block; 
 width: auto;
 margin: 7px 0px 0px 0px;
 border: 1px solid #e50012;
 padding: 7px;
 background: #fff;
 text-align: left;
 font-size: 93.75%;
}
#info_links { 
 display: block; 
 width: auto;
 margin: 7px 0px 0px 0px;
 border: 1px solid #f29600;
 padding: 7px;
 background: #fff;
 text-align: left;
}
#toukouInfo { display: block; float: right; width: 193px;}
#timedisArea { display: block; float: right; width: 194px; height: 769px; overflow: hidden;}

#btToukou {
	display: block;
	width: 192px; 
	margin-top: -17px; 
	margin-bottom: 16px; 
	border-left: 1px solid #d2ddc0; 
	border-right: 1px solid #fff;
	background: #ebf2e0;
}
#btToukou img {
	margin-bottom: -16px;
}
#text_weather { 
	display: block; 
	margin-left: 36px; 
	margin-top: 6px; 
	border-top: 1px solid #e40a72; 
	padding: 4px 0px;
	font-size: 93.75%;
}
/*.text_stop { display: block; width: 525px; height: 7em; margin: 0px 0px 0px 36px; padding: 0px;}*/
.text_stop { display: block; margin-left: 36px; margin-top: 6px; border-top: 1px solid #e50012; padding: 4px 0px;}
.text_stop2 { display: block; width: 525px; height: 7em; margin: 0px 0px 0px 36px; padding: 0px;}
#infoAreaDoudou {display: none;}
#text_links { display: block; margin-left: 36px; margin-top: 6px; border-top: 1px solid #f29600; padding: 4px 0px;}

#wwwLinkBase {
	position: relative; 
	margin: 6px 0px;
}
#wwwLinkArea {
	display: block;
	position: absolute;
	top: 52px;
	left: 9px;
	width: auto;
	white-space: nowrap;
	font-size: 13px;
}
#wwwLinkArea h2 {
	margin: 3px 0px;
	padding: 0px;
	text-indent: 0px;
	text-align: left;
}
#wwwLinkArea p {
	margin-left: 11px;
	padding-left: 20px;
	text-align: left;
	line-height: 145%;
	background: url(images/yajirushi_link.png) 0% 50% no-repeat;
}

/* フッター要素 */

#textGreen { color:#639931; font-weight: bold; text-indent: 1em;}

#footerInfoArea { 
 display: none;
 border: 1px solid #639931; 
 padding: 14px;
 background: #fff5d2;
}
#footerInfoArea2 { 
 display: block;
 margin: 7px 0px 0px 0px;
 border-top: 1px solid #639931;
 border-right: 1px solid #639931;
 border-bottom: 1px solid #639931; 
 border-left: 1px solid #639931; 
 padding: 14px;
 background: #fff;
 text-align: center;
}

.kisoArea {
 position: relative;
 margin-left: 36px;
 display: block;
 }
.kisoText {
 position: absolute;
 top: 400px; left: 318px;
 display: block;
 white-space: nowrap;
}

/* その他 */
.FL { float: left;}
.FR { float: right;}
.CB { clear: both;}

.DN { display: none;}

.MT10 { margin-top: 10px;}
.MT24 { margin-top: 24px;}
.ML28 { margin-left: 28px;}
.MB6 { margin-bottom: 6px;}
.MB10 { margin-bottom: 10px;}

.TAL { text-align: left;}
.TAR { text-align: right;}
.TAC { text-align: center;}

.TI1 { text-indent: 1em;}
.TI1p { text-indent: -0.5em; padding-left: 2em;}
.TI0p { text-indent: -1em; padding-left: 1em;}
.TI0p2 { text-indent: -0.5em; padding-left: 0.5em;}

.LH125 { line-height: 125%;}

.fs135 { font-size: 135%; font-weight: bold;}
.fs150 { font-size: 150%; font-weight: bold;}
.fcDblue { color: #267fdb;}

.PBA { page-break-after: always;}

.VAM { position: relative; top: 25%; width: 100%;}

.info_h25 { display: none; border-top: 1px solid #0091da; border-bottom: 1px solid #0091da; margin: 6px 0px; padding: 6px 12px; color: #0091da; font-size: 90%; line-height: 135%;}
.list_stop { height: 7em; overflow: auto;}
.list_stop li { background: url(images/pict_stop.gif)  no-repeat 0% 48%; font-size: 12px; padding-left: 18px; line-height: 150%;}

/* インラインフレーム */
#iframeToukou { display: block; width: 192px; background: #ebf2e0; border-right: 1px solid #fff; border-left: 1px solid #d2ddc0;}
.iframeToukou { display: block; width: 193px; height: 155px; margin: 0px; padding: 0px; background: #fff;}
.iframeTime { display: block; width: 194px; height: 791px; margin: 0px; padding: 0px; background: #f2f2f2;}


/* フッターとページの最初へ */
.gototop { display: block; width: 746px; text-align: right; margin: 1em auto; border-top: 1px solid #004da0; padding: 3px 0px; line-height: 125%; }
.footer { width: 856px; margin-top: 3px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #acb6c6; padding: 5px 0px; background: #004da0; color: #ffffff; text-align: center;}




/* 凡例の拡大画像 */
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=70);
	opacity: 0.70;
	z-index: 980;
}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	display:none;
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-252px;
	z-index: 1000;
}
* html #overLayer{
	position: absolute;
}
.hanreiPhotoArea {
	display: block;
	width: 470px;
	height: 374px;
	border: 3px solid #ffffff;
	padding: 17px;
	text-align: center;
}
.hanreiColor1 {
	background: #ade2f7;
}
.hanreiColor2 {
	background: #fbd3d6;
}
.hanreiColor2u {
	background: #fffdd3;
}
.hanreiColor3 {
	background: #f6a3ab;
}
.hanreiColor3u {
	background: #fffa06;
}
.hanreiColor4 {
	background: #f5687f;
}
.hanreiColor4u {
	background: #ff9702;
}
.hanreiColor5 {
	background: #ce001b;
}
.hanreiPhoto {
	width: 462px;
	height: 346px;
	margin: auto;
	border: 1px solid #ffffff;
}
.hanreiText {
	width: auto;
	height: 26px;
	margin: 0px auto 0px auto;
	text-align: center;
}
.gotoSite a {
	margin: 2px;
	padding: 3px;
	background: #FCC;
}
.gotoSite a:hover {
	text-decoration: underline;
}


/* 通行止め情報 */
.regulationpopuptable, .regulationpopuptd {
	border: 2px #ff8888 solid;
	padding: 4px 4px;
	empty-cells: show;
	font-size:90%;
	white-space: nowrap;
	text-align: center;
	font-weight:bold;
	z-index: 800;
}

.regulationpopuptd2 {
	border: 2px #ff8888 solid;
	padding: 4px 4px;
	empty-cells: show;
	font-size:90%;
	width:100%;
	z-index: 800;
}

.regulationpopupth {
	background-color:#ff8888;
	border: 2px #ff8888 solid;
	padding: 8px 8px;
	empty-cells: show;
	z-index: 800;
}

.regulationpopupbase {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	display: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index: 790;
}

#tab9 {
	/*display: none;*/
}