@charset "utf-8";


/* region for Areas */

.areas {
    position:fixed;
    display:none;
    z-index:2;
    width:900px;
    margin:0;
    padding:20px 20px;
	border: 3px solid #d5d5d5;
    border-radius: 15px;
    background:#fff url(../img/top/map_logo.png) no-repeat right bottom;
}

.areas img.modal-close {
	float:right;
	margin-right:-48px;
}

.areas p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

div.areas h3 {
	color:#005919;
	font-size:26px;
	font-weight:bold;
	background:url(../img/top/ico_mapttl.png) no-repeat left center;
	padding-left:30px;
	margin-bottom:10px;
}

div.areas p {
	font-size:14px;
	margin-bottom:15px;
}

div.areas h3 strong {
	font-size:35px;
}

.map_image {
	margin:-30px auto 20px auto;
	text-align:center;
}

.map_image_narrow {
	margin:0 auto 20px auto;
}

/* end region areas */