@charset "Shift_JIS";

/* =================================================================================
	沿線点描 CSS
================================================================================= */
.mb0 { margin-bottom:0 !important; }
#area-map {
	position: relative;
	height: 460px;
	margin: 30px 0 0 !important;
	background: url(./img/area_map.gif) no-repeat 320px 0;
}
.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: 360px; }
#area-map-txt h2 { padding-top: 10px }
#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 .center-img {
	float: left;
	margin-left: 10px !important;
}
.detour-img-area .right-img {
	float: right;
}
.order1 .left-img {
	width: 296px;
}
.order1 .right-img {
	width: 309px;
}
.order2 .left-img {
	width: 325px;
}
.order2 .right-img {
	width: 280px;
}
.order3 .left-img {
	width: 311px;
}
.order3 .center-img {
	width: 124px;
}
.order3 .right-img {
	width: 170px;
}

.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-1 .fl {
	width: 150px;
}
#area1-1-1 .fr {
	width: 155px;
}
#area1-1-2 .fl {
	width: 150px;
}
#area1-1-2 .fr {
	position: relative;
	width: 140px;
	margin: -35px 10px 0 0;
	z-index: 100;
}



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




#area2-1 {
}
#area2-2 .fl {
	width: 315px;
}
#area2-2 .fr {
	width: 320px;
}
#area2-2-2 .fl {
	width: 170px;
}
#area2-2-2 .fr {
	position: relative;
	width: 130px;
	margin: -35px 0 0 0;
	z-index: 100;
}
#area2-2-2 .fr img {
	margin: 0 !important;
}

#area2-2-3 .fl {
	width: 170px;
}
#area2-2-3 .fr {
	width: 130px;
}

#area2-2-4 .fl {
	width: 125px;
}
#area2-2-4 .fr {
	width: 180px;
}



#area3-1 .fl {
	width: 320px;
	margin: 0 !important;
}
#area3-1 .fr {
	width: 315px;
	margin: 0 !important;
}

.nd-character img {
	vertical-align: middle;
	margin: 0 !important;
}