@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";
@import "http://rurubu.travel/sns/css/snsButtons.css";

/*調整用CSS*/
@import "/common/css/adjust.css";

/* ========================================== 

	Common

========================================== */

body { 
	background: #FFFFFF;
	} 

h2{ 
/*	border: none; 
	margin-bottom:18px;
	padding-top:25px;
	font-size: 14px;
*/	}


/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* IE6 hack */
* html .clearfix {
	height: 1%;
}

/* IE7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}

#MAIN h3 {
	background: none;
	border: none;
	padding: 0;
}

#MAIN .button:hover {
	filter: alpha(opacity=70);
	opacity:0.7;
}


#MAIN a:link {
	color:#033fae;
}

#MAIN a:visited {
	color:#033fae;
}

#MAIN a:hover {
	color:#fb5d8b;
}

#MAIN a:active {
	color:#fb5d8b;
}




/* ========================================== 
	レイアウト
========================================== */
#MAIN img {
	vertical-align: bottom;
}

#MAIN .catchArea {
	
}

/* イベント */
#MAIN .eventArea {
	padding-bottom: 70px;
	background: url(../images/border_x.gif) no-repeat left bottom;
}

#MAIN .eventArea ul li.evShio {
	width: 860px;
	height: 379px;
	position: relative;
}

#MAIN .eventArea ul li.evShio h3 {
	top: 0px;
	left: 0px;
	position: absolute;
}

#MAIN .eventArea ul li.evShio p.mainTxt {
	top: 100px;
	left: 400px;
	position: absolute;
	width: 455px;
	font-size: 15px;
	line-height: 1.7;
}

#MAIN .eventArea ul li.evShio h4 {
	top: 208px;
	left: 395px;
	position: absolute;
	width: 470px;
	font-size: 15px;
	color: #056597;
}

#MAIN .eventArea ul li.evShio p.subTxt {
	top: 230px;
	left: 402px;
	position: absolute;
	width: 470px;
	font-size: 13px;
	text-shadow: 1px 1px 0px #fff;
	line-height: 1.5;
}

#MAIN .eventArea ul li.evIta {
	width: 860px;
	height: 341px;
	position: relative;
}

#MAIN .eventArea ul li.evIta h3 {
	top: 0px;
	left: 0px;
	position: absolute;
}

#MAIN .eventArea ul li.evIta p.mainTxt {
	top: 85px;
	left: 0px;
	position: absolute;
	width: 430px;
	font-size: 15px;
	line-height: 1.7;
}

#MAIN .eventArea ul li.evIta h4 {
	top: 270px;
	left: 7px;
	position: absolute;
	width: 470px;
	font-size: 15px;
	color: #056597;
}

#MAIN .eventArea ul li.evIta p.subTxt {
	top: 290px;
	left: 15px;
	position: absolute;
	width: 430px;
	font-size: 13px;
	text-shadow: 1px 1px 0px #fff;
	line-height: 1.5;
}

/* 温泉 */
#MAIN .onsenArea {
	margin-top: 40px;
	background: url(../images/border_y.gif) repeat-y center top;
}

#MAIN .onsenArea .onBox {
	width: 400px;
}

#MAIN .onsenArea .onBox p.imgArea {
	margin-top: 15px;
}

#MAIN .onsenArea .onBox p.imgArea img {
	border: 6px solid #fff;
	box-shadow: rgba(0,0,0,0.4) 1px 1px 5px;
}

#MAIN .onsenArea .onBox p.txtArea {
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.7;
}

#MAIN .onsenArea .onBox p.btArea {
	margin-top: 10px;
}

#MAIN .onsenArea .onBox.boxLeft {
	float: left;
}

#MAIN .onsenArea .onBox.boxRight {
	float: right;
}

/* スポット */
#MAIN .spotArea {
	margin-top: 60px;
	padding: 35px 20px 20px 20px;
	background: #e0f1ec;
	position: relative;
}

#MAIN .spotArea h3 {
	top: -50px;
	left: 15px;
	position: absolute;
}

#MAIN .spotArea ul.subBox {
	margin-top: 30px;
}

#MAIN .spotArea ul li {
	width: 265px;
	float: left;
	text-shadow: 1px 1px 0px #fff;
	margin-right: 12px;
}

#MAIN .spotArea ul li.boxEnd {
	margin-right: 0px;
}

#MAIN .spotArea ul li img {
	border: 5px solid #fff;
}

#MAIN .spotArea ul li h4 {
	font-size: 16px;
	color: #b41947;
	line-height: 1.3;
	margin-top: 10px;
}

#MAIN .spotArea ul li p.txtArea {
	font-size: 13px;
	margin-top: 5px;
	line-height: 1.5;
}

#MAIN .spotArea ul li p.link {
	margin-top: 5px;
}

#MAIN .spotArea ul li p.link a {
	background: url(../images/spot_point.png) no-repeat left center;
	padding: 0 0 0 20px;
	font-size: 13px;
	line-height: 1.5;
}

#MAIN .spotArea.spYokujo {
	background: #e7effa;
}

#MAIN .spotArea.spMiyage {
	background: #f6e2e8;
}

#MAIN .spotArea.spGourmet {
	background: #f6ebda;
}

/* 下部プランボタン */
#MAIN .btArea.btBottom {
	margin-top: 30px;
}