/****************************************
* メニュー
****************************************/
.menu_btn_img{
    text-align:right;
    width:14px;
    height:14px;
    background: url('/bousai/images/top/ic_menu.png');
    background-size: cover;
    cursor: pointer;
}
.menu_tbl{
    border-collapse: collapse;
    font-size: 15px;
}
.menu_tbl th{
    border-collapse: collapse;
    font-weight: normal;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #CCCCCC;
    padding: 4px;
}
.menu_tbl td{
    border-collapse: collapse;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #CCCCCC;
    padding: 4px;
}
.menu_tbl th img {
	width: 28px;
	height: 28px;
}

.menu_img2{
    float:right;
    width: 20px;
    height: 20px;
}

.menu_text{
	width: 250px;
	cursor: pointer;
}

.menu_text img{
    width: 28px;
    height: 28px;
}

.menu_tbl td div {
	padding: 2px 0px;
	border-top: 1px solid #CCCCCC;
}

.menu_tbl td div:first-child {
	border-top: none;
}

/****************************************
* 地図レイヤー切替テーブル
****************************************/
.remarkArea {
	position: absolute;
	top: 82px;
	left:40px;
	z-index: 1;
	overflow-y: auto;
	padding: 0 0 0 0;
	background-color: #ECF0F5;
	border: 1px solid #CCCCCC;
	max-height: calc(100% - 140px);
}

.remark_tbl{
	width: 100%;
}

.remark_tbl th{
	text-align: left;
	padding: 4px 8px;

	background-color: #819EC2;
	color: #FFFFFF;
}

.remark_tbl th:has(a) {
	text-align: right;
}

.remark_tbl th a{
	font-weight: normal;
	color: #FFFFFF;
}

.remark_tbl tr:not(:last-child) {
	border-bottom: 1px dotted #CCCCCC;
}

.remark_tbl td{
	line-height: 2.5;	/*2.8;*/
	white-space: nowrap;
}

.remark_tbl button{
	padding: 3px 10px;
    line-height: 1.2;	/*1.7;*/
}

.remark_tbl div{
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.remark_tbl td:has(.label_chk) {
	text-align: right;
	padding-right: 4px;
}

.remark_tbl input.dummy_chk {
	display: none;
}

.remark_iconSize{
	width: 30px;
	height: 30px;
	padding: 2px 8px;
	text-align: center;
}

.remark_iconSize2{
	/*width: 36px;*/
	height: 30px;
	padding: 2px 3px;
	text-align: center;
}

.remark_singleline{
	padding-left: 46px;
	padding-right: 20px;
}

.remark_separate{
	border-top:1px solid #717375;
}

.remark_opacity {
	display: inline-block;
	width: 30px;
	text-align: right;
}

/* レイヤー順序 */
.layerOrder {
	width: 100%;
	background-color: white;
}

.layerOrder td {
	line-height: 1;
	padding: 4px 4px;
	border: 1px solid gray;
}

/****************************************
* 災害概況画面
****************************************/
.saigaiG_tbl{
	width:100%;
}
.saigaiG_w1{width:150px;}
.saigaiG_w2{width:80px;}
.saigaiG_w3{width:80px;}
.saigaiG_w4{width:715px;}
.saigaiG_w5{width:660px;}
.saigaiG_w6{width:500px;}

.saigaiG_wMark{width:8px; border-left:none !important}
.saigaiG_wUnit{width:30px; border-left:none !important}
.saigaiG_num{ width:70px; border-right:none !important}
.saigaiG_self{ width:35px; border-left:none !important}

/****************************************
* 災害明細画面
****************************************/
.saigaiM_tbl{
}
.saigaiM_tbl thead.scrollHead,tbody.scrollBody{
	display:block;
}
.saigaiM_tbl tbody.scrollBody{
  overflow-y:scroll;
/*  height: 500px;*/
}
.saigaiM_tbl th{}
.saigaiM_tbl td{}
.saigaiM_w1{width:96px;}
.saigaiM_w2{width:92px;}
.saigaiM_w3{width:78px;}
.saigaiM_w4{width:133px;}
.saigaiM_w5{width:101px;}
.saigaiM_w6{width:40px;}
.saigaiM_w7{width:55px;}

.saigaiM_tbl_data_w2_str{width:70px;}
.saigaiM_tbl_data_w2{width:70px;text-align: right;}
.saigaiM_tbl_data_w3{width:57px;text-align: right;}

.saigaiM_tbl_data{
}
.saigaiM_tbl_data td{
    padding: 0;
    border:0px;
}
.saigaiM_tbl_data td:first-child{
    width:10px;
}
.saigaiM_tbl_data td:last-child{
    width:10px;
}

.saigaiM_keikai{

    font-size: 10px; 
    background-color: #8948CC; 
    border-radius: 5px; 
    color: white;
}

.saigaiM_keikai:after {
    content: "警戒";
}

/****************************************
* 被害報画面
****************************************/
.higai_tbl{
}

.higai_header{text-align:left;}

.higai_wHead1{width:100px;} 
.higai_wHead2{width:200px;} 
.higai_wHead3{width:200px;} 

.higai_num1{
	width:80px;
	text-align:right;
	border-right: none;
}
.higai_num2{
	width:40px;
	text-align:center;
	border-left: none;
}
.higai_text{
	width:510px;
	text-align:left;
}

/****************************************
* クロノロジー画面
****************************************/
.chrono_tbl{
}
.chrono_tbl thead.scrollHead,tbody.scrollBody{
	display:block;
}
.chrono_tbl tbody.scrollBody{
  overflow-y:scroll;
}
.chrono_tbl th{height:28px;}
.chrono_tbl td{}
.chrono_w1{width:140px;}
.chrono_w2{width:120px;}
.chrono_w3{width:100px;}
.chrono_w4{width:80px;}
.chrono_w5h{width:391px;}
.chrono_w5{width:293px; height:19px;}	/* elipsisのためheight必須 */

/****************************************
* 避難所画面（「市町村」白地図-左クリック）
****************************************/
.hinansho_tbl{}
.hinansho_tbl th{text-align:center;}
.hinansho_tbl td{text-align:center;}

.hinansho_tbl2{}
.hinansho_tbl2 th{}
.hinansho_tbl2 td{}
.hinansho_tbl2 thead.scrollHead,tbody.scrollBody{display:block;}
.hinansho_tbl2 tbody.scrollBody{
	overflow-y:scroll;
/*	height: 500px;*/
}

.hinansho_1_w1{width:130px;}
.hinansho_1_w2{width:100px;}
.hinansho_2_w1{width:200px;}
.hinansho_2_w2{width:100px;}
.hinansho_2_w3{width:100px;}
.hinansho_2_w4{width:100px;}

/****************************************
* 避難所画面（「県本部（概要）」マウスオーバー）
****************************************/
.hinanshoG_tbl{
}
.hinanshoG_tbl th{}
.hinanshoG_tbl td{}
.hinanshoG_w1{width:150px;}
.hinanshoG_w2{width:100px;}

/****************************************
* 避難所画面（「県本部（詳細）」左クリック）
****************************************/
.hinanshoS_tbl{
}
.hinanshoS_tbl thead.scrollHead,tbody.scrollBody{
	display:block;
}
.hinanshoS_tbl tbody.scrollBody{
  overflow-y:scroll;
/*  height: 500px;*/
}
.hinanshoS_tbl th{}
.hinanshoS_tbl td{}
.hinanshoS_w2h{width:100px;}

.hinanshoS_w1{width:130px;}
.hinanshoS_w2{width:82px; border-right:none !important}
.hinanshoS_wMark{width:10px; border-left:none !important}

/****************************************
* 本部設置画面
****************************************/
.honbu_tbl{}
.honbu_tbl thead.scrollHead,tbody.scrollBody{
	display:block;
}
.honbu_tbl tbody.scrollBody{
  overflow-y:scroll;
/*  height: 500px;*/
}
.honbu_tbl th{}
.honbu_tbl td{}
.honbu_w1{width:140px;}
.honbu_w2{width:150px;}
.honbu_w3{width:80px;}

/****************************************
* マウスオーバー
****************************************/
.mouseover_tbl{}
.mouseover_w1{width:130px;}
.mouseover_w2{width:100px;}

/****************************************
* 災害名選択
****************************************/
.saigai_box_mode{
    background-color: #FFF; 
    border: solid 1px #CCCCCC;
    margin-bottom: 4px;
    line-height: 1.7;
}

/****************************************
* 配備体制
****************************************/
/* 入力エリア幅　*/

.hq_w_Agency{width:200px;}
.hq_w_Reporter{width:200px;}
.hq_w_Member{width:200px;}
.hq_w_Note{
    width:  450px;
    resize: none;
}

/****************************************
* 避難所
****************************************/
.shl_w_SaigaiChk {/* 災害種別チェック*/
    width: 50%;
    float:  left;
}

/****************************************
* 避難情報発令
****************************************/
.eva_tbl {
    background-color: #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;
}
.eva_tbl th{border-width: 0;}
.eva_tbl td{border-width: 0;}

.eva_col_update{
    background-color: #819EC2;  
    color:white;
 }
 
.eva_col_info{
    background-color: #00B0F0;  
    color:white;
 }
 
.eva_col_junbi{
    background-color: #FF2B00 !important;
     color:white !important;
 }
.eva_col_kankoku{
    background-color: #C80BFF !important;
     color:white !important;
}
.eva_col_shiji{
    background-color: #6C008C !important;
    color:white !important;
}
.eva_col_keikai{
    background-color: #808080  !important;
    color: #FFFFFF !important;
}
.eva_col_saigai{
    background-color: #0C000C !important;
    color: #FFFFFF !important;
}
.eva_col_kaijo{
    background-color: #B0C4DE !important;     
}

/****************************************
* 被害概況報告
****************************************/
.cnfRepo_regTbl {}
.cnfRepo_regTbl th{
    padding: 2px 6px;
    height: 30px;
}
.cnfRepo_regTbl td{
    padding: 2px 6px;
    height: 60px;
}
.cnfRepo_regTbl textarea {
    height: 51px;
    width: 99%;
    padding: 0px;
    overflow-y: scroll;
}
.cnfRepo_regTblNow {}
.cnfRepo_regTblNow th{
    color: black;
}
.cnfRepo_regTblNow td{}

.cnfRepo_comment{
    height: 49px !important;
}

.cnfRepo_regTbl2 {}
.cnfRepo_regTbl2 th{
    padding: 2px 6px;
    height: 30px;
    text-align: left;
}
.cnfRepo_regTbl2 td{
    padding: 2px 6px;
    height: 30px;
    text-align: left;
    
}
.cnfRepo_regTbl2 textarea {
    height: 51px;
    width: 99%;
    padding: 0px;
    overflow-y: scroll;
}

/****************************************
* 災害発生箇所別報告
****************************************/
.saigai_list_span{
     margin-top:7px;
}

.saigai_list_h{
    border-bottom: 1px #888 solid;
    float:left; 
    width:130px;

}
.saigai_list_h2{
    width:95px; 
    padding:1px 4px 1px 4px;
    border:1px solid #CCCCCC;
    font-weight: normal;
}

.saigai_list_v{
    border-bottom: 1px #888 solid;
    padding-left: 3px;
}

.saigai_list_v2{
    border-bottom: 1px #888 solid;
    padding-top:5px;
    padding-bottom:5px;
}

.saigai_list_v3{
    padding-left:3px;
}

.saigai_list_t{
    border-bottom: 1px #888 solid;
    padding-left:40px;
    padding-bottom:5px;
}
.saigai_content{
    margin:6px; 
    padding:9px; 
    border-top: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
}

/****************************************
* 災害発生箇所別報告（新規編集）
****************************************/
.saigai_inpt_span{
    margin-top:7px;
    height:28px;
}

.saigai_inpt_h{
    border-bottom: 1px #888 solid;
    float:left; 
    width:130px;
    height:28px;
}
.saigai_inpt_h2{
    width:90px; 
    padding:1px 4px 1px 4px;
    border:1px solid #CCCCCC;
    background-color: #D4E0E0;	/* col_header1 と合わせること */
    font-weight: normal;
    height:28px;
}

.saigai_inpt_v{
    border-bottom: 1px #888 solid;
    padding-left: 3px;
    height:28px;
}

.saigai_inpt_v2{
    border-bottom: 1px #888 solid;
    padding-top:5px;
    padding-bottom:5px;
    height:28px;
}

.saigai_inpt_v3{
    padding-left:3px;
    height:28px;
}

.saigai_inpt_t{
    margin-left:40px;
    padding-bottom:5px;
    padding-top:5px;
    height:28px;
}

/****************************************
* お知らせ
****************************************/
/* 入力エリア幅　*/
.nb_w_Agency{width:200px;}                          /* 報告機関 */
.nb_w_HouseHolds{width:90px; text-align: right;}    /* 件数（ガス） */
.nb_w_sHouseHolds{width:110px; margin-bottom: 3px;} /* 選択（ガス） */
.nb_w_select{width:150px;} /* 選択ボックス */

/****************************************
* 利用者別設定：防災データ管理＞避難所管理
****************************************/
.userShl_w_SaigaiChk {/* 災害種別チェック*/
    width: 50%;
    float:  left;
}

/****************************************
* 管理者機能：リンク編集
****************************************/
.link_tbl{
    width: 100%;
    background-color: #FFFFFF;
 }
.link_tbl th{
    padding: 0px 8px;
    line-height: 2.5;
    border-color: #CCCCCC;
}
.link_tbl td{
    padding: 0px 8px;
    line-height: 2.5;
    border-color: #CCCCCC;
}

.link_btn {
    border-top:    1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align:    right;
}