/* CSS Document */
@charset "UTF-8";

/*
サーチキーで検索して場所に飛べます。

=1 ベース
=2 ヘッダー
=3 フッター
=4 ナビゲーション
=5 メインコンテンツ
=6 ページ別クラス管理

*/

/*****************************************************/
/*                                                   */
/*                  =1 ベース                */
/*                                                   */
/*****************************************************/
/****** 共通宣言 ******/
* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,a {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

h1 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	text-indent:20px;
	/*background-color:#F4F0EF;*/
	display:none;
}

h2 {
	background-repeat:no-repeat;
	width:540px;
	padding-left:50px;
	font-size:18px;
	padding-top:12px;
	padding-bottom:17px;
	margin:0 0px 00px 0px;
	font-weight:bold;
}

h3 {
	text-align:left;

	margin:10px 0 10px 10px;
	height:23px;
	font-size:14px;

	color:#333333;

	font-weight:bold;
	border-left:#B4E3ED 5px solid;
	padding:2px 10px;
	margin-right:10px;
}

img {
	border:0px;
	margin:0;
	padding:0;
}

html {
	height:100%;
	overflow-y:scroll;
}

body {
	background-repeat: repeat-y;
	background-position:center;
	background-position:top;
	background-color:#FFFFFF;

	margin:0 auto 0 auto;
	height:100%;
	padding:0;
	color:#111111;
	text-align:center;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
/*	font-family: 'ＭＳ Ｐゴシック', sans-serif;*/
	font-size: 13px;
	/* background-image:url(/resource/X_MIE_images_cw/images/common/bg.jpg); */

}

a {
	text-decoration:none;
	color:#3361E3;
}

a:hover {
	color: #3361E3;
	text-decoration:underline;
}

a.sub_navi {
	text-decoration:none;
	color:black;
	font-weight:bold;
}

a.sub_navi:hover {
	text-decoration:underline;
	color:black;
	font-weight:bold;
}

/****** ページ構成 ******/
#main_box_index {
	width:860px;
	margin:0 auto 0 auto;
/*	text-align:center;*/
	height:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
}

#main_contents_bg{
	background-repeat:repeat-y;
	margin:0 0 15px 0px;
}

#main_contents {
	margin:0 20px;
}

#main_contents_container { /* for some pages under the sub title bar contents */
	margin-top: 10px;
	text-align: left;
}

#main_contents_box{ /* for index page right side contents */
	float: left;
	margin-left: 10px;
	width: 565px;
	text-align: left;
}

#left_contents{
	float:left;
	width:265px;
	text-align:left;
}

#left_contents_in{
	width:245px;
	margin-left:20px;
}

#left_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
/*	width:235px;*/
	padding:4px;
}

.right_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
/*	width:563px;*/
	width:565px;
	margin-bottom:8px;
}

/*****************************************************/
/*                                                   */
/*                  =2 ヘッダー               */
/*                                                   */
/*****************************************************/
/****** ヘッダーコンテナ ******/
#header_box{
	width:860px;
	margin:0 auto;
	height:105px;
	text-align:left;

	line-height:1.3em;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#header_box_kinkyu{
	width:860px;
	margin:0 auto;
	height:105px;
	text-align:left;

	line-height:1.3em;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/top_bg_kinkyu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#header_contents{
	width: 820px;
	margin-left: 20px;
	margin-right: 20px;
}

/****** ヘッドラインニュース ******/
#head_line_01{
	float:left;
	margin-left:0px;
	width:148px;
	height:30px;
	background-image:url(/resource/X_MIE_images_cw/images/common/header/head_line_bg_3.jpg);
	padding-left:30px;
	margin-bottom:10px;
	text-align:left;
}

#head_line_01_kinkyu{
	float:left;
	margin-left:0px;
	width:148px;
	height:30px;
	background-image:url(/resource/X_MIE_images_cw/images/common/header/head_line_bg_3_kinkyu.jpg);
	padding-left:30px;
	margin-bottom:10px;
	text-align:left;
}

#head_line_02{
	float:left;
	width:500px;
	height:30px;
	background-image:url(/resource/X_MIE_images_cw/images/common/header/head_line_bg_4.jpg);
	margin-bottom:10px;
	text-align:left;
}

#head_line_02_kinkyu{
	float:left;
	width:500px;
	height:30px;
	background-image:url(/resource/X_MIE_images_cw/images/common/header/head_line_bg_4_kinkyu.jpg);
	margin-bottom:10px;
	text-align:left;
	color:#B01C0E;
}

/****** ニュースティッカー ******/
#headline_box{
	width: 496px;
	height: 20px;
	margin-top: 5px;
	margin-left: 2px;
	white-space: nowrap;
	line-height: 20px;
	overflow:hidden;
}

#headline_box .tickercontainer {
	width: 496px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#headline_box .tickercontainer .mask {
	position: relative;
	left: 0px;
	top: 0px;
	width: 496px;
	overflow: hidden;
}
#headline_box ul.newsticker {
	position: relative;
	left: 496px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#headline_box ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
}
#headline_box ul.newsticker span {
	white-space: nowrap;
	margin: 0 8px 0 0;
}
#headline_box ul.newsticker a {
	white-space: nowrap;
	margin: 0 30px 0 0;
}

/****** パンくずコンテナ ******/
#breadcrumb_container {
	width:860px;
	margin: 0 auto;
}
#breadcrumb_container div.contents {
	margin: 0 20px;
}

/****** 特別警報バナー 2013/08 ******/
#emergency_warning {
	display: none;
	margin: 5px 20px 0 20px;
	width: 820px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #7030a0;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
#emergency_warning a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
#emergency_warning a:hover {
	color: #ffffff;
	text-decoration:underline;
}
#tsunami_emergency {
	display: none;
	margin: 2px 20px 5px 20px;
	width: 820px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #7030a0;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
#tsunami_emergency a {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
#tsunami_emergency a:hover {
	color: #ffffff;
	text-decoration:underline;
}
/*****************************************************/
/*                                                   */
/*                =3 フッター                 */
/*                                                   */
/*****************************************************/
/****** コピーライト ******/
#copy_right{
	text-align:center;

	margin:0px 30px 0px 0;
	padding:5px 0;
	font-size:12px;
	background-color:#ffffff;
}

/****** リンク ******/
#footer_link{
	font-size:12px;
	text-align:center;
	margin:0 0px;
	padding:0px 0 5px 0px;
	line-height:2em;
}

#footer_link a{
	text-decoration:none;
	color:#000000;
}

#footer_link a:hover{
	color: #000000;
	text-decoration:underline;
}


/*****************************************************/
/*                                                   */
/*                  =4 ナビゲーション                */
/*                                                   */
/*****************************************************/
/****** 言語ナビ ******/
div#header_navi{
	margin-top:10px;
	margin-right:10px;
	height: auto;
	color:#FFFFFF;
	text-align:right;
}
div#header_navi img {
	vertical-align: text-bottom;
}


/****** グローバルナビ ******/
#g_navi_container {
	margin-top:auto;
/*	margin-left: 35px;*/
	margin-left: 20px;
}

#g_navi_container div.g_navi_box{
	float: left;
	margin-right: 8px;
}


/****** ローカルナビ(ページ中段) ******/
div#local_navi {
	width: auto;
	height: auto;
}

div#local_navi div {
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
}

div#local_navi a div {
	color:#000000;
}

div#local_navi a:hover div {
	color: #3361E3;
	text-decoration: underline;
}

div#local_navi div.local_navi_off {
	float: left;
	width: 160px;
	height: 25px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_off.jpg);
	text-align: center;
	display: inline;
}

div#local_navi div.local_navi_on {
	float: left;
	width: 160px;
	height: 25px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_on.jpg);
	text-align: center;
	display: inline;
}

/*** 2022/08/22 #12128 START ***/
div#local_navi div.local_navi_off_new {
	float: left;
	width: 200px;
	height: 25px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	background: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_off_200.jpg) no-repeat;
	text-align: center;
	display: inline;
}

div#local_navi div.local_navi_on_new {
	float: left;
	width: 200px;
	height: 25px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	background: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_on_200.jpg) no-repeat;
	text-align: center;
	display: inline;
}
/*** 2022/08/22 #12128 END ***/

/****** サブナビ(ページ左側) ******/
div#sub_navi {
	width: 160px;
	height: auto;
}

div#sub_navi div{
/* 2022/04/27 #11495 START *** */
/*	
	font-size: 12px;
*/
	font-size: 11px;
/* 2022/04/27 #11495 END *** */
	line-height: 25px;
	vertical-align: middle;
}

div#sub_navi a div{
	color:#000000;
}

div#sub_navi a:hover div{
	color: #3361E3;
	text-decoration: underline;
}

div#sub_navi div.sub_navi_off{
	width: 160px;
	height: 25px;
	margin-bottom: 5px;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_off.jpg);
	text-align: center;
}

div#sub_navi div.sub_navi_on{
	width: 160px;
	height: 25px;
	margin-bottom: 5px;
	background-image: url(/resource/X_MIE_images_cw/images/common/header/head_menu_bg_on2.jpg);
	text-align: center;
}



/*****************************************************/
/*                                                   */
/*                各機能別共通スタイル               */
/*           * 別CSSファイルに切り分け検討 *         */
/*                                                   */
/*****************************************************/

/*****************************************************/
/*                                                   */
/*             緊急時のページ共通スタイル            */
/*                                                   */
/*****************************************************/
#kinkyu_01_contents{
	float:left;
	width:415px;
	text-align:left;
}

#kinkyu_01_contents_in{
	width:405px;
}

#kinkyu_01_contents_box_news{
	border-bottom:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
	width:395px;
	padding:4px;
	background-color:#FFFDE1;
}

#kinkyu_01_contents_box_kyuen{
	border-bottom:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
	width:395px;
	padding:4px;

}

#kinkyu_02_contents{
	float:left;
	width:405px;
	text-align:left;
}

#kinkyu_02_contents_in{
	width:405px;
}

#kinkyu_02_contents_box{
	border-bottom:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
	width:395px;
	padding:4px;
}

#kinkyu_03_contents{
	width:820px;
	text-align:left;
}

#kinkyu_03_contents_in{
	width:820px;
}

#kinkyu_03_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:810px;
	padding:4px;
}

#kinkyu_04_contents{
		float:left;
	width:275px;
	text-align:left;
}

#kinkyu_04_contents_in{
	width:270px;
}

#kinkyu_04_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:260px;
	padding:4px;
}

#kinkyu_05_contents{
		float:left;
	width:275px;
	text-align:left;
}

#kinkyu_05_contents_in{
	width:270px;
}

#kinkyu_05_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:260px;
	padding:4px;
}

#kinkyu_06_contents{
	float:left;
		width:270px;
	text-align:left;
}

#kinkyu_06_contents_in{
	width:270px;
}

#kinkyu_06_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:260px;
	padding:4px;
}



/*****************************************************/
/*                                                   */
/*                災害情報共通スタイル               */
/*                                                   */
/*****************************************************/
/****** 災害対策本部設置テーブル ******/
table.saitai_honbu {
	margin: 0;
	padding: 0;
/*	width: 100%;*/
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #999999;
}
table.saitai_honbu tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.saitai_honbu th {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	font-size:13px;
	color:white;
/*	background-color: #33aa55;*/
	background-color: #b01c0e;
	border: 1px solid #999999;
	text-align: center;
}
table.saitai_honbu th.time {
	width: 20%;
}
table.saitai_honbu td {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	background-color: #ececec;
	border: 1px solid #999999;
	text-align: left;
}
table.saitai_honbu td.time {
	text-align: center;
}

/****** 被害集計テーブル ******/
table.higai_syukei {
	margin: 0;
	padding: 0;
	width: 90%;
	background-color: white;
	border-collapse: collapse;
	border: 1px solid #999999;
}
table.higai_syukei tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.higai_syukei td {
	margin: 0;
	padding: 2px 4px;
	height: 20px;
	border: 1px solid #999999;
	text-align: center;
}
table.higai_syukei td.label {
/*	background-color: #cfe6c9;*/
	background-color:#b01c0e;
	color:white;
}
table.higai_syukei td.text {
	text-align: left;
}
table.higai_syukei td.num {
	padding-right: 10px;
	text-align: right;
}

/****** 避難勧告等テーブル ******/
table.hinan_kankoku {
	margin: 0;
	padding: 0;
	width: 90%;
	background-color: #ececec;
}
table.hinan_kankoku tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.hinan_kankoku td {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	text-align: left;
}
table.hinan_kankoku td.second_level {
	padding-left: 24px;
	line-height: 1.5em;
}

/****** 避難勧告等詳細テーブル ******/
table.hinan_kankoku_shousai {
	margin: 0;
	padding: 0;
	width: 90%;
	border-collapse: separate;
    *border-collapse:collapse; /* for IE */
    border-spacing:0;
    empty-cells:show;
    border-top:1px solid #999999;
    border-right:none;
    border-bottom:none;
    border-left:1px solid #999999;
}
table.hinan_kankoku_shousai tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.hinan_kankoku_shousai th {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	font-size:13px;
	color:white;
/*	background-color: #33aa55;*/
	background-color:#00884f;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
}
table.hinan_kankoku_shousai th.small {
	margin: 0;
	padding: 2px 5px;
	height: 20px;
	font-size:11px;
	color:white;
/*	background-color: #33aa55;*/
	background-color:#00884f;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
}
table.hinan_kankoku_shousai td {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
	text-align: left;
}

table.hinan_kankoku_shousai td.label {
	width: 25%;
	background-color: #ececec;
	white-space: nowrap;
}
table.hinan_kankoku_shousai td.label2 {
	padding: 2px 5px;
	background-color: #e0ece0;   /* (一覧用：うす緑) */
}
table.hinan_kankoku_shousai td.label3 {
	padding: 2px 5px;
	background-color: #ececec;   /* (一覧用：灰色) */
}
table.hinan_kankoku_shousai td.center {
	text-align: center;
	white-space: nowrap;
}

table.hinan_kankoku_shousai_small {
	margin: 0;
	padding: 0;
	width: 90%;
	border-collapse: separate;
    *border-collapse:collapse; /* for IE */
    border-spacing:0;
    empty-cells:show;
    border-top:1px solid #999999;
    border-right:none;
    border-bottom:none;
    border-left:1px solid #999999;
}

/****** 警戒区域、避難勧告・指示、避難準備（一覧）テーブル ******/
table.hinan_keikai_kankoku_shiji_jyunbi {
	margin: 0;
	padding: 0;
	width: 90%;
	border-collapse: separate;
    *border-collapse:collapse; /* for IE */
    border-spacing:0;
    empty-cells:show;
    border-top:1px solid #999999;
    border-right:none;
    border-bottom:none;
    border-left:1px solid #999999;
}
table.hinan_keikai_kankoku_shiji_jyunbi tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.hinan_keikai_kankoku_shiji_jyunbi th {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	font-size:13px;
	color:white;
	background-color: #b01c0e;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
}
table.hinan_keikai_kankoku_shiji_jyunbi th.small {
	margin: 0;
	padding: 2px 5px;
	height: 20px;
	font-size:11px;
	color:white;
	background-color: #33aa55;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
}
table.hinan_keikai_kankoku_shiji_jyunbi td {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	border-top:none;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:none;
	text-align: left;
}

table.hinan_keikai_kankoku_shiji_jyunbi td.label {
	width: 25%;
	background-color: #ececec;
	white-space: nowrap;
}
table.hinan_keikai_kankoku_shiji_jyunbi td.label2 {
	padding: 2px 8px;
	background-color: #e0ece0;   /* (一覧用：うす緑) */
}
table.hinan_keikai_kankoku_shiji_jyunbi td.label3 {
	padding: 2px 8px;
	background-color: #ececec;   /* (一覧用：灰色) */
}
table.hinan_keikai_kankoku_shiji_jyunbi td.center {
	text-align: center;
	white-space: nowrap;
}

table.hinan_keikai_kankoku_shiji_jyunbi_small {
	margin: 0;
	padding: 0;
	width: 90%;
	border-collapse: separate;
    *border-collapse:collapse; /* for IE */
    border-spacing:0;
    empty-cells:show;
    border-top:1px solid #999999;
    border-right:none;
    border-bottom:none;
    border-left:1px solid #999999;
}
/*****************************************************/
/*                                                   */
/*                気象情報共通スタイル               */
/*                                                   */
/*****************************************************/
/****** 警報注意報テーブル ******/
table.keihou_chuihou {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
	table-layout: fixed;
	}
table.keihou_chuihou tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
table.keihou_chuihou th {
	margin: 0;
	padding: 1px 0;
	height: 20px;
	font-size:13px;
	border: 1px solid #999999;
	text-align: center;
	}
table.keihou_chuihou td {
	margin: 0;
	padding: 1px 0;
	height: 20px;
	font-size:12px;
	border: 1px solid #999999;
	text-align: center;
	}
table.keihou_chuihou td.head {
	text-align:center;height:3em;border:solid 1px gray;
}
table.keihou_chuihou td.head_sp {
	background-color: #df9fff;text-align:center;height:3em;border:solid 1px gray;
}
table.keihou_chuihou td.head_kei {
	background-color: #ffcccc;text-align:center;height:3em;border:solid 1px gray;
}
table.keihou_chuihou td.head_chu {
	background-color: #ffffcc;text-align:center;height:3em;border:solid 1px gray;
}
table.keihou_chuihou td.line {
	height:2px;
	}
table.keihou_chuihou td.sp1 {
	background-color: #df9fff;
	font-size:12px;
	color: #7030a0;
	}
table.keihou_chuihou td.sp0 {
	font-size:12px;
	color: #7030a0;
	}
table.keihou_chuihou td.kei1 {
	background-color: #ffcccc;
	font-size:12px;
	color: #cc0000;
	}
table.keihou_chuihou td.kei0 {
	font-size:12px;
	color: #cc0000;
	}
table.keihou_chuihou td.chu1 {
	background-color: #ffffcc;
	font-size:12px;
	color: #884400;
	}
table.keihou_chuihou td.chu0 {
	font-size:12px;
	color: #884400;
	}

/****** 暴風域突入確率横棒 ******/
div.boufu_title {
	width: 100%;
	height: 20px;
/*	background-color: #33aa55;*/
	background-color:#00884f;
	text-align: center;
}
div.boufu_title span {
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: white;
}


/****** 暴風域突入確率表テーブル ******/
table.boufu_table {
	margin: 0;
	padding: 0;
	width: 50%;
	border-collapse: collapse;
}
table.boufu_table tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.boufu_table th {
	margin: 0;
	padding: 2px 8px;
/* 2020/11/19 #8109 START *** */
/*
	width: 33%;
*/
	width: 20%;
/* 2020/11/19 #8109 END *** */
	height: 20px;
	background-color: #add8e6;
	border: 1px solid #999999;
	text-align: center;
}
table.boufu_table th.title {
	background-color: white;
	border: 0px none white;
	text-align: left;
}
table.boufu_table td {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	background-color: #dcdcdc;
	border: 1px solid #999999;
	text-align: center;
}

/****** 暴風域突入確率グラフテーブル ******/
table.boufu_graph {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.boufu_graph tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.boufu_graph th.title {
	margin: 0;
	padding: 2px 8px;
	width: 33%;
	height: 20px;
	background-color: white;
	text-align: left;
}
table.boufu_graph td {
}

table.boufu_graph table.graph { /* graph body */
	margin: 0;
	padding: 0;
	width: 650px;
	height: 150px;
	border-collapse: collapse;
	background-image: url(/resource/X_MIE_images_cw/images/common/graph_background.gif);
}
table.boufu_graph table.graph tr {
	vertical-align: bottom;
}
table.boufu_graph table.graph th {
	width: 50px;
	color: #5555aa;
}
table.boufu_graph table.graph th.top {
	vertical-align: top;
}
table.boufu_graph table.graph th.middle {
	vertical-align: middle;
	line-height: 50px;	/* necessary hack for safari 4.x */
}
table.boufu_graph table.graph th.bottom {
	vertical-align: bottom;
}
table.boufu_graph table.footnote { /* graph footnote */
	margin: 0;
	padding: 0;
	width: 650px;
	border-collapse: collapse;
}
table.boufu_graph table.footnote tr {
	vertical-align: middle;
}
table.boufu_graph table.footnote th {
	width: 50px;
	text-align: center;
}
/* 2020/11/19 #8109 START *** */
/*
/* 2018/05/18 #165 START 
@media (max-device-width : 767px) {
    table.boufu_graph table.graph{
        width: 320px;
    }
    table.boufu_graph table.footnote {
	width: 313px;
	}
    table.boufu_graph table.footnote th {
	width: 46px;
	}
}
/* 2018/05/18 #165 END 
*/
@media (max-device-width : 767px) {
    table.boufu_graph table.graph{
        width: 320px;
    }
    table.boufu_graph table.footnote {
        width: 360px;
	}
    table.boufu_graph table.footnote th {
		font-size: 8px;
        width: 40px;
	}	
    table.boufu_graph table.footnote td {
		font-size: 4px;
		width: 32px;
	}
}
/* 2020/11/19 #8109 END *** */


/*****************************************************/
/*                                                   */
/*      交通・道路・ライフライン情報共通スタイル     */
/*                                                   */
/*****************************************************/
/****** 交通・道路・ライフライン情報テーブル ******/
table.koutsu_douro {
	margin: 0 24px 20px 24px;
	padding: 0;
	width: 700px;
	border-collapse: collapse;
}
table.koutsu_douro tr {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.koutsu_douro th {
	margin: 0;
	padding: 2px 10px;
	height: 30px;
	font-size:13px;
	color:white;
	/* background-color: #33aa55; */
	background-color: #00884f;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: left;
}
table.koutsu_douro td {
	margin: 0;
	padding: 2px 10px;
	width: 345px;
	height: 20px;
	border-bottom: 1px solid #999999;
	text-align: center;
}
table.koutsu_douro td.blank {
	margin: 0;
	padding: 2px 8px;
	width: 10px;
	height: 20px;
	border-bottom: 0px none white;
	text-align: center;
}



/*****************************************************/
/*                                                   */
/*              くらしの防災共通スタイル             */
/*                                                   */
/*****************************************************/
/****** 暮らしの防災共通 ******/
div.kurashi_container {
	width: 90%;
	text-align: left;
}

hr.kurashi {
	margin: 5px 0;
	height: 1px;
	border: none;
	border-top: 1px dotted #333333;
}

/****** 東海地震情報テーブル ******/
table.kurashi_tokai {
	width: 100%;
	border-collapse: separate;
}
table.kurashi_tokai th {
	width: 125px;
	text-align: center;
	vertical-align: middle;
}
table.kurashi_tokai th.level1 {
	background-color: #87cefa;
}
table.kurashi_tokai th.level2 {
	background-color: #f0e68c;
}
table.kurashi_tokai th.level3 {
	background-color: #f08080;
}
table.kurashi_tokai th div.header_text {
	font-size: large;
	font-weight: bold;
}
table.kurashi_tokai td {
	text-align: left;
}
table.kurashi_tokai td div.tag_yellow {
	width: 160px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
	background-color: #ffdd33;
	font-weight: bold;
}
table.kurashi_tokai td div.text_yellow {
	padding: 5px;
	padding-left: 10px;
	border: 2px solid #ffdd33;
}
table.kurashi_tokai td div.tag_gray {
	width: 160px;
	height: 35px;
	margin-top:10px;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
	background-color: #dcdcdc;
	font-weight: bold;
}
table.kurashi_tokai td div.text_gray {
	padding: 5px;
	padding-left: 10px;
	border: 2px solid #dcdcdc;
}
table.kurashi_tokai span {
	font-size: 14px;
	text-decoration: underline;
}
table.kurashi_tokai span.blue {
	color: #0000cc;
}
table.kurashi_tokai span.orange {
	color: #ff6600;
}
table.kurashi_tokai span.green {
	color: #009900;
}
table.kurashi_tokai span.red {
	color: crimson;
}
table.kurashi_tokai span.bold_red {
	color: crimson;
	font-size: 16px;
	font-weight: bold;
}

/*****************************************************/
/*                                                   */
/*     静的ファイル等でも共通して使用しているCSS     */
/*    以下のファイルは未検討：整理検討の対象とする   */
/*                                                   */
/*****************************************************/

/*****************************************************/
/*                                                   */
/*                   テーブル管理CSS               */
/*                                                   */
/*****************************************************/
#table_title_left{
	padding:1px 10px 1px 10px;
	text-align:left;
	font-size:13px;
	color:white;
	font-weight:bold;
/*	background-color:#33aa55;*/
	background-color:#00884f;
	height:16px;

}

.table_title_center{
	padding:1px 0 1px 0;
	text-align:center;
	font-size:13px;
	color:white;
	font-weight:bold;
/*	background-color:#33aa55;*/
	background-color:#00884f;
	height:16px;
}
.table_title_center_wide{
	padding:1px 0 1px 0;
	text-align:center;
	font-size:13px;
	color:white;
	font-weight:bold;
/*	background-color:#33aa55;*/
	background-color:#00884f;
	height:32px;
}

/*****************************************************/
/*                                                   */
/*           =3 index管理CSS                         */
/*                                                   */
/*****************************************************/

#main_contents_index{
	float:left;
	margin-left:0px;
	width:595px;
}

#index_text_box{
	padding:0px 10px 5px 30px;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	height:70px;
}

#index_left_center_box{
	padding:5px 0 5px 30px;
	text-align:left;
	font-size:12px;
}

.banner_box{
	width:235px;
	margin-left:0px;
	float:left;
}

.banner_box_center{
	width:300px;
	margin-left:15px;
	float:left;
}

.banner_box_contens{
	border-bottom:#B4B4B4 1px solid;
	border-left:#B4B4B4 1px solid;
	border-right:#B4B4B4 1px solid;
	text-align:left;
	padding:5px 9px;
}

.banner_box_link{
	font-size:12px;
	text-align:right;
}

#new_box{
	border-left:#C9C9C9 solid 1px;
	border-right:#C9C9C9 solid 1px;
	padding:5px 0 5px 0;

}


/*****************************************************/
/*                                                   */
/*           =4 メインコンテンツ管理CSS              */
/*                                                   */
/*****************************************************/

.mieno-bosai_list_line{
	border-bottom:#333333 1px dotted;
}

.mieno-bosai_list_line2{
	border-bottom:#333333 1px solid;
}

.mieno-bosai_list_title{
/*	background-color:#CFE6C9;*/
	background-color:#00884f;
/*	border:#497654 1px solid;*/
	border:#00884f 1px solid;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px;
	text-align:left;
	color:#ffffff;
}

.mieno-bosai_list_title2{
	background-color:#ffffff;
	border:#497654 1px solid;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px;
	text-align:left;
}

.mieno-bosai_list_title3{
	font-size:14px;
	font-weight:bold;
	padding:0px 10px 0px 20px;
	text-align:left;
/*	background-image:url(/resource/X_MIE_images_cw/images/common/title/title_bg_3.jpg);*/
	height:25px;
/*	background-repeat:no-repeat;*/
	border-style:solid;
	border-color:#00884f;
	border-width:1px 1px 1px 15px;
}

.mieno-bosai_list_title_kinkyu{
	background-color:#CC0000;
	border:#550202 1px solid;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px;
	text-align:left;
	color:#FFFFFF;
}

/****************防災コラム******************/

#mieno-bosai_column_list_box{
/*	margin:12px 36px 36px 36px;*/
	margin:12px 0px 36px 0px;
	text-align:left;
}

#mieno-bosai_column_day{
	padding-bottom:5px;
	color: #006633;
	font-size:13px;
	font-weight:bold;
}

.mieno-bosai_column_text{
	padding:15px;
	line-height:2em;
	font-size:small;
}

#mieno-bosai_column_sign{
	padding-top:15px;
	text-align:right;
}


/****************緊急時お役立ち情報*******************/

.kinkyu_oyakudati_contents{
	width:100%;
	text-align:left;
}

.kinkyu_oyakudati_contents_in{
	width:100%;
}

.kinkyu_oyakudati_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	padding:4px;
}

#kinkyujioyakudati_left_contents{
	float:left;
	width:170px;
	text-align:left;
	margin-top:0px;
	margin-left:-100%;
}

#kinkyujioyakudati_left_contents_in{
	width:160px;
}

#kinkyujioyakudati_right_contents{
	float:left;
/*	width:650px;*/
	width:100%;
	text-align:left;
	margin-top:0px;
}

#kinkyujioyakudati_right_contents_in{
/*	width:650px;*/
	margin-left:170px;
}

#kinkyujipage_contents{
	float:left;
	width:100%;
	text-align:left;
	margin-top:0px;;
}

#kinkyujipage_contents_in{
	width:100%;
}


@media print {
#kinkyujioyakudati_left_contents, #kinkyujioyakudati_right_contents, kinkyujipage_contents {
	float:none;
	display:table-cell;
}
}

/****************地域のポータルサイト******************/

#tiiki-bosai_portal_title{
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}

#tiiki-bosai_portal_left_contents{
	float:left;
	width:255px;
	text-align:left;
}

#tiiki-bosai_portal_left_contents_in{
	width:245px;
}

#tiiki-bosai_portal_left_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:235px;
	padding:4px;
}

#tiiki-bosai_portal_center_contents{
	float:left;
	width:320px;
	text-align:left;
}

#tiiki-bosai_portal_center_contents_in{
	width:310px;
}

#tiiki-bosai_portal_center_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:300px;
	padding:4px;
}

#tiiki-bosai_portal_right_contents{
	float:left;
	width:245px;
	text-align:left;
}

#tiiki-bosai_portal_right_contents_in{
	width:245px;
}

#tiiki-bosai_portal_right_contents_box{
	border-bottom:#497654 1px solid;
	border-left:#497654 1px solid;
	border-right:#497654 1px solid;
	width:235px;
	padding:4px;
}

#tiiki-bosai_portal_kensaku_left_contents{
	float:left;
	width:380px;
	text-align:left;
	margin-top:10px;
	margin-left:25px;
}

#tiiki-bosai_portal_kensaku_left_contents_in{
	width:360px;
}

#tiiki-bosai_portal_kensaku_right_contents{
	float:left;
	width:380px;
	text-align:left;
	margin-top:10px;
}

#tiiki-bosai_portal_kensaku_right_contents_in{
	width:380px;
}



/*****************************************************/
/*                                                   */
/*                 =6 クラス管理CSS                  */
/*                                                   */
/*****************************************************/

.chui-keiho_box{
	margin-top:1px;
}

.kuwashiku{
	text-align:right;
	margin:5px 0 10px 0;
}

.text_blue{
	color:#3361E3;
}

.text_b_blue{
	font-weight:bold;
	color:#3361E3;
}

.text_b_black{
	font-weight:bold;
	color:#555555;
}

.text_b_green{
	font-weight:bold;
	color:#0DB03B;
}

.text_b_red{
	font-weight:bold;
	color: #FF0000;
}

.arrow_01{
	padding-left:13px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_01.jpg);

	background-repeat:no-repeat;

	background-position:0 1px;
}

.arrow_01_kinkyu{
	padding-left:13px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_kinkyu.jpg);

	background-repeat:no-repeat;

	background-position:0 1px;
}

.arrow_01_nolink{

	padding-left:13px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_01_nolink.jpg);

	background-repeat:no-repeat;

	background-position:0 1px;
}

.arrow_02{
	padding-left:13px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_02.gif);

	background-repeat:no-repeat;

	background-position:0 1px;
	margin-bottom:7px;
	border-bottom:#736965 1px dotted;
}

.arrow_03{
	padding-left:16px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_down.jpg);

	background-repeat:no-repeat;
	background-position:left;
}

.arrow_04{
	padding-right:16px;
	background:url(/resource/X_MIE_images_cw/images/common/arrow_right.jpg);

	background-repeat:no-repeat;
	background-position:right;
}

.under_dot {
	border-bottom: #497654 1px dotted;
	margin-top:1px;
}

/* 地震の日時ツリー用 */
.point_dot_skyblue {
	padding-left: 13px;
	background: url(/resource/X_MIE_images_cw/images/common/point_dot.gif);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	background-color: #e0ffff;
	border-top:#696969 solid 1px;
}

.point_dot_skyblue2 {
	padding-left: 20px;
	background: url(/resource/X_MIE_images_cw/images/common/point_dot.gif);
	background-repeat: no-repeat;
	background-position: 35px 5px;
	background-color: #e0ffff;
	border-top:#696969 solid 1px;
}

/******************表*********************/

.hyo_top{
	background-color:#E7F6E3;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	border-right:#497655 solid 1px;
	padding:3px;
}

.hyo_th{
	background-color:#CFE6C9;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	padding:3px;
}

.hyo_th_right{
	background-color:#CFE6C9;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	border-right:#497655 solid 1px;
	padding:3px;
}

.hyo_td{
	background-color:#ffffff;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	padding:3px;
}

.hyo_td_right{
	background-color:#ffffff;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	border-right:#497655 solid 1px;
	padding:3px;
}

.hyo_td_bottom{
	background-color:#ffffff;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	border-bottom:#497655 solid 1px;
	padding:3px;
}

.hyo_td_bottom_right{
	background-color:#ffffff;
	border-left:#497655 solid 1px;
	border-top:#497655 solid 1px;
	border-right:#497655 solid 1px;
	border-bottom:#497655 solid 1px;
	padding:3px;
}

/****************フォーム******************/

.form_01{
	border:#CCCCCC solid 1px;
	margin:15px 9px 20px 0px;
}

.form_01 th{
	background-color:#B2DDFD;
	line-height:1.5em;
	padding:0 5px;
	text-align:left;
	font-weight:normal;
}

.form_01 td{
	padding:7px 10px 7px 10px;
	line-height:1.5em;
	text-align: left;
	background-color:#F2F2F2;
}

.form_01 th.form_midashi{
	background-color:#2CA94B;
	padding:5px 5px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}


/*----------------------------------------*/
/*　リストスタイル　*/
/*----------------------------------------*/
div.sitemap-content ul{
	width:600px;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}
div.sitemap-content ul li div.arrow{
	padding: 0 0 0 15px;
	background: url(/resource/X_MIE_images_cw/images/common/arrow.jpg) 0 50% no-repeat;
}

/* 上書き指定 IE7*/
*+html body div.sitemap-content ul li a {
	display:inline-block ;
}
/* 上書き指定 IE6以下*/
* html body div.sitemap-content ul li a {
	display:inline-block ;
}

div.level01 {
	margin-top:10px;
	padding:3px;
	background-color:#EAEAEA;
}
div.level02 {
	margin:0;
	padding:3px 0 0 20px;
	background: url(/resource/X_MIE_images_cw/images/common/level02.gif) repeat-y left center;
}
div.level02-last {
	margin:0;
	padding:3px 0 0 20px;
	background: url(/resource/X_MIE_images_cw/images/common/level02_last.gif) no-repeat left center;
}

div.level03 {
	margin:0;
	padding:3px 0 0 40px;
	background: url(/resource/X_MIE_images_cw/images/common/level03.gif) repeat-y left center;
}
div.level03-last {
	margin:0;
	padding:3px 0 0 40px;
	background: url(/resource/X_MIE_images_cw/images/common/level03_last.gif) no-repeat left center;
}

div.level03-2 {
	margin:0;
	padding:3px 0 0 40px;
	background: url(/resource/X_MIE_images_cw/images/common/level03-2.gif) repeat-y left center;
}
div.level03-2-last {
	margin:0;
	padding:3px 0 0 40px;
	background: url(/resource/X_MIE_images_cw/images/common/level03_last-2.gif) no-repeat left center;
}

div.level04 {
	margin:0;
	padding:3px 0 0 60px;
	background: url(/resource/X_MIE_images_cw/images/common/level04.gif) repeat-y left center;
}
div.level04-last {
	margin:0;
	padding:3px 0 0 60px;
	background: url(/resource/X_MIE_images_cw/images/common/level04_last.gif) no-repeat left center;
}

div.level05 {
	margin:0;
	padding:3px 0 0 80px;
	background: url(/resource/X_MIE_images_cw/images/common/level05.gif) repeat-y left center;
}
div.level05-last {
	margin:0;
	padding:3px 0 0 80px;
	background: url(/resource/X_MIE_images_cw/images/common/level05_last.gif) no-repeat left center;
}

div.level05-2 {
	margin:0;
	padding:3px 0 0 80px;
	background: url(/resource/X_MIE_images_cw/images/common/level05-2.gif) repeat-y left center;
}
div.level05-2-last {
	margin:0;
	padding:3px 0 0 80px;
	background: url(/resource/X_MIE_images_cw/images/common/level05-2_last.gif) no-repeat left center;
}

/****** 白地図リンク文字用 ******/
.map_text {
/*	background-color:white;		*/
	font-size: 10px;
/*	font-weight:bold;			*/
	color: black;
	text-decoration:none;
	position:absolute;
}

/***気象庁テストデータの文言用***/
div.test_data{
	padding:5px;
}
span.test_data{
	background-color:yellow;
	color:red;
	font-weight:bold;
	font-size:15px;
}

.saitai_honbu .pager {
	clear:both;
	margin:30px 0;
	text-align:center;
}

/***災害対策・詳細な被害情報関連用***/
.saitai_honbu .pager span {
	margin:5px;
	padding:5px 8px;
	color:#000;
	background:#f8f8f8;
	border:1px solid #000;
}
.saitai_honbu .pager span:hover {
	cursor:pointer;
	background:#999;
}

.saitai_honbu .pager span.current {
	color:#000;
	background:#359bef;
}
.saitai_honbu .pager span.current:hover {
	cursor:default;
}

.saitai_honbu .pager span.invalid {
	display:none;
}
.saitai_honbu .pager span.invalid:hover {
	cursor:default;
}

.saitai_honbu .pager span.ellipsis {
	color:#000;
	background:none;
	border:none;
}
.saitai_honbu .pager span.ellipsis:hover {
	cursor:default;
}

.saitai_honbu .pager span.first,
.saitai_honbu .pager span.last,
.saitai_honbu .pager span.prev,
.saitai_honbu .pager span.next {
	background:#ddd;
}

.saitai_honbu .pager span.first:hover,
.saitai_honbu .pager span.last:hover,
.saitai_honbu .pager span.prev:hover,
.saitai_honbu .pager span.next:hover {
	background:#999;
}

.saitai_honbu .pageNum {
	margin:30px 0;
	text-align:center;
}

table.saitai_header {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
}
table.saitai_header th {
	margin: 0;
	padding: 2px 8px;
	height: 20px;
	font-size:13px;
	color:white;
	background-color: #33aa55;
	border: 1px solid #999999;
	text-align: center;
}
table.saitai_header th.time {
	width: 20%;
}