@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 #mainCatch {

}


/* ========================================== 
	群馬県マップ
========================================== */
#MAIN #mainMap {
	margin-top: 40px;
	padding-top: 631px;
	position: relative;
}

#MAIN #mainMap p#gunmaMap {
	position: absolute;
	top: 0px;
	left: 0px;
}

#MAIN #mainMap h3 {
	position: absolute;
	top: 15px;
	left: 25px;
}

#MAIN #mainMap #ui-tab ul#tabList li {
	width: 212px;
	height: 146px;
	position: absolute;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuNone {
	display: none;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuKusa {
	top: 157px;
	left: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuIka {
	top: 315px;
	left: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuIso {
	top: 473px;
	left: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuSima {
	top: 25px;
	right: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuMina {
	top: 175px;
	right: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuSaru {
	top: 324px;
	right: 0px;
}

#MAIN #mainMap #ui-tab ul#tabList li.menuOi {
	top: 473px;
	right: 0px;
}


#MAIN #mainMap .ui-tabs-hide {
	display: none;
}

#MAIN #mainMap ul#markOnsen li {
	width: 61px;
	height: 61px;
	position: absolute;
}

#MAIN #mainMap ul#markOnsen li.iconKusa {
	top: 285px;
	left: 230px;
}

#MAIN #mainMap ul#markOnsen li.iconIka {
	top: 350px;
	left: 355px;
}

#MAIN #mainMap ul#markOnsen li.iconIso {
	top: 407px;
	left: 320px;
}

#MAIN #mainMap ul#markOnsen li.iconSima {
	top: 265px;
	left: 290px;
}

#MAIN #mainMap ul#markOnsen li.iconMina {
	top: 180px;
	left: 420px;
}

#MAIN #mainMap ul#markOnsen li.iconSaru {
	top: 240px;
	left: 350px;
}

#MAIN #mainMap ul#markOnsen li.iconOi {
	top: 285px;
	left: 465px;
}

/* エリア詳細 */
#MAIN #mainMap .areaD {
	position: relative;
}

#MAIN #mainMap .areaD p.planBt {
	width: 463px;
	height: 54px;
	position: absolute;
	top: 50px;
	right: 30px;
}

#MAIN #mainMap .areaD .cont {
	border-left: 16px solid #d7f2c8;
	border-right: 16px solid #d7f2c8;
	padding: 0 20px 20px 20px;
}

#MAIN #mainMap .areaD .cont p.textArea {
	font-size: 18px;
	line-height: 30px;
	color: #8f5806;
	float: right;
	width: 380px;
	padding-top: 10px;
}

/* 伊香保、四万、水上、猿ヶ京 */
#MAIN #mainMap #fragment-3.areaD .cont p.textArea,
#MAIN #mainMap #fragment-5.areaD .cont p.textArea,
#MAIN #mainMap #fragment-6.areaD .cont p.textArea {
	font-size: 20px;
	line-height: 30px;
	padding-top: 20px;
}

/* 猿ヶ京、老神 */
#MAIN #mainMap #fragment-7.areaD .cont p.textArea,
#MAIN #mainMap #fragment-8.areaD .cont p.textArea {
	font-size: 20px;
	line-height: 35px;
	padding-top: 20px;
}

/* ========================================== 
	登録されました
========================================== */
#MAIN #mainTomioka {
	margin-top: 50px;
	min-height: 429px;
	background: url(../images/regist_bk.jpg) no-repeat 0px 176px;
}

#MAIN #mainTomioka p {
	font-size: 16px;
	line-height: 27px;
	padding-left: 268px;
	margin-top: -5px;
}

/* ========================================== 
	駐車場のご案内
========================================== */
#MAIN #mainParking {
	margin-top: 20px;
	width: 860px;
	height: 404px;
	position: relative;
}

#MAIN #mainParking p.parkTxt {
	position: absolute;
	font-size: 14px;
	line-height: 20px;
}

#MAIN #mainParking p.parkTxt.p1 {
	top: 159px;
	left: 60px;
}

#MAIN #mainParking p.parkTxt.p2 {
	top: 208px;
	left: 60px;
}

#MAIN #mainParking p.parkTxt.p4 {
	top: 257px;
	left: 60px;
}

#MAIN #mainParking p.parkTxt.add {
	top: 310px;
	left: 15px;
	width: 360px;
	color: #fff;
	text-shadow: 1px 1px 0px #2b5662;
	line-height: 22px;
}