@charset "utf-8";


/* 検索エリア */
form#search_f{
    background-color: black;
}
#searchDialog {
	visibility: hidden;
	width: 300px;
    height: 300px;
    border:none; 
    padding: 1px 1px 0px 1px;
    border: solid 1px; 
    background:black;
    font-size: 14px;
	z-index: 1500 ! important;
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}
#searchResultTitle {
    width:300px;
    background-color:black;
	vertical-align: middle;
    color:white;
	display: inline-block;
}
#searchResultBox {
    color:white;
	float: left;/* clear: both;済み */
}
#searchResultBox2 {
    background-color:black;
    color:white;
	float: right;/* clear: both;済み */
}
#searchResultList {
    background-color:white;
	width: 302px;
    height: 274px;
	overflow:auto;
	clear: both;
}


/* 地図 */
.ryuikiLabel {
	display: table-cell;
	vertical-align: middle;
	background: #3366CC;
	color: #ffffff;
	width: 115px;
	height: 30px;
	text-align: center;
	border-radius: 30px;
	border: solid 1px #000000;
	padding: 2px 5px;
}
.ryuikiLabel:hover{
	background: #e2e2e2;
	color: #000000;
}

/* 情報共通　*/
.warnLabel {
    margin: 2px;
}
.tokuKeiho_heavyRain {
    background-color:rgb(0,0,0);
    color: #ffffff;
    text-align: center;
}
.tokuKeiho {
    background-color:rgb(129,49,172);
    color: #ffffff;
    text-align: center;
}
.keiho {
    background-color: rgb(233,30,0);
    color: #ffffff;
    text-align: center;
}
.tyuiho {
    background-color: rgb(255,192,0);
    color: #000000;
	text-align: center;
}
.posTyui {
    position: relative;
}

td.tdLeft{
	width: 160px;
}
td.tdRight{
	width: 220px;
}
th.tdLeft{
	width: 160px;
	height: 30px;
}
th.tdRight{
	width: 220px;
	height: 30px;
}


/* 警報 */
.warning_icons1 div{
	line-height: 22px;
}
.warning_icons2 div:nth-child(2){
	line-height: 25px;
}
.warning_icons2 div:nth-child(3){
	line-height: 23px;
	border: solid 1px;
	vertical-align: top;
}
.alarmOn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 430px;
	background-color: rgb(255,140,140);
	border-bottom:thick solid rgb(255,17,17);
	margin-bottom: 4px;
}
.alarmOff{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 430px;
	background-color: rgb(201,238,185);
	border-bottom:thick solid rgb(62,176,44);
	margin-bottom: 4px;
}
div#alarm div#alarmOn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 430px;
	background-color: rgb(255,140,140);
	border-bottom:thick solid rgb(255,17,17);
	margin-bottom: 4px;
}
div#alarm div#alarmOf{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 430px;
	background-color: rgb(201,238,185);
	border-bottom:thick solid rgb(62,176,44);
	margin-bottom: 4px;
}

div#alarm table#alarmChiiki{
	table-layout: fixed;
	width: 430px;
	margin-top: 4px;
	border:thin solid rgb(173,187,178);
	border-spacing: 0px;
	text-align: center;
	word-break: keep-all;
}
div#alarm table#alarmChiiki tr{
	height: 35px;
	
}
div#alarm table#alarmChiiki tr:nth-child(2) td:first-child{
	font-size: 22px;	/*横浜市*/
}
div#alarm table#alarmChiiki th{
	background-color: rgb(217,237,224);
	font-weight: normal;
	text-align: center;
	border:thin solid rgb(173,187,178);
}
div#alarm table#alarmChiiki td{
	background-color: rgb(255,255,255);
	border:thin solid rgb(173,187,178);
}

div#alarm table#alarmChiiki td.tokuKeiho_heavyRain {
    background-color:rgb(0,0,0);
    color: #ffffff;
    text-align: center;
}
div#alarm table#alarmChiiki td.tokuKeiho {
    background-color:rgb(129,49,172);
    color: #ffffff;
    text-align: center;
}
div#alarm table#alarmChiiki td.keiho {
    background-color: rgb(233,30,0);
    color: #ffffff;
    text-align: center;
}
div#alarm table#alarmChiiki td.tyuiho {
    background-color: rgb(255,192,0);
    color: #000000;
    text-align: center;
}

/* 避難 */
div#riverInfoTitle{
	height: 50px;
}
div#riverPublish{
	position: relative;
	top:5px;
}

.refugeOn{
	width: 430px;
	background-color: rgb(255,140,140);
	border-bottom:thick solid rgb(255,17,17);
	margin-bottom: 4px;
}
.refugeOff{
	width: 430px;
	background-color: rgb(201,238,185);
	border-bottom:thick solid rgb(62,176,44);
	margin-bottom: 4px;
}

#bodyBox{
	position: relative;
}

.box {
    width:429px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
		display: inline-block;
    border-left: thin solid rgb(173,187,178);
    border-bottom: thin solid rgb(173,187,178);
}

.refuge_midasi_1 {
    display: block;
    width:149px;
    height: 26px;
		text-align: center;
    background-color:rgb(217,237,224);
    padding-left: 5px;
		line-height: 26px;
}
.refuge_midasi_2 {
    display: block;
    width:268px;
    height: 26px;
		text-align: center;
    background-color:rgb(217,237,224);
    clear: both;
    padding-left: 5px;
		line-height: 26px;
}
.label_box {
    display: block;
    width:147px;
    height: 19px;
	color: rgb(28,72,111);
    background-color:rgb(203,225,245);
    padding-left: 5px;
    border-top: thin solid #ffffff;
    border-left: thin solid #ffffff;
    border-right: thin solid #ffffff;
}

.msg_value {
    display: block;
    width:268px;
    height: 19px;
    background-color:#ffffff;
    clear: both;
    padding-left: 5px;
    border-top: thin solid #ffffff;
}
#scrollTable{
	border: thin solid rgb(173,187,178);
}

div#refuge table#refugeTable{

	width: 100%;
}
div#refuge table#refugeTableHeader{
	border: thin solid rgb(173,187,178);
	width: 100%;
}
div#refuge table#refugeTableHeader th{
	background-color: rgb(217,237,224);
	font-weight: normal;
	text-align: center;
	font-size: 13px;
	min-width: 50px;
}

div#refuge table#refugeTable td{
	/*background-color: rgb(255,255,255);*/
	font-size: small;
	line-height: 20px;	
}
div#refuge .refugeStatus{
    padding-left: 5px;
    padding-right:0px;
    padding-top:0px;
    padding-left:0px;
}
div#refuge .border{
	line-height: 20px;
	border-bottom:0px;
	border-spacing:0px;
}
div#refuge .borderBottom{
	border-bottom:thin solid rgb(173,187,178);
	border-spacing: 0px;
	height: 25px;
}
div#refuge .borderBottom:last-child{
	border: none;
}
.label_box_refuge {
    display: block;
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    width: 147px;
    height: 20px;
	color: rgb(28,72,111);
    background-color:rgb(203,225,245);
    padding-left: 5px;
    border-top: thin solid #ffffff;
    border-left: thin solid #ffffff;
    border-right: thin solid #ffffff;
}
.msg_value_refuge {
	padding-left: 5px;
	height: 65px;
	line-height: 65px;
}