@charset "Shift_JIS";

/* =================================================================================
	沿線点描 CSS
================================================================================= */
.mb0 { margin-bottom:0 !important; }
#area-map {
	position: relative;
	height: 560px;
	margin: 30px 0 0 !important;
	background: url(./img/area_map.gif) no-repeat 55px 230px;
}
.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-img { 
	width: 265px;
	padding-top: 0 !important;
}


.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: 307px;
}
.order1 .right-img {
	width: 303px;
}

.order2 .left-img {
	width: 352px;
}
.order2 .right-img {
	width: 258px;
}

.order3 .left-img {
	width: 292px;
}
.order3 .right-img {
	width: 318px;
}



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

#area1-2 .fl {
	width: 315px;
}
#area1-2 .fr {
	width: 320px;
}
#area1-2-2 .left {
	float: left;
	width: 130px;
	margin-top: -15px;
}
#area1-2-2 .right {
	float: right;
	width: 165px;
}

/*
#area1-3 .fl {
	width: 315px;
}
#area1-3 .fr {
	width: 320px;
}
.nd-character img {
	vertical-align: middle;
	margin: 0 !important;
}

#area1-4 .fl {
	width: 320px;
}
#area1-4 .fr {
	width: 315px;
}
#area1-4-1 .fl {
	width: 170px;
}
#area1-4-1 .fr {
	width: 140px;
}
 */


#area2-1 {
}

#area2-2 .fl {
	width: 320px;
}
#area2-2 .fr {
	width: 315px;
}
#area2-2-1 .fl {
	width: 175px;
	margin: 0 !important;
}
#area2-2-1 .fr {
	position: relative;
	width: 130px;
	margin: -30px 0 0 0 !important;
	z-index: 100;
}
#area2-2-2 .fl {
	width: 160px;
}
#area2-2-2 .fr {
	position: relative;
	width: 145px;
}

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

#area2-5 .fl {
	width: 328px;
}
#area2-5 .fr {
	width: 322px;
}