@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
html{width:100%; height:100%; margin:0; padding:0;}
body{width:100%; height:100%; margin:0; padding:0; background-color:#333333; text-align:left; font-size:12px; line-height:16px; font-family:Noto Sans JP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}

.leaflet-container {background: #fff;}
.leaflet-div-icon {background: none;white-space: nowrap;border:none;}

.zahyobox{
	display:block;
	width:200px;
	height:20px;
	margin:0;
	padding:0 0 0 4px;
	position:absolute;
	top:10px;
	left:50px;
	z-index:1;
	font-size:12px;
	line-height:20px;
	background-color:#fdfdfd;
	box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
}
.czahyobox{
	display:block;
	width:200px;
	height:20px;
	margin:0;
	padding:0 0 0 4px;
	position:absolute;
	top:35px;
	left:50px;
	z-index:1;
	font-size:12px;
	line-height:20px;
	background-color:#fdfdfd;
	box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
}
.mapbox{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.mapcenter{
	display:block;
	width:32px;
	height:32px;
	margin:-16px 0 0 -16px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	background-image:url('../img/cnt.png');
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
}



.formbox{
	display:block;
	width:300px;
	height:auto;
	margin:0;
	padding:5px;
	position:absolute;
	top:10px;
	left:50px;
	z-index:1;
	font-size:12px;
	line-height:14px;
	background-color:#fdfdfd;
	border-radius:3px;
	box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(51, 51, 51, 0.4) 0px 0px 2px 1px;
}
.formbox form{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.formbox form table{margin:7px auto; padding:0; border-top:solid 1px #ffffff; border-left:solid 1px #ffffff; font-size:100%;}
.formbox form table th{margin:0; padding:3px 6px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:right; vertical-align:top; font-size:100%; font-weight:bold; text-indent:7px; color:#666666; }
.formbox form table th.tleft{text-align:left; }
.formbox form table td{margin:0; padding:3px 6px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; text-align:left; vertical-align:middle; font-size:100%; font-weight:normal;}
.formbox form table td.btn{margin:0; padding:10px 0; background-color:#f3f3f3; border-bottom:solid 1px #f3f3f3; border-right:solid 1px #f3f3f3; text-align:center; vertical-align:middle; font-size:100%; font-weight:normal;}
.formbox form table span{font-size:90%; color:#007bbb; font-weight:normal;}

input,textarea,select{
	margin:0;
	padding:3px;
	font-size: 11px;
	vertical-align: middle;
	border:solid 1px #cccccc;
}
textarea{
	width:600px;
	height:200px;
}
input[type="text"]{
	width:400px;
	margin:0;
	padding:3px;
}
input[type="password"]{
	width:140px;
	margin:0;
	padding:3px;
}
input[type="submit"],input[type="button"]{
	padding: 3px 10px !important;
	border:solid 1px #000000;
	background-color:#000000;
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-decoration: none !important;
	cursor: pointer;
	font-size:small;
	border-radius:6px;
}
input[type="submit"]:hover,input[type="button"]:hover{
	border:solid 1px #999999;
	background-color: #999999;
	color:#ffffff !important;
}