/* CSS Document */

.columned>div:first-child.agri_map{
	width:640px;
	position:relative;
}
.agri_map_marker{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	list-style-type:none;
}
.agri_map_marker li{
	margin:0;
	padding:0;
	position:absolute;
}
.agri_map_marker a{
	position: absolute;
	display: block;
	width: 22px;
	height: 24px;
	left: -11px;
	top: -12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-indent: -9999px;
}

.marker01 a{background-image:url(../img/num01.png);}
.marker02 a{background-image:url(../img/num02.png);}
.marker03 a{background-image:url(../img/num03.png);}
.marker04 a{background-image:url(../img/num04.png);}
.marker05 a{background-image:url(../img/num05.png);}
.marker06 a{background-image:url(../img/num06.png);}
.marker07 a{background-image:url(../img/num07.png);}
.marker08 a{background-image:url(../img/num08.png);}
.marker09 a{background-image:url(../img/num09.png);}
.marker10 a{background-image:url(../img/num10.png);}
.marker11 a{background-image:url(../img/num11.png);}
.marker12 a{background-image:url(../img/num12.png);}
.marker13 a{background-image:url(../img/num13.png);}
.marker14 a{background-image:url(../img/num14.png);}
.marker15 a{background-image:url(../img/num15.png);}
.marker16 a{background-image:url(../img/num16.png);}
.marker17 a{background-image:url(../img/num17.png);}
.marker18 a{background-image:url(../img/num18.png);}
.marker19 a{background-image:url(../img/num19.png);}
.marker20 a{background-image:url(../img/num20.png);}


.agri_map_legend ul{
	margin:0;
	padding:0 20px;
	list-style-type:none;
}
.agri_map_legend li{
	margin:0;
	padding:0;
}
.agri_map_legend li a{
	display:inline-block;
	padding:0.5ex 0 0.5ex 30px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: 22px 24px;
	box-sizing:border-box;
	min-height:24px;
}

.columned>div:first-child{
	width:580px;
}

.columned>div:last-child img{
	border-radius:8px;
}


@media only screen and (max-width: 639px) {
	.agri_map{
		width:auto;
	}
	.columned>div:first-child{
		width:auto;
	}
	.columned>div:first-child.agri_map{
		width:auto;
	}
	.agri_map_marker a{
		width: 16.5px;
		height: 18px;
		left: -8.25px;
		top: -9px;
	}
}