/* 気象庁文書情報一覧 */
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;
}