* {
    font-family: 'メイリオ', 'Meiryo UI', 'Segoe UI', sans-serif;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
	.cont_local {
		font-family: Verdana, Meiryo, sans-serif;
	}
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #f7f3ea;
}

#loading{
	position: absolute;
	left: 50%;
	top: 30%;
}
#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.7);
	z-index: 10000000;
}
#view {
	position: absolute;
	left: 300px;
	width: calc(100% - 300px);
	height: calc(100% - 60px);
}



#left_menu {
    float: left;
    max-width: 300px;
    min-width: 300px;
	height: 100%;
}
#left_menu_inner {
	overflow-y: scroll;
	height: calc(100% - 100px);
	/* will-change: transform;
	transform: translate3d(0, 0, 0); */
}
#header_id img {
	margin-bottom: -5px;
}

.title_img:hover img {
	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	opacity: 0.7;
}

.title_word {
	display: none;
}

.top_url {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 96px;
}

#humberger {
	display: none;
}

#layer_menu {
	height: auto;
	padding: 0 0 0 0;
}
.layer_menu_header .btn_group {
	display: inline-block;
	position: absolute;
	z-index: 100;
	right: 6px;
	top: 4px;
}
.layer_menu_header {
	display: block;
	cursor: pointer;
	position: relative;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
	cursor: auto;
}
#summary_view {
	/* border-top: 1px solid #29ad4b;
	border-right: 1px solid #29ad4b;
	border-bottom: 1px solid #29ad4b;
	border-left: 1px solid #29ad4b; */
	border: 0;
	padding: 0;
	/* padding-top: 0.1em; */
	overflow: hidden;
}
#summary_view ul li {
	cursor: pointer;
}
#summary_view ul li:hover {
	background-color: #99FFFF;
}

#hanrei_dialog img {
	width: 100%;
	margin-top: 5px;
}

#hanrei_dialog p {
	border: 1px dashed #000000;
    padding: 5px;
}

#select_summary {
	width: 100%;
}

#top_menu{
	padding: 6px;
}
#top_menu .btn_group {
	display: inline-block;
	padding-left: 6px;
}
#radio_map_type{
	display: inline-block;
    margin-left: 6px;
    margin-right: 1em;
    padding: 1px 6px 1px 0px;
    border: dotted 1px #000000;
    background-color: #ffffff;
}

#radio_map_type input, #radio_map_type label{
	cursor: pointer;
}

.ui-widget-header {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #fff;
}

#d1 h3{
	font-size:80%;
	border-left:5px #006699 solid;
	padding:4px 0 3px 7px;
	margin:5px 0 5px 5px;
	color:#006699;
	font-weight:bold;
}

#d3_header{
    margin: 0 0 0 5px;
}

#d3_header h4{
	display: inline;
	float: left;
	font-size:80%;
	width: 20px;
	margin: 0 4px;
	background-color:#EEEEEE;
	color:#006699;
	padding:2px 0px;
	font-weight:normal;
	border-bottom:1px solid #AAA;
	border-right:1px solid #CCC;
	text-align: center;
}

#d1 dl{
	margin: 2px 5px;
	}

#d1 dt{
	font-size:80%;
	background-color:#E6F0FB;
	border-right:1px solid #C4DCF7;
	border-bottom:1px solid #B0D0F4;
	padding:3px 0 3px 7px;
	}

#d1 dd{
	display:none;
	margin: 0;

}
	
#d1 ul{
	margin: 0;
    padding-left: 5px;
}

#d1 li{
	font-size:80%;
	list-style:none;
	padding:4px 0 4px 16px;
	}

.br_mob {
	display: none;
}

/* 住所検索 */
#fa0,#fk0,#fs0,#ft0,#fn0,#fh0,#fm0,#fy0,#fw0{
	display:none;
}

#popup {
	/* overflow-y: scroll; */
}
#popup div  {
	/* margin: 10px 20px; */
	/* width: 500px; */
	/* overflow: auto; */
}
#popup div#popup-content div.table {
	overflow-y: scroll;
	max-height: 300px;
	width: 400px;
}
#popup table {
	width: 100%;
}
#popup table * {
	border: none;
}
#popup tbody tr td:nth-of-type(1) {
	/* float: left ; */
	/* clear: left ; */
	margin-right: 0.5em ;
	width: 10em ;
	border-bottom: 3px #eee solid;
}
#popup tbody tr td:nth-of-type(2) {
	/* float: left ; */
	/* clear: left ; */
	margin-left: 0.5em;
	width: calc(100% - 150px);
	border-bottom: 1px #eee solid;
}
#popup a.maplink {
	border-bottom: 2px green solid;
}
#popup a.pdflink {
	border-bottom: 2px blue solid;
}

/* ol-ext.min.css を上書き */
/* #popup.ol-popup {
	font-size: 1.3em;
} */

#display-info {
	font-size: 10px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
}
.color-red {
	color: #ff0000;
}
.color-blue {
	color: #0000ff;
}

#copyright a { text-decoration: none; }

@media screen and (max-width:1170px) {
	/* #view {
		position: absolute;
		left: 300px;
		width: calc(100% - 300px);
	    height: calc(100% - 80px);
	    top: 70px;
	} */
	#btn_map{
		position: absolute;
		left: 300px;
		top: 40px;
	}
}

@media screen and (max-width:1000px) {
	.br_mob2 {
		display: inline-block;
	}
}

/* スマホ向け */
@media screen and (max-width:500px) {	
	.gmapIframe, body, html {
		width: 100%;
		height: 100%;
	}
	#left_menu {
		width: 100%;
		height: auto;
		max-width: 100%;
		float: none;
		margin-bottom: 5px;
	}
	#header_id img {
		width: 100%;
		margin-bottom: -5px;
	}
	#view {
		position: relative;
		width: 100%;
		height: calc(100% - 120px);
		left: auto;
		top: auto;
	}
	#header{
		height: auto;
	}
	#btn_map{
		position: static;
	}
	#radio_base_layrer {
		margin-bottom:5px;
	}
	.br_mob {
		display: inline-block;
	}
	#popup div#popup-content div.table {
	overflow-y: scroll;
	max-height: 300px;
	width: 280px;
}
}
@media screen and (max-width:860px) {	
	.disnone {
		display: none;
	}
	.gmapIframe, body, html {
		width: 100%;
		height: 100%;
	}
	#left_menu {
		width: 100%;
		height: auto;
		max-width: 100%;
		float: none;
		margin-bottom: 5px;
	}
	#header_id img {
		margin-bottom: -5px;
	}
	#view {
		position: relative;
		width: 100%;
		height: calc(100% - 53px);
		left: auto;
		top: auto;
	}
	#header{
		height: auto;
	}
	#btn_map{
		position: static;
	}
	#radio_base_layrer {
		margin-bottom:5px;
	}
	.br_mob {
		display: inline-block;
	}
	.title_img{
		text-align: center;
		display: none;
	}
	.title_word {
		width: 100%;
    	display: inline-block;
    	text-align: center;
    	color: white;
    	background: #007fff;
    	font-size: 1em;
    	height: 35px;
    	padding-top: 13px;
	}
	
	#humberger {
	    position: absolute;
    	height: 36px;
    	width: 36px;
    	display: inline-block;
    	box-sizing: border-box;
    	background-color: #007fff;
    	border: 2px solid #fff;
    	border-radius: 4px;
    	top: 6px;
    	left: 5px;
	}
	#humberger div {
	  position: absolute;
	  left: 4px;
	  height: 4px;
	  width: 24px;
	  background-color: #fff;
	  border-radius: 2px;
	  display: inline-block;
	  box-sizing: border-box;
	}
	#humberger div:nth-of-type(1) {
	  top: 4px;
	}
	#humberger div:nth-of-type(2) {
	  top: 14px;
	}
	#humberger div:nth-of-type(3) {
	  bottom: 4px;
	}
	#copyright a:link { color: #ffffff; }
	#copyright a:visited { color: #e6e6fa; }
	#copyright a:hover { color: #fff0f5; }
	#copyright a:active { color: #fff0f5; }
}

.addr_dosya {
	display: none;
	background-color: #ffffff;
}
.addr_dosya > a {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 1em;
}
.addr_dosya > a:first-child {
	margin-left: 1em;
}

/* アクティブ時のハイライトが強すぎなので非アクティブと同じに */
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: #f7f7f7;
  border-color: #dedede;
}
.my-fancytree-disable .fancytree-checkbox,
.my-fancytree-disable .fancytree-icon,
.my-fancytree-disable .fancytree-title
 {
	background-color: rgba(200,200,200,0.7) !important;
	font-style: italic !important;
}


#myattribution {
	width: 1000%;
}
#myattribution div {
	width: auto !important;
}

.no_expander .fancytree-expander {
	opacity: 0;
}

.hide_checkbox > .fancytree-checkbox {
	opacity: 0;
	width: 0px;
}

#btn_Inundation.ui-state-active {
	border-color: #ff0000 !important;
	background: #ff0000 !important;
}

#layerbox_1 {
	width: 300px;
}