@charset "UTF-8";


body{
	height:100%;
	color: #434343;
}

img {
	max-width: 100%;
	height: auto;
}

.ti_font {
    font-family: Arial, "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.subti_font,
.gothic_font {
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#wrapper {
	width: 980px;
	margin: 20px auto 20px auto;
	background-image: url(/image/depth_bg.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#contents {
	width: 970px;
	margin-right: 5px;
	margin-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9ec6e4;
	border-bottom-color: #9ec6e4;
}

/*サイドエリア*/
#sideBlock {
	float: left;
	width: 160px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contti {
	overflow: hidden;
	height: 0px;
}
#catbox1 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#catbox2 {
	margin-top: 0px;
	margin-bottom: 20px;
}
#catbox3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
ul.cat_menu {
	margin: 5px;
}
#sideBlock li a:link,
#sideBlock li a:visited {
	color: #00a0e9;
	text-decoration: none;
}
#sideBlock li a:hover,
#sideBlock li a:active {
	color: #00a0e9;
	text-decoration: underline;
}
#catbox1 .cat_menu li {
	font-size: 13px;
	background-image: url(/image/mn_arr1.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	height: 20px;
	list-style-type: none;
	padding-left: 1.5em;
}
#catbox2 .cat_menu li {
	font-size: 13px;
	background-image: url(/image/mn_arr2.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	height: 20px;
	list-style-type: none;
	padding-left: 1.5em;
}
#catbox3 .cat_menu li {
	font-size: 13px;
	background-image: url(/image/mn_arr3.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	height: 20px;
	list-style-type: none;
	padding-left: 1.5em;
}
#news_box {
	width: 128px;
	height: 90px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbeaba;
	overflow: hidden;
}
.news1 {
	width: 128px;
	height: 40px;
	font-size: 11px;
	line-height: 1.3em;
	color: #CC3333;
}
.news2 {
	width: 128px;
	height: 164px;
	font-size: 11px;
	line-height: 1.3em;
	color: #CC3333;
}
#banner_box {
	width: 128px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbeaba;
}
.banner5 {
	width: 126px;
	height: 35px;
	margin-top: 6px;
	border: 1px solid #e6a7df;
}
.banner4 {
	width: 128px;
	height: 36px;
	margin-top: 6px;
}
.banner1 {
	width: 128px;
	height: 40px;
	margin-top: 6px;
}
.banner2 {
	width: 128px;
	height: 76px;
	margin-top: 6px;
}
.banner3 {
	width: 128px;
	height: 128px;
	margin-top: 6px;
}




/*メインエリア*/

#mainBlock {
	background-image: url(/image/main_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	width: 790px;
	padding-top: 110px;
	padding-bottom: 50px;
}
body.disaster #wrapper #contents #mainBlock{
	background-image: url(/image/disaster_bg.png);
	padding-top: 20px;
	padding-bottom: 10px;
}

/*#mainBlock p {
	text-align: center;
}*/



/*フッタエリア*/
#footer {
	clear: both;
	height: 60px;
	width: 970px;
}
#credit_box {
	float: left;
	width: 160px;
	padding-left: 20px;
	margin-top: 6px;
}
.cap1 {
	font-size: 11px;
	margin-left: 36px;
	margin-bottom: 2px;
	color: #5596d0;
}
#footer address {
	background-color: #bbe5f9;
	text-align: center;
	padding: 24px 0 0 0;
	height: 36px;
	width: 790px;
	display: block;
	font-size: 9px;
	color: #343434;
	float: right;
	font-style: normal;
}

body.disaster #wrapper #contents #footer address{
	background-color: #dcdcdc;
}



/******** 警報・注意報（日本地図） ********/

#warnMap{
	position:relative;
	width:706px;
	height:650px;
	margin:30px auto;
}

.warn_maparea {
    position: absolute;
    top: 100px;
    left: 0px;
}

#warnMap .pref{
	position:absolute;
	font-size:10px;
	text-align:center;
	background-color:#444;
	padding:1px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#warnMap .pref div{
	overflow:hidden;
	background-color:#F5F5F5;
	text-align:center;
}
#warnMap .pref div span{
	display:block;
}

/* 注意報 */
#warnMap .warn1 div{
	background-color:#FF5;
}

/* 警報 */
#warnMap .warn2 div{
	background-color:#F55;
	color:#FFF;
}
/* 特別警報 */
#warnMap .warn3 div{
	background-color:#AA89BD;
	color:#FFF;
}

#warnMap #titleContainer{
	text-align:center;
	top:15px;
    margin-left: auto;
    margin-right: auto;
}

#warnMap #titleContainer #title{
	background-image:url(/image/warn_ti_2.png);
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#A50B00;
}

#warnMap #titleContainer #lastAnnounce{
	font-size:12px;
	color:#444;
	margin-top:5px;
}

#warnMap #explanatoryContainer{
	text-align:left;
	position:absolute;
	right:15px;
	bottom:30px;
}

#warnMap #explanatoryContainer .explanatory{
	clear:both;
	font-size:11px;
	line-height:16px;
}

#warnMap #explanatoryContainer .explanatory div{
	width:15px;
	height:10px;
	float:left;
	border:1px solid #444;
	margin:2px 4px 0px 0px;
	overflow:hidden;
}

#warnMap a{
	color:#444;
	text-decoration:none;
	cursor:pointer;
}


/******** 地震情報 ********/

#earthquakeInfoContainer{
	position:relative;
	width:706px;
	margin:30px auto 10px auto;
}

#earthquakeInfoContainer #titleContainer h1{
	background-image:url(/image/warn_ti_2.png);
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#A50B00;
	text-align:center;
}

#earthquakeInfoContainer #titleContainer #annotation{
	text-align:left;
	font-size:12px;
	color:#2d630f;
	margin:10px 0px 15px 0px;
}

#earthquakeInfoContainer dl#exp {
	margin:6px auto 0px auto;
	width:706px;
	text-align:right;
}

#earthquakeInfoContainer dl#exp dt{
	display:inline;
	border:1px solid #444;
	text-align:center;
	padding:2px 6px 2px 6px;
	margin:0px 0px 0px 15px;
	font-size:12px;
}

#earthquakeInfoContainer dl#exp dd{
	display:inline;
	line-height:22px;
	padding:0px 0px 0px 3px;;
	font-size:10px;
}

#earthquakeInfoContainer .promptreport{
	background-color:#C9ED4C;
}

#earthquakeInfoContainer .info{
	background-color:#6DED72;
}

#earthquakeInfoContainer .pointintensity{
	background-color:#87EDE8;
}

#earthquakeInfoContainer table{
	border-collapse:collapse;
	border:1px solid #444;
	width:706px;
	margin:5px auto 0px auto;;
	font-size:12px;
	line-height:1.2em;
	background-color:#FFF;
}

#earthquakeInfoContainer table#main td, #earthquakeInfoContainer table#main th{
	border-collapse:collapse;
	border:1px solid #444;
	font-size:12px;
	padding:4px;
    text-align: center;
}

#earthquakeInfoContainer table#main th{
	background-color:#F5F5F5;
	font-weight:normal;
	font-size:12px;
	line-height:1.2em;
}

#earthquakeInfoContainer table#main td{
	text-align:center;
}

#earthquakeInfoContainer table#main td.date{
	width:180px;
}
#earthquakeInfoContainer table#main td.date a:link,
#earthquakeInfoContainer table#main td.date a:visited {
	color: #0075a9;
	text-decoration: none;
}
#earthquakeInfoContainer table#main td.date a:hover,
#earthquakeInfoContainer table#main td.date a:active {
	color: #0075a9;
	text-decoration: underline;
}

#earthquakeInfoContainer table#main td.hypocenter{
	text-align:left;
}

#earthquakeInfoContainer table#main td.magnitude{
	text-align:right;
	width:45px;
}

#earthquakeInfoContainer table#main td.magnitude span{
	padding-right:15px;
}

#earthquakeInfoContainer table#main td.intensity{
	width:35px;
}

#earthquakeInfoContainer div.details{
	display:none;
}

#simplemodal-overlay{
	background-color:#000;
}

#simplemodal-eq-container{
	width:650px;
	height:500px;
	color:#444;
	background-color:#FFF;
	border:1px solid #444;
	/* overflow:hidden; */
}

#simplemodal-eq-container .outline{
	margin:10px;
	height:450px;
	overflow-y:scroll;
	border:1px solid #444;
	font-size:12px;
	line-height:1.4em;
}

#simplemodal-eq-container br.clrfix{
	clear:both;
}

#simplemodal-eq-container .modalClose{
	position:absolute;
	bottom:10px;
	right:15px;
	font-size:12px;
	color:#0075A9;
}

#simplemodal-eq-container div.details_main_container{
	padding:10px 10px 0px 10px;
	text-align:left;
}

#simplemodal-eq-container div.pref{
	padding:3px 0px;
	width:70px;
	float:left;
}

#simplemodal-eq-container div.intensity{
	width:80px;
	float:left;
    line-height: 1.5em;
}

#simplemodal-eq-container div.intensity_lack{
	float:left;
}

#simplemodal-eq-container div.points{
	width:445px;
	float:left;
	word-break:keep-all;
	text-align:left;
    line-height: 1.5em;
}

#simplemodal-eq-container div.title{
	margin-top:5px;
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:0px;
	text-align:left;
	font-weight:bold;
}

#simplemodal-eq-container div.intensity_container{
	clear:left;
	padding-top:3px;
	padding-bottom:3px;
}

#simplemodal-eq-container div.intensity_all_container{
	float:left;
}

#simplemodal-eq-container div.pref_container{
	padding-top:5px;
	padding-left:15px;
	clear:left;
	text-align:left;
}

#simplemodal-eq-container div.announce{
	padding-bottom:10px;
}

#simplemodal-eq-container div.additional{
	padding-left:10px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:0px;
	clear:both;
	text-align:left;
}

#simplemodal-eq-container div.additional ul{
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
}

#simplemodal-eq-container div.buttonarea{
	padding:15px;
}




/******** 降水短時間 ********/

#srfContainer{
	position:relative;
	width:706px;
	margin:0px auto 10px auto;
}
#srfContainer #titleContainer{
	margin:0px auto 40px auto;
}

#srfContainer #titleContainer h1{
	background-image:url(/image/srf_ti.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:34px;
	line-height:34px;
	font-size:20px;
	color:#24847F;
	text-align:center;
}
.text-narrow {
    transform: scale(0.85, 1);
}

#tabInterface{
	position:relative;
	margin:0px auto;
	width:650px;
    height: 610px;
}

#tabInterface ul{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

#tabInterface li{
	list-style:none;
	float:left;
	margin: 0px 2px 0px 0px;
	padding:0px;
	width:83px;
	text-align:center;
	background-color:#1FABEC;
}

#tabInterface li div{
	margin:1px;
	height:24px;
	line-height:24px;
	font-size:15px;
	background-color:#cfe9f5;
}


#tabInterface li.active div{
	background-color:#FFF;
	margin:1px 1px 0px 1px;
	border-bottom:1px solid #FFF;
}

#tabInterface #imageContainer{
	position:absolute;
	top:25px;
	clear:both;
	background-color:#FFF;
}

#tabInterface #imageContainer div.imageframe{
	/*position:absolute;*/
	border:1px solid #1FABEC;
}

#tabInterface #imageContainer div.imageframe img{
	padding:5px 5px 29px 5px;
    width: 638px;
}

#tabInterface li a:link,
#tabInterface li a:visited {
	color: #00a0e9;
	text-decoration: none;
}
#tabInterface li a:hover,
#tabInterface li a:active {
	color: #00a0e9;
	text-decoration: underline;
}
#tabInterface li.active a:link,
#tabInterface li.active a:visited {
	color: #0068b7;
	text-decoration: none;
}
#tabInterface li.active a:hover,
#tabInterface li.active a:active {
	color: #0068b7;
	text-decoration: none;
}

#explanatoryNotes{
	position:absolute;
	top:579px;
	left:6px;
	margin:3px auto 5px;
	height: 24px;
	line-height: 24px;
	text-align:center;
	background-color: #464546;
	width: 638px;
}

#explanatoryNotes dt, #srfContainer #explanatoryNotes dd{
	display:inline;
	font-size:13px;
	color:#ffffff;
}

#explanatoryNotes dt{
	margin:0px 1px 0px 1px;
}

#explanatoryNotes dt.rank1{
	color:#f2f2ff;
}

#explanatoryNotes dt.rank2{
	color:#aad1fb;
}

#explanatoryNotes dt.rank3{
	color:#448cf7;
}

#explanatoryNotes dt.rank4{
	color:#1646f5;
}

#explanatoryNotes dt.rank5{
	color:#f9f451;
}

#explanatoryNotes dt.rank6{
	color:#f19d38;
}

#explanatoryNotes dt.rank7{
	color:#eb4125;
}

#explanatoryNotes dt.rank8{
	color:#a52266;
}

#explanatoryNotes dd{
	margin:0px 0px 0px -3px;
}

#pageLink{
	margin:20px auto 0px auto;
	width:650px;
	text-align:center;
}

#pageLink div{
	color:#3789C7;
	text-align:left;
	font-size:15px;
	font-weight:bold;
    line-height: 1em;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pageLink ul{
	border:1px solid #c9c9c9;
	background-color:#F5F5F5;
	padding:10px 0 12px 0;
	line-height: 1em;
    margin-top: 4px;
}

#pageLink li{
	font-size: 13px;
	background-image: url(/image/srf_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	list-style-type: none;
	padding:0px 15px 0px 10px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#pageLink li a:link,
#pageLink li a:visited {
	color: #898989;
	text-decoration: none;
}
#pageLink li a:hover,
#pageLink li a:active {
	color: #434343;
	text-decoration: underline;
}




/******** ローカル天気予報 ********/

#trplocBlock,
#trpwidBlock {
	width: 790px;
}
h3.forecast_ti {
	font-size: 20px;
	color: #486a00;
	text-align: center;
	height: 34px;
	width: 280px;
    border: 1px soloid #000000;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
    line-height: 1.8em;
	background-image: url(/forecast/image/forecast_ti.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#trplocBlock #info {
	width: 640px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
	overflow: hidden;
	height: 17px;
}
#trplocBlock #info .anntime {
	font-size: 13px;
	float: left;
}
#trplocBlock #info .explain {
	font-size: 13px;
	float: right;
}
#trplocBlock span.pop_c {
	color: #1e46d7;
}
#trplocBlock span.tmpmax_c {
	color: #d70012;
}
#trplocBlock span.tmpmin_c {
	color: #0096d7;
}
#trplocBlock #trp_today,
#trplocBlock #trp_tomorrow,
#trplocBlock #trp_week {
	clear: both;
	width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #448aca;
	border-collapse:collapse;
	line-height: 2em;
    font-size: 15px;
}
#trplocBlock tr.trp_line1 {
	background-color: #f5f5f5;
	height: 30px;
	border: 1px solid #448aca;
}
#trplocBlock tr.trp_line2 {
	height: 50px;
	border: 1px solid #448aca;
}
#trplocBlock tr.trp_line3 {
	font-size: 13px;
	height: 26px;
	border: 1px solid #448aca;
}
#trplocBlock tr.trp_line4 {
	color: #1e46d7;
	height: 30px;
	border: 1px solid #448aca;
}
#trplocBlock tr.trp_line5 {
	height: 30px;
	border: 1px solid #448aca;
}
#trplocBlock th {
	border: 1px solid #448aca;
    text-align: center;
}
#trplocBlock td {
	border: 1px solid #448aca;
    text-align: center;
}
#trplocBlock .hed_txt {
	font-size: 13px;
}
#trplocBlock span.tmp_c {
	color: #eb6100;
}
#trplocBlock td.twid1 {
	width: 132px;
}
#trplocBlock tr.trp_line6 {
	background-color: #f5f5f5;
	height: 30px;
	border: 1px solid #448aca;
}
#trplocBlock img {
    width: 59px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
}




/******** 天気図 ********/


#mapBlock {
	width: 706px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.map_ti {
	font-size: 20px;
	color: #00736d;
	text-align: center;
	line-height: 1em;
	height: 27px;
	width: 240px;
	padding-top: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-image: url(/image/weather_ti.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#mapBlock .img_box {
	padding: 4px;
	border: 1px solid #448aca;
	margin-bottom: 20px;
}

.maparea {
	width: 706px;
	margin-left: auto;
	margin-right: auto;
}

.maparea h4 {
	font-size: 17px;
	text-align: left;
	color: #434343;
	display: block;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/******** 雲の画像 ********/


#gmsBlock {
	width: 706px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.gms_ti {
	font-size: 20px;
	color: #00736d;
	text-align: center;
	height: 34px;
	width: 240px;
	padding-top: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	line-height: 1em;
	background-image: url(/image/weather_ti.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gmsBlock .img_box {
	padding: 4px;
	border: 1px solid #448aca;
}




/******** 各地方の天気 ********/

#trpwidBlock .img_box {
	width: 706px;
	margin: 0 auto 20px;
}

/*各地方の天気・地域ナビ用*/

#area_navi {
	width: 580px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
}
#area_navi .title {
	font-size: 13px;
	color: #638c0b;
	font-weight: bold;
    line-height: 1em;
	text-align: left;
    margin-bottom: 4px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#area_navi ul.area_box {
	background-color: #f5f5f5;
	height: 30px;
	border: 1px solid #c9c9c9;
	margin-top: 0;
	margin-bottom: 2px;
	padding-left: 15px;
    line-height: 2em;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#area_navi .area_box li {
	display: block;
	float: left;
	width: 58px;
	font-size: 13px;
	background-image: url(/forecast/image/forecast_link_arr.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 10px;
	list-style-type: none;
}


#area_navi .area_box li.last_pad {
	display: block;
	float: left;
	width: 70px;
	font-size: 13px;
	background-image: url(/forecast/image/forecast_link_arr.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 10px;
	list-style-type: none;
}


#area_navi .area_box li.bold_txt {
	font-weight: bold;
}
#area_navi .area_box li.bold_txt_pad {
	font-weight: bold;
	display: block;
	float: left;
	width: 40px;
	font-size: 13px;
	background-image: url(/forecast/image/forecast_link_arr.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	list-style-type: none;
}


#area_navi .area_box li a:link,
#area_navi .area_box li a:visited {
	color: #898989;
	text-decoration: none;
}
#area_navi .area_box li a:hover,
#area_navi .area_box li a:active {
	color: #434343;
	text-decoration: underline;
}
#area_navi .area_box li.area_ti {
	display: block;
	float: left;
	width: 68px;
	font-size: 13px;
	color: #638c0b;
	list-style-type: none;
	background-image:none;
	padding-left: 0;
}
#area_navi .area_box li.area_ti {
	display: block;
	float: left;
	width: 68px;
	font-size: 13px;
	color: #638c0b;
	list-style-type: none;
	background-image:none;
	padding-left: 0;
}
#area_navi .area_box li.area_ti_l {
	display: block;
	float: left;
	width: 84px;
	font-size: 13px;
	color: #638c0b;
	list-style-type: none;
	background-image:none;
	padding-left: 0;
}
#area_navi .area_box li.area_ti_l {
	display: block;
	float: left;
	width: 84px;
	font-size: 13px;
	color: #638c0b;
	list-style-type: none;
	background-image:none;
	padding-left: 0;
}



/******** アメダス関連 ********/



/*アメダス降水量用*/

#amrBlock {
	width: 706px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.amedas_ti {
	font-size: 20px;
	color: #00736d;
	text-align: center;
	height: 34px;
	width: 240px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	line-height: 1.8em;
	background-image: url(/image/weather_ti.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*アメダスTOP10ブロック*/
#amrImgblock h4 {
	font-size: 15px;
	color: #448aca;
	display: block;
	width: 328px;
	margin-top: 0px;
    line-height: 1em;
	margin-bottom: 4px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#amrBlock .img_box {
	padding: 4px;
	border: 1px solid #448aca;
}
ul.amr_chart {
	display: block;
    line-height: 1em;
    margin-top: 6px;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #448aca;
}
ul.amr_chart2 {
	display: block;
    line-height: 1em;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #448aca;
}
ul.amr_chart li {
	font-size: 13px;
	display: inline;
	list-style-type: none;
}
ul.amr_chart2 li {
	font-size: 13px;
	display: inline;
	list-style-type: none;
}
ul.amr_chart span.chart_c1 {
	color: #f2f2ff;
}
ul.amr_chart span.chart_c2 {
	color: #aad1fb;
}
ul.amr_chart span.chart_c3 {
	color: #448cf7;
}
ul.amr_chart span.chart_c4 {
	color: #1646f5;
}
ul.amr_chart span.chart_c5 {
	color: #f9f451;
}
ul.amr_chart span.chart_c6 {
	color: #f19d38;
}
ul.amr_chart span.chart_c7 {
	color: #eb4125;
}
ul.amr_chart span.chart_c8 {
	color: #a52266;
}

/*アメダス地方左ブロック*/
/*#amrBlock #Lblock h4 {
	font-size: 14px;
	color: #448aca;
	display: block;
	height: 16px;
	width: 328px;
	margin-top: 0px;
	margin-bottom: 4px;
}*/

/*アメダス右ブロック*/
#amrBlock #tableBlock {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/*アメダス降水量トップ10用*/

#amrBlock #tableBlock h4 {
	font-size: 15px;
	color: #448aca;
	display: block;
	height: 16px;
    line-height: 1em;
	margin-top: 0px;
	margin-bottom: 4px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#rainTop10 {
	border: 1px solid #448aca;
	border-collapse:collapse;
    width: 100%;
}
#rainTop10 tr.amr_line1 {
	background-color: #bce2f4;
	height: 30px;
	font-size: 13px;
}
#rainTop10 tr {
	height: 30px;
	font-size: 13px;
}
#rainTop10 tr.amr_line2 {
	background-color: #f5f5f5;
	height: 30px;
	font-size: 13px;
}
#rainTop10 th,
#rainTop10 td {
	border-right: 1px solid #448aca;
	text-align: center;
    line-height: 1.8em;
}
#rainTop10 th.wid1 {
	width: 20%;
}
#rainTop10 th.wid2 {
	width: 50%;
}
#rainTop10 th.wid3 {
	width: 30%;
}
#amrBlock span.pop_c {
	color: #1e46d7;
}

/*アメダス降水量実況用*/
#tableBlock h4.raincond {
	font-size: 15px;
	color: #448aca;
	display: block;
	height: 16px;
	width: 400px;
    line-height: 1em;
	margin-top: 0px;
	margin-bottom: 4px;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#tableBlock_wid h4.raincond {
	font-size: 15px;
	color: #448aca;
	display: block;
	height: 16px;
    line-height: 1em;
	margin: 0 0 4px 0;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#rainCondition {
	border: 1px solid #448aca;
	border-collapse:collapse;
	text-align: center;
    width: 520px;
}
#rainCondition tr.amr_line1 {
	background-color: #bce2f4;
	height: 30px;
	font-size: 13px;
}
#rainCondition tr {
	height: 30px;
	font-size: 13px;
}
#rainCondition tr.amr_line2 {
	background-color: #f5f5f5;
	height: 30px;
	font-size: 13px;
}
#rainCondition th,
#rainCondition td {
	border-right: 1px solid #448aca;
}
#rainCondition th.wid1 {
	width: 34%;
    text-align: center;
}
#rainCondition th.wid2 {
	width: 22%;
    text-align: center;
}
span.popadd_c {
	color: #1d2088;
}

.tmp_link {
	font-size: 13px;
    clear: both;
    margin-top: 6px;
    padding-top: 4px;
    background-color: #f5f5f5;
    text-align: center;
    height: 24px;	
}
.tmp_link a:link,
.tmp_link a:visited {
	color: #a84200;
	text-decoration: none;
}
.tmp_link a:hover,
.tmp_link a:active {
	color: #f8b551;
	text-decoration: underline;
}

.tmp_link a:link,
.tmp_link a:visited {
	color: #a84200;
	text-decoration: none;
}
.tmp_link a:hover,
.tmp_link a:active {
	color: #f8b551;
	text-decoration: underline;
}

/*各地の降水量・地域ナビ用*/

#ame_area_navi {
	width: 706px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	clear: both;
}
#ame_area_navi .amr_title {
	font-size: 13px;
	color: #448aca;
	font-weight: bold;
    line-height: 1em;
	text-align: left;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ame_area_navi ul.area_box {
	border:1px solid #c9c9c9;
	background-color:#F5F5F5;
	padding: 10px 0 12px 0;
	line-height: 1em;
	text-align:center;
    margin-top: 4px;
}

#ame_area_navi ul.area_box li {	
	display: inline;
	font-size: 12px;
	background-image: url(/image/weather_link_arr.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 15px 0 10px;
	list-style-type: none;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#ame_area_navi ul.area_box li a:link,
#ame_area_navi ul.area_box li a:visited {
	color: #898989;
	text-decoration: none;
}
#ame_area_navi ul.area_box li a:hover,
#ame_area_navi ul.area_box li a:active {
	color: #434343;
	text-decoration: underline;
}


/*アメダス気温用*/
#amtImgblock h4 {
	font-size: 15px;
	color: #a84200;
	display: block;
	width: 328px;
	margin-top: 0px;
    line-height: 1em;
	margin-bottom: 4px;
}
#amtBlock {
	width: 706px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/*アメダスイメージブロック*/

#amtBlock .img_box {
	padding: 4px;
	border: 1px solid #f39700;
}
#amtBlock ul.amt_chart {
	display: block;
    line-height: 1em;
	margin-top: 6px;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #f39700;
}
#amtBlock ul.amt_chart li {
	font-size: 13px;
	display: inline;
	list-style-type: none;
}

ul.amt_chart span.chart_c1 {
	color: #07227b;
}
ul.amt_chart span.chart_c2 {
	color: #1646f5;
}
ul.amt_chart span.chart_c3 {
	color: #4195f7;
}
ul.amt_chart span.chart_c4 {
	color: #c3eafd;
}
ul.amt_chart span.chart_c5 {
	color: #f2f2ff;
}
ul.amt_chart span.chart_c6 {
	color: #fffea3;
}
ul.amt_chart span.chart_c7 {
	color: #f9f451;
}
ul.amt_chart span.chart_c8 {
	color: #f19d38;
}
ul.amt_chart span.chart_c9 {
	color: #eb4125;
}
ul.amt_chart span.chart_c10 {
	color: #a52266;
}


/*アメダステーブルブロック*/

#amtBlock #tableBlock {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 706px;
}
#amtBlock #tableBlock h4 {
	font-size: 15px;
    line-height: 1em;
	color: #a84200;
	display: block;
	margin-top: 0px;
	margin-bottom: 4px;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*アメダス気温トップ10用*/

#amtBlock .maxtable {
	float: left;
}
#amtBlock .mintable {
	float: right;
}
#amtBlock #maxTop10 {
	border: 1px solid #f39700;
	float: left;
	width: 380px;
}
#amtBlock #minTop10 {
	border: 1px solid #f39700;
	float: right;
	width: 320px;
}
#amtBlock tr.amt_line1 {
	background-color: #f8dbae;
	height: 30px;
	font-size: 13px;
}
#amtBlock tr {
	height: 30px;
	font-size: 13px;
}
#amtBlock tr.amt_line2 {
	background-color: #f5f5f5;
	height: 30px;
	font-size: 13px;
}
#amtBlock th,
#amtBlock td {
	border-right: 1px solid #f39700;
	text-align: center;
    line-height: 1.8em;
}
#amtBlock th.wid1 {
	width: 20%;
}
#amtBlock th.wid2 {
	width: 50%;
}
#amtBlock th.wid3 {
	width: 30%;
}
span.tmpmax_c {
	color: #d70012;
}
span.tmpmin_c {
	color: #0096d7;
}
.rain_link {
	font-size: 13px;
    clear: both;
    margin-top: 6px;
    padding-top: 4px;
    background-color: #f5f5f5;
    text-align: center;
    height: 24px;
}
.rain_link a:link,
.rain_link a:visited {
	color: #448aca;
	text-decoration: none;
}
.rain_link a:hover,
.rain_link a:active {
	color: #7ecef4;
	text-decoration: underline;
}

.rain_link a:link,
.rain_link a:visited {
	color: #448aca;
	text-decoration: none;
}
.rain_link a:hover,
.rain_link a:active {
	color: #7ecef4;
	text-decoration: underline;
}


/*アメダス気温実況用*/
#tableBlock h4.amtcond {
	font-size: 15px;
	color: #a84200;
	display: block;
	height: 16px;
    line-height: 1em;
	margin-top: 0;
	margin-bottom: 4px;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#tableBlock_wid {
    width: 520px;
    margin: 0 auto 0 auto;
}

#tableBlock_wid h4.amtcond {
	font-size: 15px;
	color: #a84200;
	display: block;
	height: 16px;
    line-height: 1em;
	margin-top: 0;
	margin-bottom: 4px;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#tmpCondition {
	border: 1px solid #f39700;
	border-collapse:collapse;
	text-align: center;
    width: 520px;
}
#tmpCondition tr.amt_line1 {
	background-color: #f8dbae;
	height: 30px;
	font-size: 13px;
}
#tmpCondition tr {
	height: 30px;
	font-size: 13px;
}
#tmpCondition tr.amt_line2 {
	background-color: #f5f5f5;
	height: 30px;
	font-size: 13px;
}
#tmpCondition th,
#tmpCondition td {
	border-right: 1px solid #f39700;
}
#tmpCondition th.wid1 {
	width: 34%;
}
#tmpCondition th.wid2 {
	width: 22%;
}


/*アメダス気温・地域ナビ用*/

#ame_area_navi .amt_title {
	font-size: 13px;
	color: #a84200;
	font-weight: bold;
	text-align: left;
    line-height: 1em;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/******** トップ概況 ********/

/*#trpwidBlock p.img_box {
	padding: 4px;
	border: 1px solid #448aca;
	margin-bottom: 40px;
}*/

#trpwidBlock #gaikyoblock {
	width: 480px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 1px solid #c9c9c9;
	background-color: #f5f5f5;
}
#trpwidBlock #gaikyoblock h4 {
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	background-color: #13b5b1;
	height: 26px;
	width: 476px;
	line-height: 1.8em;
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 2px;
}
#trpwidBlock #gaikyoblock p {
	font-size: 15px;
	padding: 6px;
	text-align: left;
	line-height: 1.7em;
}




/******** 台風情報 ********/

#typhoonInfoContainer{
	width:706px;
	margin:30px auto 10px auto;
}

#typhoonInfoContainer #titleContainer h1{
	background-image:url(/image/warn_ti_2.png);
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#A50B00;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 30px 0px;
}

#typhoonInfoContainer #typhoonMainContainer #noTyphoonContainer p#headline{
	font-weight:bold;
	font-size:15px;
	line-height:1.8em;
}

#typhoonInfoContainer #typhoonMainContainer #noTyphoonContainer{
	font-size:13px;
	color:#444;
	text-align:center;
	border:1px solid #C9C9C9;
	background-color:#EEEEEE;
}

#typhoonInfoContainer #typhoonMainContainer #noTyphoonContainer div{
	width:704px;
	padding:150px 0px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer{
	border:1px solid #C9C9C9;
	background-color:#EEEEEE;
	font-size:12px;
	text-align:center;
    margin-bottom: 10px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer .typhoonBox{
	width:660px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
    margin-bottom: 20px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer div ul{
	list-style:none;
	margin-top: 10px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer ul li.imageContainer{
	list-style-type: none;
}

#typhoonInfoContainer #typhoonMainContainer .imageTitle {
	text-align:left;
	line-height:22px;
	font-size:15px;
	padding:0px;
	color:#444;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer div.tableSizeFix{
	padding:0px;
	clear:both;
	width:660px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table{
	border:none;
	border-collapse: collapse;
	width:100%;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table caption{
	text-align:left;
	font-size:19px;
	font-weight:bold;
	line-height:1.8em;
	color:#0075A9;
    font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table th, 
#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table td{
	border:1px solid #004986;
	border-collapse: collapse;
	text-align:center;
	line-height:1.8em;
	font-size:13px;
    height: 28px;
    padding-top: 2px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table th{
	background-color:#0075A9;
	color:#FFF;
	font-weight:normal;
	width:120px;
}

#typhoonInfoContainer #typhoonMainContainer .typhoonContainer table td{
	background-color:#FFF;
	color:#444;
}


/******** 主要都市の週間天気予報 ********/

#city_trp_week {
	clear: both;
	width: 706px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
    font-family: sans-serif;
}

.week_title {
    width: 704px;
    height: 28px;
    border: 1px solid #d2d2d2;
    text-align: center;
    background-color: #f5f5f5;
    margin-bottom: 4px;
    padding-top: 8px;
    line-height: 1em;
    font-size: 19px;
}

#city_trp_week .week_table {
    width: 100%;
    line-height: 1em;
}
#city_trp_week tr.calendar_line {
	background-color: #f5f5f5;
	height: 36px;
	border: 1px solid #d2d2d2;
}
#city_trp_week .w_size1 {
    width: 12.5%;
}
#city_trp_week .w_size2 {
    width: 12.5%;
}
#city_trp_week img {
    width: 56px;
    height: 38px;
    margin-right: auto;
    margin-left: auto;
}
#city_trp_week tr.telop_line {
	height: 50px;
	border: 1px solid #d2d2d2;
}
.city_point {
    font-size: 17px;
    font-weight: bold;
}
.city_point a:link,
.city_point a:visited {
	color: #000000;
	text-decoration: none;
}
.city_point a:hover,
.city_point a:active {
	color: #000000;
	text-decoration: underline;
}
#city_trp_week tr.rain_line {
	color: #1e46d7;
	height: 28px;
	border: 1px solid #d2d2d2;
    padding-top: 4px;
}
#city_trp_week tr.temp_line {
	height: 28px;
	border: 1px solid #d2d2d2;
    padding-top: 4px;
}
#city_trp_week th {
	border: 1px solid #d2d2d2;
    text-align: center;
}
#city_trp_week td {
	border: 1px solid #d2d2d2;
    text-align: center;
}
#city_trp_week .hed_txt {
	font-size: 13px;
}
#city_trp_week .tmp_c {
	color: #d70012;
}