/*
 *	注警報テーブル(発表一覧・指定市町村一覧)
 */
#contents #alert_table_base table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	margin:0 0 5px 0;
}
#contents #alert_table_base table caption {
	color:#0054FF;
	text-align:left;
	font-size:90%;
}

#contents #alert_table_base table .prefecture   {width:14%;}
#contents #alert_table_base table .primary      {width:14%;}
#contents #alert_table_base table .second       {width:14%;}
#contents #alert_table_base table .datetime     {width:20%;}
#contents #alert_table_base table .warn_list    {width:28%;}
#contents #alert_table_base table .close_link   {width:4%;}
#contents #alert_table_base table .history_link {width:6%;}

#contents #alert_table_base table .city_name         {width:28%;}
#contents #alert_table_base table .city_datetime     {width:20%;}
#contents #alert_table_base table .city_warn_list    {width:46%;}
#contents #alert_table_base table .city_history_link {width:6%;}

#contents #alert_table_base table td {
	text-align: center;
	white-space: normal;

}

#contents #alert_table_base table td.warn_list {
	text-align: left;
}

#contents #alert_table_base table div {
	float:left;
	margin:0 1px 1px 0;
	padding:0 4px;
	white-space: nowrap;
	cursor: pointer;
}

/*
   各注意報警報ラベル色
 */
#contents #alert_table_base table div.warn_level2 {
	background-color:#FFCC00;
	color:#000000;
	border:1px outset #FFCC00;
}

#contents #alert_table_base table div.warn_level3 {
	background-color:#FF0000;
	color:#FFFFFF;
	border:1px outset #FF0000;
}
/* 特別警報対応 */
#contents #alert_table_base table div.warn_level4 {
	background-color:#A349A4;
	color:#FFFFFF;
	border:1px outset #A349A4;
}

#exp_block #explanation .latest_list  {
	margin:0;
}

/*注意報・警報発表用テーブル*/
div#contents table {
	width:100%;
	margin:0px;
	padding:0px;
	font-size:80%;
}
/*注意報・警報発表用テーブル（th）*/
div#contents th,
div#contents th#time,
div#contents th.category {
	margin:0px;
	padding:2px;
	font-weight:normal;
	border-top:none;
	border-right:none;
}
/*注意報・警報発表用テーブル（日時th）*/
div#contents th#time {
	white-space:nowrap;
}
/*履歴（カテゴリーth）*/
div#contents th.category {
	width: 1.7em;
}
/*テーブルtd（地域名2td）*/
div#contents td,
div#contents td.kenmei,
div#contents td.area,
div#contents td.area2,
div#contents td.alerts,
div#contents td.release,
div#contents td.update,
div#contents td.cancel {
	margin: 0px;
	padding: 3px;
	border-top: none;
	border-right: none;
	text-align: center;
	white-space: nowrap;
}
/*発表一覧（発表内容td）*/
div#contents td.alerts {
	width: 285px;
	text-align: left;
	white-space: normal;
}
/*通報文*/
div#contents pre {
	width: 580px;
	margin: 0px 0px 7px 0px;
	padding: 10px;
	font-size: 12px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}
/*通報文*/
div#contents pre#report_text {
	width: 580px;
	margin: 0px 0px 7px 0px;
	padding: 10px;
	font-size: 12px;
	white-space:pre;
}
tr#headline td, tr#note td {
	margin:0px;
	padding:0px;
}
tr#headline dl, tr#note dl {
	margin:0px;
	padding:0px;
	font-size:12px;
}
tr#headline dt, tr#note dt {
	margin:0px;
	padding:2px;
	float:left;
}
tr#headline dd, tr#note dd {
	clear:both;
	width:580px;
	margin:0px;
	padding:2px 0px 2px 2px;
	line-height:1.2em;
	white-space:normal;
	text-align:left;
}
div#contents table#popup {
	position:absolute;
	z-index:20;
	left:50px;
	top:30px;
	width:500px;
	font-size:12px;
	border:2px;
	display:none;
}
div#contents table#popup th {
	width:100px;
	height:60px;
	padding:3px;
	border-bottom:0px;
}
div#contents table#popup td {
	height:60px;
	width:400px;
	padding:3px;
	border-bottom:0px;
	white-space:pre;
	word-wrap:break-word;
	word-break:break-all;
}
div#contents table#popup {
	text-align:center;
	padding:0px;
}

/* ポップアップ表示色 */
#contents #popup th.warn_level2 {
	background-color:#FFCC00;
	color:#000000;
}
#contents #popup th.warn_level3 {
	background-color:#FF0000;
	color:#FFFFFF;
}
#contents #popup th.warn_level4 {
	background-color:#A349A4;
	color:#FFFFFF;
}

/*注意報・警報発表用テーブル*/
div#contents table {
	border: 2px solid #004ADE;
}
/*注意報・警報発表用テーブル（th）*/
div#contents th,
div#contents th#time,
div#contents th.category {
	background: #54B2FF;
}
/*テーブルtd（地域名2td）*/
div#contents td,
div#contents td.kenmei,
div#contents td.area,
div#contents td.area2,
div#contents td.alerts,
div#contents td.release,
div#contents td.update,
div#contents td.cancel {
	border-bottom: 1px solid #004ADE;
	border-left: 1px solid #004ADE;
}
/*履歴（発表・更新td）*/
div#contents td.release, div#contents td.update {
	color: #FF0000;
}
/*履歴（解除td）*/
div#contents td.cancel {
	color: #0054FF;
}
/*通報文
div#contents pre {
	border: 1px dotted #0054FF;
	background: #DBEFFF;
	white-space:pre;
}
*/
/*注意警戒文*/
tr#headline dt, tr#note dt {
	background:#0054FF;
	color:#FFFFFF;
}
tr#note td {border:none;}
tr#note td dd {width:596px;}

div#contents table#popup {
	font-size:12px;
	border: 2px solid #0054FF;
	background:#FFFFFF;
}

/* 履歴表示テーブル：アイコン色 */
#contents #history_table_data td.warn_level1 {
	color:#000099;
}
#contents #history_table_data td.warn_level2 {
	color:#FFCC00;
}
#contents #history_table_data td.warn_level3 {
	color:#FF0000;
}
#contents #history_table_data td.warn_level4 {
	color:#A349A4;
}

#contents #map_header {
	border: 1px solid #004ADE;
	border-bottom:none;
	background: #54B2FF;
	font-size:80%;
	margin:0px;
	padding:2px;
}

#contents #large_map div,
#contents #large_map img,
#contents #large_map canvas {
	position: absolute;
	width:600px;
	height:480px;
}

#contents #large_map div span {
	font-size:10px;
}

#prefectures_shape_inner_frame {
	position:absolute;
	width:1px;
	height:1px;
	visibility:hidden;
}

#contents #large_map #dragable_frame {
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	border:none;
	/*
	width:100%;
	height:100%;
	 */
}

#contents #large_map #dragable_map_base {
	position: absolute;
	margin:0;
	padding:0;
	border:none;
	width:1800px;
	height:1440px;
}

#contents #large_map #dragable_map_base img,
#contents #large_map #dragable_map_base div {
	position: absolute;
	margin:0;
	padding:0;
	border:none;
	width:1800px;
	height:1440px;
}
#contents #large_map #dragable_map_base #city_level img {
	position: absolute;
	margin:0;
	padding:0;
	border:none;
	width:auto;
	height:auto;
}

#contents #large_map #dragable_map_base #landmark_layer div,
#contents #large_map #dragable_map_base #landmark_layer img {
	margin:0;
	padding:0;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
}

#contents #large_map #dragable_map_base #city_name div,
#contents #large_map #dragable_map_base #city_name span {
	margin:0;
	padding:0;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
}

#contents #large_map #dragable_map_base #event_layer div {
	position: absolute;
	margin:0;
	padding:0;
	border:none;
	width:auto;
	height:auto;
	background-image: url(../../common/alert-city/images/spacer.gif);
}

div#contents table#map_popup {
	font-size:12px;
	border: 2px solid #0054FF;
	background:#FFFFFF;
}
div#contents table#map_popup {
	position:absolute;
	z-index:20;
	left:50px;
	top:30px;
	width:300px;
	font-size:12px;
	display:none;
}
div#contents table#map_popup th {
	width:60px;
	height:60px;
	padding:3px;
	border-bottom:0px;
}
div#contents table#map_popup td#map_pop_text {
	height:60px;
	width:200px;
	padding:3px;
	border-bottom:0px;
	white-space:pre;
	word-wrap:break-word;
	word-break:break-all;
}
div#contents table#map_popup td#map_pop_link {
	height:60px;
	width:40px;
	padding:3px;
	border-bottom:0px;
}
div#contents table#map_popup {
	text-align:center;
	padding:0px;
}
#contents #map_popup th.warn_level2 {
	background-color:#FFCC00;
	color:#000000;
}
#contents #map_popup th.warn_level3 {
	background-color:#FF0000;
	color:#FFFFFF;
}
#contents #map_popup th.warn_level4 {
	background-color:#A349A4;
	color:#FFFFFF;
}

div#contents table#map_popup div {
	cursor:pointer;
	float:left;
	margin:0 1px 1px 0;
	padding:0 4px;
	white-space:nowrap;
}

/* 地図ポップアップ時注警報ラベル色 */
#contents #large_map #dragable_map_base #city_name span.warn_level2 {
	color:#000000;
}
div#contents table#map_popup div.warn_level2 {
	background-color:#FFCC00;
	color:#000000;
	border:1px outset #FFCC00;
}
#contents #large_map #dragable_map_base #city_name span.warn_level3 {
	color:#FFFFFF;
}
div#contents table#map_popup div.warn_level3 {
	background-color:#FF0000;
	color:#FFFFFF;
	border:1px outset #FF0000;
}
#contents #large_map #dragable_map_base #city_name span.warn_level4 {
	color:#FFFFFF;
}
div#contents table#map_popup div.warn_level4 {
	background-color:#A349A4;
	color:#FFFFFF;
	border:1px outset #FF0000;
}

/*通報文*/
div#contents div#reportText pre#report_text {
	border: 1px dotted #0054FF;
	background: #DBEFFF;
	line-height:1.4;
	min-height:434px;
	margin-top:46px;
	word-break:break-all;
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

div#contents div#reportText pre#report_text hr {
	height:0px;
	border:0px;
	border-top:1px dotted #BBDDFF;
}

/* tab navigation
----------------------------------------------- */
#division_tab_area {
	position:absolute;
	top: 55px;
	width: 600px;
	line-height: normal;
}
#division_tab_area ul {
	float: left;
	list-style: none;
	margin:2px 3px 0 3px;
	padding: 0px;
	width: 592px;
	clear:both;
}
#division_tab_area ul li {
	float: left;
	height: 20px;
	background: url(../../common/images/002/alert-city/tabbutton/button-right.gif) top right no-repeat;
	margin: 0 3px;
	white-space: nowrap;
}
#division_tab_area ul li a {
	color: #333333;
	display: block;
	background: url(../../common/images/002/alert-city/tabbutton/button-left.gif) top left no-repeat;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
}
#division_tab_area ul li a:hover {
	color: #333333;
}

/*
#division_tab_area ul li:hover {
	background-position: 100% -36px;
}
#division_tab_area ul li a:hover {
	background-position: 0px -36px;
	border: none;
}
 */

#division_tab_area ul li.selected_tab {
	color: #333333;
	text-decoration: none;
	background: url(../../common/images/002/alert-city/tabbutton/button-right.gif) top right no-repeat;
	background-position: 100% -36px;
}
#division_tab_area ul li.selected_tab a {
	color: #333333;
	text-decoration: none;
	background: url(../../common/images/002/alert-city/tabbutton/button-left.gif) top left no-repeat;
	background-position: 0px -36px;
}

input#prefList {
        width:110px;
}

input#pref_name {
        width:110px;
}
/* 二次細分まとめ表示のカーソル対策 */
div.noCursor{
	cursor: default !important;
}

/* 履歴テーブルのフォントサイズを固定とする */
#history_table, #history_table_data{
	font-size: 12px !important;
}
