@charset "Shift_JIS";

/* =================================================================================
	沿線点描 CSS
================================================================================= */
.mb0 { margin-bottom:0 !important; }
#area-map {
	position: relative;
	height: 490px;
	margin: 30px 0 0 !important;
	background: url(./img/area_map.gif) no-repeat 320px 30px;
}
.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: 310px; }
#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: 304x;
}
.order1 .right-img {
	width: 304x;
}
.order2 .left-img {
	width: 440px;
}
.order2 .right-img {
	width: 170px;
}
.order3 .left-img {
	width: 345px;
}
.order3 .right-img {
	width: 265px;
}
.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-1-2 .fl {
	width: 160px;
}
#area1-1-2 .fr {
	position: relative;
	width: 142px;
	margin-top: -30px;
	z-index: 100;
}

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

#area1-3 .fl {
}

#area1-4 .fl {
	width: 300px;
}
#area1-4 .fr {
	width: 350px;
}



#area2-1 {
}

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

#area2-3 .fl {
	width: 320px;
	margin: 0 !important;
}
#area2-3 .fr {
	width: 315px;
	margin: 0 !important;
}
#area2-3-2 .fl {
	width: 160px;
}
#area2-3-2 .fr {
	position: relative;
	width: 140px;
	margin-top: -35px !important;
	z-index: 100;
}