/*=====================
areaMap
=====================*/
#areaMapBgLayer {
	width:100%;
	height:100%;
	background:url(/shared2015/common/images/area/bg_areamap_03.png) repeat 0 0;
	z-index:20;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

#areaMapWrap {
	z-index:21;
	position:absolute;
	left:0;
	top:0;
	width:717px;
	height:536px;
	display:none;
	background:url(/shared2015/common/images/area/im_areamap_default.png) repeat 0 0;
}

#areaMapWrap #areaMap {
	position:absolute;
	left:0;
	top:0;
	z-index:21;
}

#areaMapWrap #areaMap h2 {
	position:absolute;
	left:22px;
	top:32px;
}

#areaMapWrap #areaMap #read {
	position:absolute;
	left:60px;
	top:100px;	
}

#areaMapWrap #areaMap #closeBtn {
	position:absolute;
	right:10px;
	top:0;	
}



/*=====================
目的からホテル・旅館を探す
=====================*/
.pur_search {
    margin: 0 0 25px 0;
    padding: 20px 15px 10px 15px;
    border: 1px solid #bebebe;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #afafaf;
    -moz-box-shadow: 0 1px 0 #afafaf;
    box-shadow: 0 1px 0 #afafaf;
    overflow: hidden;
}

.pur_search ul{
	float:left;
	width:205px;
border-right: 1px dotted #ccc;
padding-right: 8px;
margin-right: 8px;
}

.pur_search ul:first-child{
	width:260px;
border-right: 1px dotted #ccc;
}
.pur_search ul:last-child{
	width:190px;
border-right: none;
}

.pur_search ul li h3{
font-size: 16px;
line-height: 1;
border-left: 2px solid #cdcdcd;
    margin: 0 0 10px -8px;
padding-left: 8px !important;
text-indent: 0;
}

.pur_search ul li{
    margin: 0 0 5px 0;
padding-left: 1em;
text-indent: -0.7em;
}

.pur_search ul li a {
    background: url(/shared2015/common/images/ic_03.png) left center no-repeat;
    padding-left: 8px;
}

/*-----------------------------------------------------

page_jack

------------------------------------------------------*/

#rt_all_popup,#rt_all_popup_2 {
/*    height: auto !important;
	top: 20% !important;*/
	left: 40% !important;
	right: 40% !important;
    margin: auto !important;
}


.pagejack {
    /*width: 718px !important;
    height: 456px !important;*/
    margin: 0 auto !important;
}

.pagejack,
.pagejack img {
    width: 100% !important;
    height: auto !important;
}


/*-----------------------------------------------------

pr_banner

------------------------------------------------------*/
.pr_bnr_area {
    width: 310px;
	text-align: center;
    margin: 0 0 15px 0;
}

.pr_bnr_area img {
    margin: 0 0 3px 0;
}