#content {
	width: 1054px;
	height: 750px;
	margin: 10px auto;
	position:relative;
}

#mapBox{
	position: absolute;
	z-index: 0;
	top: 40px;
	width: 100%;
	height: 700px;
	margin-bottom: 25px;
	border: solid 2px rgb(48,170,130);
}


#map {
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	height: 700px;
	cursor:pointer;
}

#map2Box{
	position: absolute;
	z-index: 0;
	top: 40px;
	right: -2px;
	width: 50%;
	height: 700px;
	margin-bottom: 25px;
	border: solid 2px rgb(48,170,130);
	background: white;
	display: none;
}

#map2{
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor:pointer;
	background: white;
	display: none;

}

#map2changeBox{
	z-index: 100;
	position: absolute;
	top: 15px;
	right: 42px;
}

#changeButton{
	
	position: absolute;
	background-color: white;
	width: 32px;
	text-align: center;
	border-radius:3px;
	padding-top: 2px;
	padding-bottom: 1px;
	cursor: pointer;
	box-shadow: 0 0 5px rgb(100,100,100);
}

#map2changeType{
	
	position: absolute;
	width: 166px;
	top: 15px;
	right: 49px;
	background: white;
	cursor: pointer;
	color: rgb(60,70,60);
	border-radius: 3px;
	box-shadow: 0 0 5px rgb(100,100,100);
	display: none;
}

#mapCenter{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	display: none;
	pointer-events: none;
}

#map2Center{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	pointer-events: none;
}

.overlayertype{
	
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	border-bottom: solid 1px rgb(185,185,185);
	overflow: hidden;
	background-color: white;
}

.overlayertype:hover{
	background-color:rgb(240,240,250); 
}

.overlayertype:last-child{
	border: none;
	border-radius: 0 0 3px 3px;
}


#overlayer1{
	color: rgb(27,146,68);
	border-radius: 3px 3px 0 0;
}


.popText1 {
	color: black;
	font-size: 16px;
	margin:0;
	padding:0;
	text-align: center;
	padding-bottom: 8px;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	border-bottom:solid 2px rgb(50,50,50);
}

.popText2 {
	line-height: 2px;
	color: black;
	font-size: 16px;
	margin:0;
	padding:0;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	text-align: center;
}


.soctn_poptitle{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	padding: 0;
	margin:0 !important;
}

.pfpoptitle,.pfpopdata{
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
}

.pfpopdata{
	display: inline-block;
	font-weight: bold;
	color: #333333;
}

.figuri{
	margin: 0;
	line-height: 16px;
}

#latlngSpan{
	display: block;
	margin: 0;
	padding: 0;
	background-color: black;
	color: white;
	font-size: 12px;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	padding: 3px 10px;
	margin-top: 15px;
}

#inTempMap{
	position: absolute;
	bottom: 20px;
	right: 45px;
	height: 20px;
	width: 250px;
	padding: 10px 0px;
	background-color: white;
	color: black;
	border: solid 2px rgb(100,100,100);
	border-radius: 10px;
	text-align: center;
}

#inFigureMap{
	position: absolute;
	bottom: 12px;
	right: 45px;
	width: 280px;
	padding: 10px 10px;
	background-color: rgba(255,255,255,0);
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	color: black;
}

table{
	width: 280px;
	background:rgb(255,255,255);

}

tr{
	width: 250px;
}

td{
	border: solid 2px rgb(48,170,130);
	word-break: break-all;
}


#t1name{
	height: 50px;
	width: 90px;
	padding-left: 8px;
}

#t1code{
	height: 30px;
	width: 90px;
	padding-left: 8px;
}

.t2{
	text-align: center;
	padding: 0px 10px;
}

#soilText{
	padding: 5px 10px;
}



#popExplain{
	font-size: 13px;
	color: black;
	font-weight: normal;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	margin-top:-10px;
	padding:0;
	margin-bottom: 8px;
}

#popName {
	font-size: 13px;
	color: black;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	text-shadow:0 0 1.5px #ccc !important;
}

#old_popName {
	font-size: 16px;
	color: black;
	text-decoration:underline;
}

#old_popName:hover{
	color: blue;
}

#searchButton {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 29px;
	height: 29px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
	background: url(../img/searchButton_off.png) no-repeat;
	background-color: white;
	background-position:2px 2px;
	background-size:25px 25px; 
	cursor:pointer;
	outline:none;
	display: none;
}

#closeButton{
	position: absolute;
	top: 2px;
	right: 7px;
	width: 15px;
	height: 15px;
	background: url(../img/close.png) no-repeat;
	background-color: white;
	background-position:2px 2px;
	background-size:15px 15px; 
	cursor:pointer;
	outline:none;
}

#searchType{
	float: right;
	height: 30px;
}

#searchBox{
	width: 422px;
	float: right;
	font-size: 16px;
	color: black;
	font-weight: normal;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	background-color: white;
	padding-bottom: 10px;
	
}

#placeListBox{
	z-index: 100;
	display: none;
	position: absolute;
	top: 55px;
	right: 10px;
	width: 230px;
	background-color: rgba(255,255,255,0.9);
	border: solid 2px rgb(48,170,130);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

#placeList{
	font-size: 13px;
	color: rgb(60,70,60);
	font-weight: normal;
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	border-radius: 5px;
	max-height:550px;
	overflow:scroll;
	overflow-x: hidden;
}

.place{
	word-wrap:break-word;
	width: 200px;
	line-height: 18px;
	padding:10px;
	border-bottom: solid 1px rgb(48,170,130);
}


.place span{
	cursor:pointer;
}



.typeChoose{
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
	color: rgb(48,170,130);
	background: white;
	width: 104px;
	cursor: pointer; 
	border: solid 1px rgb(48,170,130);
}

#TypeName{
	border-right: none;
	color: white;
	background: rgb(48,170,130);
}

#TypeLL{
	border-left: none;
}

#searchBox span{
	color: rgb(48,170,130);
}

.llBox input{
	width: 260px;
	height: 20px;
	color: rgb(50,50,50);
	border: solid 1px rgb(48,170,130);
	border-radius: 3px;
	text-indent:5px;
}

.llBox2 input{
	width: 92px;
	height: 20px;
	color: rgb(50,50,50);
	border: solid 1px rgb(48,170,130);
	border-radius: 3px;
	text-indent:5px;
}

#searcLLbox{
	display: none;
}

.llBox{
	float: left;
	width: 320px;
	margin-top:5px;
	margin-left: 20px;
}

.llBox2{
	float: left;
	width: 148px;
	margin-top:5px;
	margin-left: 20px;
}

.search{
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	float: right;
	width: 70px;
	background-color: rgb(48,170,130);
	border: solid 1px rgb(48,170,130);
	border-radius: 3px;
	color: white;
	line-height: 20px;
	margin-top: 5px;
}

#search:hover{
	background-color:rgb(27,146,68);
	border:solid 2px rgb(27,146,68);
}

#closeBox{
	background: white;
	height: 23px;
	border-bottom: solid 1px rgb(48,170,130);

}

#popSoilname{
	color: black;
	text-decoration:underline;
}

#popSoilname:hover{
	color: blue;
}

.hiryou_pdf{
	display: block;
}

.hiryou_pdf_p{
	margin:0px !important;
	color: black;
}

#detail{
	width: 100%;
	padding:0;
	margin:0;
	font-size: 14px;
	line-height: 14px;
	color: blue;
	text-align: right;
	text-decoration:underline;
	cursor: pointer; 
}

#detail:hover{
	text-decoration:none;
}

#url{
	position: absolute;
	top: -2000px;
}

/*layercheck*/

#layerListBox{
	z-index: 100;
	display: none;
	position: absolute;
	bottom: 20px;
	left: 10px;
	width: 200px;
	padding: 10px;
	background-color: rgba(255,255,255,0.9);
	border: solid 2px rgb(48,170,130);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.layercheck{
	margin-right: 5px;
}


/*layerchek over*/

.leftbutton{
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
	color: rgb(48,170,130);
	background: white;
	width: 104px;
	cursor: pointer; 
	border: solid 1px rgb(48,170,130);
	margin-right: 5px;
}



/*co2*/

.co2box{
	width: 100%;
}

.co2box p,.co2box a{
	font-size: 16px;
}

.co2box .title{
     text-align: center;
     font-size: 25px;
     margin-top: 8px;
}

.co2box a{
	display: inline-block;
	color:blue;
	text-decoration: underline;
}

.co2box .title-a{
	display: block;
	margin-right: 5px;
	text-align: right;
}

.co2table{
	text-align: center;
	margin-top: 15px;

}

.txt-r{
	margin-top: 15px;
	width: 96%;
}

.txt-r td,.txt-r th{
	border: 1px solid rgb(90,90,90);
	font-size: 12px;
	height: 40px;
}

.txt-r th{
	font-weight: bold;
}

.co2form{
	box-sizing: border-box;
	margin-top: 20px;
	margin-left:12px;

}

.co2form select,.co2form input{
	box-sizing: border-box;
	width: 350px;
	height: 40px;
	line-height: 40px;
	text-indent: 5px;
	margin-bottom: 10px;
}

.co2ok{
	font-family: メイリオ,Microsoft YaHei,Meiryo,游明朝;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: white;
	font-size: 16px;
	background: rgb(48,170,130);
	width: 104px;
	cursor: pointer; 
	border: solid 1px rgb(48,170,130);
	margin-right: 15px;
}

.co2gbox{
	margin-top: 15px;
}

.co2g{
	text-align: center;
	float: left;
	width: 33%;
}

.co2g div{
	margin: auto;
	width: 130px;
	height: 110px;
	border: solid 1px rgb(100,100,100);

}