@charset "utf-8";

/*
天気予報
2013/09/10
*/

/*注意報・警報*/
.alarm{font-size:18px;text-align:center;margin-bottom:10px;font-weight:normal;padding:10px;}
.alarm img{margin-right:4px;vertical-align:-4px}
.alarm a,.alarm a:visited{color:#f30;}
.alarm a:hover{text-decoration:underline;}

/*タイトル*/
.weather h3{background:#3375ba;color:#fff;padding:3px 5px;font-size:15px;position:relative;letter-spacing:1px;}
.weather h3 span{position:absolute;top:0;right:5px;font-weight:normal;font-size:12px;padding:4px 0 0 0}

/*日付*/
.weather_date{text-align:right;font-size:12px;color:#666;margin-bottom:10px;}

/*地域ナビ*/
.chiiki_navi{width:640px;overflow:hidden;margin-bottom:10px;}
.chiiki_navi ul{list-style-type:none;}
.chiiki_navi ul li{float:left;margin:0 0 0 8px;font-size:13px;}
.chiiki_navi ul li a{background:#eee;display:block;padding:3px 8px;}
.chiiki_navi ul li a:hover{background:#ddd}
.chiiki_navi ul li.chiiki_now a,.chiiki_navi ul li.chiiki_now a:hover{background:#5c91c8;color:#fff}
.chiiki_navi ul li.chiiki_now a:visited{color:#fff;}

/*台風情報リンク*/
.b_tyhoon{text-align:right;margin-bottom:20px;letter-spacing:1px;}
.b_tyhoon a{border:1px solid #d5d5d5;display:inline-block;_display:inline;padding:6px 20px;}
.b_tyhoon a:hover{background:#f9f9f9}


/*共通テーブル*/
.type_w{border-collapse:collapse;border:1px solid #d5d5d5;width:100%;margin-bottom:20px;}
.type_w th{text-align:center;vertical-align:middle;white-space:nowrap;padding:4px;border:1px solid #d5d5d5;font-size:13px}
.type_w td{text-align:center;vertical-align:middle;padding:4px;border:1px solid #d5d5d5;font-size:13px}
.type_w thead th{background:#f4f4f4}
.type_w tbody th{width:75px;}
.type_w tfoot th{}
.type_w tbody td{}

/*type1*/

/*type2*/
.type_w2 thead th{font-weight:normal}

/*type3*/

/*type4*/
.type_w4 tbody th{border-bottom:1px solid #d5d5d5 !important;}

/*警報・注意報*/
.keihou{color:#f30;background:#fce5e7 !important;}
.chuuihou{color:#ec6100;background:#fdefe5!important;}


/*台風情報
------------------------------*/
/*タブボタン*/
.tyhoon_button{border-bottom:1px solid #3375ba;margin-bottom:20px;}
.tyhoon_button ul{width:400px;margin:0 auto;list-style-type:none;}
.tyhoon_button ul li{float:left;font-weight:bold;letter-spacing:1px;margin-bottom:-1px;}
.tyhoon_button ul li a{display:block;width:193px;background:#5c91c8;padding:7px 0;text-align:center;color:#fff;border:1px solid #3375ba;border-bottom:0px;}
.tyhoon_button ul li a:visited{color:#fff}
.tyhoon_button ul li a:hover{background:#3375ba}
.tyhoon_button ul li a.tyhoon_now{background:#fff;color:#3375ba;}
.tyhoon_button ul li a.tyhoon_now:visited{background:#fff;color:#3375ba}
.tyhoon_button ul li a.tyhoon_now:hover{color:#3375ba !important;}

.zoom{margin-left:10px;}

#tyhoon .tyhoon_img{text-align:center;margin-bottom:20px;}
#tyhoon h3{margin-bottom:10px;}
.tyhoon_info{list-style-type:none;}
.tyhoon_info li{border-bottom:1px solid #d5d5d5;margin-bottom:10px;line-height:160%;padding:0 10px 10px 10px;}