@charset "Shift_JIS";

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

/*	もっと巡りたい風景
================================================================================= */
#area-more {
	margin-top:90px !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 {
	position: relative;
	width: 265px;
}
#area-map-img .area_img01-2 {
	position: absolute;
	top: 136px;
	right: -15px;
}

.detour-area {
	position: relative;
}
.detour-cont {
	padding: 0 20px 25px !important;
	background: url(../img/tachiyori-bg_middle.jpg) 0 0 repeat-y;
}
.fukidashi-img {
	position: absolute;
	top: -25px;
	left: 20px;
}
.detour-ttl {
	padding: 4px 0 14px 85px !important;
	font-weight: bold;
	font-size: 17px !important;
	line-height: 1.4 !important;
	color: #000000;
}
.detour-ttl.fukidashi-opition {
	position: relative;
	padding: 4px 80px 14px 85px !important;
}
.detour-ttl .fukidashi-option-icon {
	position: absolute;
	top: -20px;
	right: 0;

}
.detour-img-area {
}
.detour-img-area .left-img {
	float: left;
}
.detour-img-area .center-img {
	float: left;
	margin-left: 20px !important;
}
.detour-img-area .right-img {
	float: right;
}


.order1 .left-img {
	width: 295px;
}
.order1 .right-img {
	width: 310px;
}
.detour-body01_inner .left-side {
	float: left;
	width: 325px;
	margin-right: 20px !important;
}
.detour-body01_inner .center-side {
	float: left;
	width: 145px;
	margin-right: 30px !important;
}
.detour-body01_inner .right-side {
	float: left;
	width: 66px;
}



.order2 .left-img {
	width: 280px;
}
.order2 .right-img {
	width: 325px;
}


.detour-body02 .fl {
	width: 200px;
}
.detour-body02 .fr {
	width: 405px;
}
.detour-body02_inner .left-side {
	float: left;
	width: 220px;
}
.detour-body02_inner .right-side {
	float: right;
	width: 85px;
}





.order3 .left-img {
	width: 295px;
}
.order3 .right-img {
	width: 310px;
}
.detour-body03_inner .left-side {
	float: left;
	width: 160px;
	margin-right: 30px !important;
}
.detour-body03_inner .center-side {
	float: left;
	width: 140px;
	margin-right: 30px !important;
}
.detour-body03_inner .right-side {
	float: left;
	width: 140px;
}




.detour-sup-text {
	margin-top: 15px !important;
	font-size: 12px !important;
}


.main-visual-lead {
	position: relative;
}
.main-visual-lead .icon {
	position: absolute;
	top: -22px;
	left: 30px;
}
.main-visual-lead .lead {
	padding: 12px 0 0 100px !important;
}


.fukidashi-caption {
	position: relative;
	min-height: 56px;
}
.fukidashi-caption .icon {
	position: absolute;
	top: 0;
	left: 0;
}
.fukidashi-caption .caption {
	padding-left: 85px !important;
}





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




#area2-1 {
}
#area2-2 .fl {
	width: 320px;
}
#area2-2 .fr {
	width: 315px;
}
#area2-2-1 .fl {
	width: 160px;
}
#area2-2-1 .fr {
	position: relative;
	width: 140px;
	margin-top: -30px;
	z-index: 100
}
#area2-2-2 .fl {
	width: 225px;
}
#area2-2-2 .fr {
	width: 80px;
}




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



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




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