/* 気象庁文書情報一覧 */
div#view_weather_info_list table {
	margin:0px;
	padding:0px;
}

/* 気象庁文書情報一覧(データなし) */
div#view_weather_info_list p {
	width:600px;
	font-weight: bold;
	font-size:90%;
	text-align: center;
	margin:10px 0px 10px 0px;
	padding:20px 0px 20px 0px;
}

/* 気象庁文書情報(PDF) */
iframe#view_weather_info_pdf, embed#view_weather_info_pdf {
	width:600px;
	height:450px;
	margin:10px 0px 10px 0px;
}

div#view_weather_info_left{
	width:300px;
	float:left;
}

div#view_weather_info_right{
	padding-left:10px;
	width:290px;
	float:left;
}
div#view_weather_info_right div,div#view_weather_earthsand div, div#view_weather div{
	font-size:80%;
}
.cleardiv{
	clear:both;
}
.nothingtable{
	text-align : center;
}

.nolinktd, .nolinktd a{
	color: black;
	text-decoration: none;
	cursor: default;
}
.seldisplay{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.seldisplay_on{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.pursuedisplay{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.pursuedisplay_on{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.prepagedisplay{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:35px;
	cursor:pointer;
	display:block;
	border:0px;
}
.prepagedisplay_on{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:35px;
	cursor:pointer;
	display:block;
	border:0px;
}
.historydisplay{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.historydisplay_on{
	margin-left: 5px;
	margin-bottom:10px;
	width: 146px;
	height:19px;
	cursor:pointer;
	display:block;
	border:0px;
}
.earthsandtitle{
	width : 130px;
	background-color : #FFCC00;
	border : 1px solid #004AEE;
	padding : 3px 3px;
}
.earthquaketitle{
	width : 60px;
	background-color : #FFCC00;
	border : 1px solid #004AEE;
	padding : 3px 3px;
}
.customweathertitle{
	width : 60px;
	background-color : #FFCC00;
	border : 1px solid #004AEE;
	padding : 3px 3px;
}

#view_weatherDiv{
	padding-top:0px;
	clear:both;
}
#view_weatherDiv ul{
	list-style: none;
	list-style-position:inside;
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
	width:290px;
}

#view_weatherDiv ul li{
	float: left;
	height: 20px;
	margin: 0 3px 2px 0;
	white-space: nowrap;
}

#view_weatherDiv ul li a {
	color: #333333;
	display: block;
	font: 12px/20px Verdana,Arial,Helvetica,sans-serif;
	font-size:90%;
	padding: 0 10px;
	text-decoration: none;
}

#view_weatherDiv ul li.selected_tab {
	color: #333333;
	text-decoration: none;
}

#view_weatherDiv ul li.selected_tab a {
	color: #333333;
	text-decoration: none;
}

div#view_weather_info_list table td{
	border-bottom: 0px;
	border-top: 1px solid #0054FF;
}
table{
	border-bottom: 1px solid #0054FF;
}

#view_weather_info h1{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#view_weather_info #publishingOffice{
	text-align:right;
}

#view_weather_info table{
	font-size:100%;
	table-layout: fixed;
	width: 590px;
}

#view_weather_info table td, #view_weather_info table th{
	border:1px solid #000000;
}

#view_weather_info {
	font-size:13px;
	font-family: ＭＳ ゴシック;
}

#view_weather_info table th{
	background-color:#BFBFBF;
}

#view_weather_info table .color1, #view_weather_info .forecastgraphSeries table.forecastGraph tr{
	background-color:#C5D9F1;
	color:black;
}

#view_weather_info table .color2{
	background-color:#DDD9C3;
	color:black;
}

#view_weather_info table td{
	text-align:center;
	white-space: normal;
	word-wrap: break-word;
}

#weather_content, .weather_content{
	border:1px solid #0054FF;
	padding:5px;
	margin-bottom: 10px;
}

#contents #view_history_info{
	overflow-y:auto;
	height:430px;
	width:590px;
	padding:5px;
}

table#historytable{
	table-layout:fixed;
	border-collapse: collapse;
	width:100%;
}
table#historytable td{
	text-align:left;
	white-space:normal;
}

table#historytable th{
	background: none repeat scroll 0 0 #E8FFF9;
	border: 1px solid #0054FF;
}

.colgroup3{
}

.colgroup1{
	width: 150px;
}

.colgroup2{
	width: 160px;
}

.thheader1, .thheader2{
	cursor:pointer;
}

#weather_content #hypocenter, #weather_content #maxInt, #weather_content #maxIntAreas{
	width: 570px;
}

.headlineInformation{
	padding-bottom:10px;
}

.headlineInformation table{
	width:590px;
	table-layout:fixed;
}

#view_weather_info .headlineInformation th{
	height:20px;
	background-color: #F2F2F2;
}

.headlineInformation table td{
	height:30px;
	overflow:hidden;
	white-space: pre-line;
}

.hypocenterTd1{
	background-color: #B6DDE8;
}

.hypocenterTd2{
	background-color: white;
}

.tsunami00c1, .tsunami50c1, .tsunami60c1, .tsunami71c1, .tsunami72c1, .tsunami73c1, .tsunamiXXc1{
	background-color: #FFFFFF;
}

.tsunami00c2, .tsunami50c2, .tsunami60c2, .tsunami71c2, .tsunami72c2, .tsunami73c2, .tsunamiXXc2{
	background-color: #DDDDDD;
}

.tsunami51c1{
	background-color: #FF2800;
	font-weight:bold;
	color:#FFFFFF;
}

.tsunami51c2{
	background-color: #FF4820;
	font-weight:bold;
	color:#FFFFFF;
}

.tsunami52c1, .tsunami53c1{
	background-color: #B40068;
	font-weight:bold;
	color:#FFFFFF;
}

.tsunami52c2, .tsunami53c2{
	background-color: #D2008A;
	font-weight:bold;
	color:#FFFFFF;
}

.tsunami62c1{
	background-color: #FAF500;
	font-weight:bold;
}

.tsunami62c2{
	background-color: #FFFC66;
	font-weight:bold;
}

#view_weather_info table#tsunamiTable, #view_weather_info table#tsunamiForecast{
	width:570px;
	border-collapse:collapse; table-layout:fixed;
	margin-bottom:20px;
} 

#tsunamiTable tr td, #tsunamiForecast tr td{
	width:80px;
	overflow:hidden;
	white-space: pre-line;
}

.floodHeadline20, .floodHeadline21, .floodHeadline22{
	font-weight: bold;
	background-color:#FAF500;
}

.floodHeadline30, .floodHeadline31{
	font-weight: bold;
	background-color:#FF2800;
	color:#FFFFFF;
}

.floodHeadline40, .floodHeadline41{
	font-weight:bold;
	background-color:#B40068;
	color:#FFFFFF;
}

.floodHeadline50, .floodHeadline51, .floodHeadline52, .floodHeadline53{
	font-weight:bold;
	background-color:#000000;
	color:#FFFFFF;
}

.floodHeadlineXX{
	color:#FFFFFF;
	background-color:#666666;
}

.col1{
	width:12px;
}

.col10{
	width:25px;
}

.forecastGraph .col20{
	width:50px;
}

.col30{
	width:75px;
}

.col40{
	width:100px;
}

.col50{
	width:125px;
}

.col60{
	width:150px;
}

.col70{
	width:175px;
}

.col80{
	width:200px;
}

.col90{
	width:225px;
}

.col95{
	width:237px;
}

.col100{
	width:250px;
}

.int6p{
	background-color:#A50021;
	color:white;
}

.int6m{
	background-color:#FF2800;
	color:white;
}

#typhoon .heading{
	background-color:#B6DDE8;
}

#typhoon .color2{
	background-color:#DBEEF3;
	color:black;
}

#selectedPartExpl{
	height:20px;
	text-align: left;
	vertical-align: bottom;
	font-size:80%;
}

.contenttitle{
	font-weight: bold;
	height:20px;
}
#weather_content p.text{
	word-break: break-all;
	word-wrap: normal;
}

#historytable th.thsort, #historytable th.thdesc, #historytable th.thasc{
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#historytable th.thsort{
}
#historytable th.thdesc{
}
#historytable th.thasc{
}

.textcenter{
	text-align: center;
	border:solid 1px #0054FF;
	padding-bottom: 20px;
	padding-top: 20px;
	vertical-align: middle;
	font-weight: bold;
	color:gray;
}

.legendFG, .legendFGS, .legendMIX{
	height:18px;
	position:relative;
	margin-top:3px;
	margin-bottom:5px;
}

.legendFG, .legendFGS{
	margin-left:130px;
}

.legendMIX{
	margin-left:80px;
}

.legendFG div, .legendFGS div, .legendMIX div{
	margin-right:10px;
}
.legendFG .smallbg, .legendFGS .smallbg, .legendMIX .smallbg,
.legendFG .normalbg, .legendFGS .normalbg, .legendMIX .normalbg,
.legendFG .largebg, .legendFGS .largebg, .legendMIX .largebg{
	border: 1px solid #000000;
	height: 18px;
	width: 30px;
}

.forecastPeriod table.forecastGraph tr > td:first-child+td+td, .forecastgraphSeries table.forecastGraph tr > td:first-child+td+td+td, .legendFG .smallbg, .legendFGS .smallbg, .legendMIX .smallbg{
	background-color:#0000FF;
	color: #FFFFFF;
}

.forecastPeriod table.forecastGraph tr > td:first-child+td+td+td, .forecastgraphSeries table.forecastGraph tr > td:first-child+td+td+td+td, .legendFG .normalbg, .legendFGS .normalbg, .legendMIX .normalbg{
	background-color:#FFFF00;
}

.forecastPeriod table.forecastGraph tr > td:first-child+td+td+td+td, .forecastgraphSeries table.forecastGraph tr > td:first-child+td+td+td+td+td, .legendFG .largebg, .legendFGS .largebg, .legendMIX .largebg{
	background-color:#FF0000;
}

.forecastPeriod table.forecastGraph tr > td:first-child{
	width:48px;
}

.forecastPeriod table.forecastGraph tr > td:first-child+td{
	width:98px;
}

.forecastgraphSeries table.forecastGraph tr > td:first-child{
	width:35px;
}

.forecastgraphSeries table.forecastGraph tr > td:first-child+td{
	width:25px;
}

.forecastgraphSeries table.forecastGraph tr > td:first-child+td+td{
	width:80px;
}

table#maxInt{
	margin-top:15px;
	margin-bottom:15px;
}

table#hypocenter .hcitem{
	background-color:#B6DDE8;
	width:150px;
}

table#hypocenter .hcvalue{
	background-color:white;
}

table#maxInt tr >th:first-child{
	background-color:#B6DDE8;
	width:150px;
	color:black;
}

.int7, .int6p, .int6m, .int3{
	color:#FFFFFF;
}

.int5p, .int5m, .int4, .int2, .int1, .intge5m{
	color:#000000;
}

#view_weather_info table#maxIntAreas tr.int7 th, .int7{
	background-color:#B40068;
}

#view_weather_info table#maxIntAreas tr.int6p th, .int6p{
	background-color:#A50021;
}

#view_weather_info table#maxIntAreas tr.int6m th, .int6m{
	background-color:#FF2800;
}

#view_weather_info table#maxIntAreas tr.int5p th, .int5p{
	background-color:#FF9900;
}

#view_weather_info table#maxIntAreas tr.int5m th, .int5m{
	background-color:#FFE600;
}

#view_weather_info table#maxIntAreas tr.int4 th, .int4{
	background-color:#FFE696;
}

#view_weather_info table#maxIntAreas tr.int3 th, .int3{
	background-color:#0041FF;
}

#view_weather_info table#maxIntAreas tr.int2 th, .int2{
	background-color:#00AAFF;
}  

#view_weather_info table#maxIntAreas tr.int1 th, .int1{
	background-color:#CCE6FF;
}

#view_weather_info table#maxIntAreas tr.intge5m th, .intge5m{
	background-color:#FFC000;
}

#view_weather_info table#maxIntAreas tr .intensity{
	width:150px;
}
.found {
	background-color:red;
	color:white;
}

#view_weather_info_list table#earthsandtable th:first-child+th, #view_weather_info_list table#weather0 th:first-child+th, #view_weather_info_list table#weather1 th:first-child+th, #view_weather_info_list table#weather2 th:first-child+th, #view_weather_info_list table#weather3 th:first-child+th, #view_weather_info_list table#weather4 th:first-child+th, #view_weather_info_list table#earthquakediv th:first-child+th{
	width:155px;
}

#view_weather_info_list table#earthsandtable, #view_weather_info_list table#weather0, #view_weather_info_list table#weather1, #view_weather_info_list table#weather2, #view_weather_info_list table#weather3, #view_weather_info_list table#weather4{
	table-layout: fixed;
	width: 300px;
	clear:both;
}

#view_weather_info_list table#earthquakediv{
	table-layout: fixed;
	width: 290px;
	clear:both;
}

#guidgif table td{
	border:0px;
}
#guidgif table{
	border:0px;
	margin-bottom: 5px;
}

#guidgif table td.datecolortd{
	border: 1px solid #000000;
	width: 40px;
}

#guidgif table tr{
	height:10px;
}
#view_weather_info_list table td{
	width:120px;
}

#view_weather_info_list table#earthsandtable th:first-child, #view_weather_info_list table#weather0 th:first-child, #view_weather_info_list table#weather1 th:first-child, #view_weather_info_list table#weather2 th:first-child, #view_weather_info_list table#weather3 th:first-child, #view_weather_info_list table#weather4 th:first-child{
	width:140px;
}

#view_weather_info_list table#earthquakediv th:first-child{
	width:130px;
}

#view_weather_info_list table td:first-child{
	white-space:normal;
}
#selectedPartExpl font{ font-size: 100%;}
#headline{}
#notice{}
p.comment{}
#validDateTimeJa{}
div.mainComment{}
div.amedas{}
div.office{}
.header{}
#validDateTime{}
div#body{}
#warning{}
#shubun{}
#floodArea table td{
	text-align:left;
	padding-left:10px;
}
#meteorologicalInfos{}
#meteorologicalInfos h2{
	font-size:13px;
	font-weight:normal;
}
#floodForecast{}
#floodAssumptionTable{}
#remarkFloodAssumptionTable{}
#precipitation{}
#precipitationPart{}
#waterLevel{}
#waterLevelPart{}
#dischargePart{}
#officeInfo{}
.url{}
a.office{}
.lvup{}
.lvkeep{}
.lvdown{}
.lvnormal{}
#hypocenter{}
#maxIntAreas{}
.sarea{}
.scity{}
.sstation{}
#forecastComment{}
#varComment{}
#freeFormComment{}
.earthquakeCount{}
.previousCount{}
.totalCount{}
#nextAdvisory{}
#volcanoInfo{}
#volcanoInfoType{}
.eventTime{}
.volcanoInfoName{}
.volcanoInfoLastKindName{}
.volcanoInfoArea{}
#volcanoObservation{}
#volcanoObservationContent{}
#volcanoInfoContent{}
#volcanoHeadline{}
#headlineInformation{}
.synopsisPart{}
.synopsisPartType{}
#factorDateTime{}
#observationDateTime{}
.forecastTimeSeries{}
.forcastDateTime{}
.forecastArea{}
.forecastContent{}
.forecastPeriod{}
.forecastDateTime{}
.forecastName{}
.forecastGraph{ margin-bottom:3px;}
.probability{}
.element{}
.area{}
.belowNormalData{}
.normalData{}
.aboveNormalData{
	color:#FFFFFF;
}
.legendFG{}
.forecastgraphSeries{}
.legendFGS{}
#climateForecastAddition{
	border-left: 4px solid #FF7800;
	color: #0054FF;
	font-size: 90%;
	line-height: 1.1em;
	margin: 0 0 3px;
	padding: 0 0 0 2px;
}
.nextForecastSchedule{}
#noticeOfSchedule{}
#additionalNotice{}
table#tsunamiForecast{}
table#tsunamiTable{}
#typhoon{}
.heading{}
.emergencyVolcanoWarningLV4{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF2800;
}
.emergencyVolcanoWarningLV5{
	font-weight:bold;
	color:#FFFFFF;
	background-color:#C800FF;
}
.volcanoWarningLV1{
	font-weight:normal;
	color:#000000;
	background-color:#F2F2FF;
}
.volcanoWarningLV2{
	font-weight:bold;
	color:#000000;
	background-color:#FAF500;
}
.volcanoWarningLV3{
	font-weight:bold;
	color:#000000;
	background-color:#FC8E00;
}
.volcanoHeadlineXX{
	font-weight:normal;
	color:#000000;
	background-color:#F2F2FF;
}
.legendclass0{
	background-color:#FF99CC;
	color:#000000;
}
.legendclass1{
	background-color:#FFCC99;
	color:#000000;
}
.legendclass2{
	background-color:#FFFFFF;
	color:#000000;
}
.colElement, .colArea, .colTimeSeries {
	background-color:#FFFFFF;
}

.volcanoConditionCol{
	width:12%;
}
.volcanoNameCol{
	width:35%;
	align:left;
}
#targetDuration{
	text-align:center;
}

.lowTemperature01{
	background-color:#FFFFFF;
	color:#0000FF;
	font-weight: bold;
}

.highTemperature01{
	background-color:#FFFFFF;
	color:#FF0000;
	font-weight: bold;
}

.heavySnow01{
	background-color:#FFFFFF;
	color:#0000FF;
	font-weight: bold;
}

.lowTemperature02{
	background-color:#FFFFFF;
	color:#000000;
	font-weight: bold;
}

.highTemperature02{
	background-color:#FFFFFF;
	color:#000000;
	font-weight: bold;
}
.heavySnow02{
	background-color:#FFFFFF;
	color:#000000;
	font-weight: bold;
}

#view_weather_info_list.wide_list table#earthquakediv{
	table-layout: fixed;
	width:300px;
	clear:both;
}

#view_weather_info_list.wide_list div#view_weather_info_right{
	padding-left:0px;
	width:300px;
	float:left;
}