@charset "Shift_JIS";

/* =================================================================================
	沿線点描 CSS
================================================================================= */
.mb0 { margin-bottom:0 !important; }
#area-map {
	position: relative;
	height: 700px;
	margin: 30px 0 0 !important;
	background: url(./img/area_map.gif) no-repeat 0 245px;
}
.pw284 .area-txt { width: 355px !important; }
.pw284 .area-img { width: 284px !important; }

/*	もっと巡りたい風景
================================================================================= */
#area-more {
	margin-top:40px !important;
	padding-bottom:40px !important;
	background:url(img/bg_morebox.gif) left bottom no-repeat;
}
#area-more-ttl { text-align:center; }
#area-more-inner {
	margin-top:25px !important;
	padding:0 40px !important;
}
/*	vol.172
================================================================================= */
#area-map-txt { width: 355px; }
#area-map-img { width: 265px; }

.detour-area {
	position: relative;
	padding: 0 20px 25px !important;
	background-color: #f1ede1;
	border-radius: 10px;
}
.fukidashi-img {
	position: absolute;
	top: -8px;
	left: -20px;
}
.detour-ttl {
	padding: 10px 0 8px 45px !important;
	font-weight: bold;
	font-size: 17px !important;
	color: #000000;
}
.detour-img-area {
	
}
.detour-img-area .left-img {
	float: left;
}
.detour-img-area .right-img {
	float: right;
}
.order1 .left-img {
	width: 328px;
}
.order1 .right-img {
	width: 282px;
}
.order2 .left-img {
	width: 397px;
}
.order2 .right-img {
	width: 213px;
}
.order3 .left-img {
	width: 273px;
}
.order3 .right-img {
	width: 337px;
}
.detour-body01 .fl {
	width: 470px;
}
.detour-body01 .fr {
	width: 126px;
}
.detour-sup-text {
	margin-top: 15px !important;
	font-size: 12px !important;
}


#area1-1 .fl {
	width: 315px;
}
#area1-1 .fr {
	width: 320px;
}

#area1-2 .fl {
	width: 320px;
}
#area1-2 .fr {
	width: 315px;
}
#area1-2-2 .fl {
	width: 160px;
}
#area1-2-2 .fr {
	width: 145px;
}
.area1-2-2-img {
	margin: -25px 0 0 -30px !important;
}




#area2-1 {
}

#area2-2 .fl {
	width: 315px;
}
#area2-2 .fr {
	width: 320px;
}
#area2-2-2 .fl {
	width: 172px;
}
#area2-2-2 .fr {
	width: 137px;
}

#area2-3 .fl {
	width: 320px;
	margin: 0 !important;
}
#area2-3 .fr {
	width: 315px;
	margin: 0 !important;
}
#area2-3-2 .fl {
	width: 160px;
}