@charset "shift_jis";

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

/*’²�®—pCSS*/
@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;
}


/* ========================================== 
	ƒ�ƒCƒ“ƒLƒƒƒbƒ`
========================================== */
#MAIN #mainCatch {
	width: 860px;
	height: 397px;
	position: relative;
}

#MAIN #mainCatch p {/* ŒÃ‚¢IE—p */
	background-color: #000;
}

#MAIN #mainCatch p {
	font-size: 15px;
	line-height: 22px;
	position: absolute;
	bottom: 25px;
	left: 15px;
	width: 480px;
	padding: 10px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 5px;
	color: #fff;
}

/* ========================================== 
	ƒ�ƒCƒ“ƒiƒr
========================================== */
#MAIN #mainNavi {
	margin-top: 15px;
}

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

#MAIN #mainNavi ul#tabList {
	width: 860px;
}

#MAIN #mainNavi ul#tabList li {
	float: left;
}

#MAIN #mainNavi ul#tabList li a {
	height: 55px;
	background: url(../images/main_navi.gif) left top;
	display: block;
	width: 143px;
}

#MAIN #mainNavi ul#tabList li a span {
	display: none;
}

#MAIN #mainNavi ul#tabList li a:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a:hover {
	filter: alpha(opacity=100);
	opacity:1;
}

#MAIN #mainNavi ul#tabList li.naviTop {
	display: none;
}

#MAIN #mainNavi ul#tabList li a.f2 {
	background-position: 0px top;
	width: 143px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f2 {
	background-position: 0px bottom;
}

#MAIN #mainNavi ul#tabList li a.f3 {
	background-position: -143px top;
	width: 145px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f3 {
	background-position: -143px bottom;
}

#MAIN #mainNavi ul#tabList li a.f4 {
	background-position: -288px top;
	width: 142px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f4 {
	background-position: -288px bottom;
}

#MAIN #mainNavi ul#tabList li a.f5 {
	background-position: -430px top;
	width: 143px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f5 {
	background-position: 430px bottom;
}

#MAIN #mainNavi ul#tabList li a.f6 {
	background-position: -573px top;
	width: 143px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f6 {
	background-position: -573px bottom;
}

#MAIN #mainNavi ul#tabList li a.f7 {
	background-position: -716px top;
	width: 144px;
}

#MAIN #mainNavi ul#tabList li.ui-tabs-selected a.f7 {
	background-position: -716px bottom;
}


/* ========================================== 
	’nˆæ�Љî
========================================== */
#MAIN #mainNavi .areaBox {
	background: url(../images/contents_bk.jpg) no-repeat left bottom #000;
	padding: 25px 15px 15px 15px;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
}

#MAIN #mainNavi .areaBox .areaCatch .catchTxt {
	width: 470px;
	float: left;
	font-size: 15px;
}

#MAIN #mainNavi .areaBox .areaCatch .catchTxt p {
	font-size: 15px;
	margin-top: 15px;
	line-height: 21px;
}

#MAIN #mainNavi .areaBox .areaCatch img.areaImg {
	float: right;
}

#MAIN #mainNavi .areaBox .areaOnsen,
#MAIN #mainNavi .areaBox .areaSpot {/* ŒÃ‚¢IE—p */
	background-color: #ac1506;
}
	
#MAIN #mainNavi .areaBox .areaOnsen {
	background-color: rgba(215,26,7,0.8);
	background-position: left center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 65px 10px 5px 240px;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	min-height: 90px;
	margin-top: 25px;
}

#MAIN #mainNavi .areaBox .areaOnsen h4 {
	position: absolute;
	top: 2px;
	left: 238px;
}

#MAIN #mainNavi .areaBox .areaSpot {
	background-color: rgba(215,26,7,0.8);
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 70px 240px 5px 10px;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	min-height: 90px;
	margin-top: 25px;
}

#MAIN #mainNavi .areaBox .areaSpot h4 {
	position: absolute;
	top: 1px;
	left: 10px;
}

#MAIN #mainNavi .areaBox .areaJiman {
	margin-top: 20px;
}

#MAIN #mainNavi .areaBox .areaJiman img.jmLeft {
	float: left;
}

#MAIN #mainNavi .areaBox .areaJiman img.jmRight {
	float: right;
}

/* ҜΛ */
#MAIN #mainNavi #fragment-2.areaBox .areaOnsen {
	background-image: url(../images/area_nikko_os1_img.jpg);
}

#MAIN #mainNavi #fragment-2.areaBox .areaSpot {
	background-image: url(../images/area_nikko_os2_img.jpg);
}

/* ‹S“{�ì */
#MAIN #mainNavi #fragment-3.areaBox .areaOnsen {
	background-image: url(../images/area_kinugawa_os1_img.jpg);
}

#MAIN #mainNavi #fragment-3.areaBox .areaOnsen p {
	padding-top: 5px;
}

#MAIN #mainNavi #fragment-3.areaBox .areaSpot {
	background-image: url(../images/area_kinugawa_os2_img.jpg);
}

/* “ß�{ */
#MAIN #mainNavi #fragment-4.areaBox .areaOnsen {
	background-image: url(../images/area_nasu_os1_img.jpg);
}

#MAIN #mainNavi #fragment-4.areaBox .areaSpot {
	background-image: url(../images/area_nasu_os2_img.jpg);
}

/* ‰–Œ´ */
#MAIN #mainNavi #fragment-5.areaBox .areaOnsen {
	background-image: url(../images/area_shiobara_os1_img.jpg);
}

#MAIN #mainNavi #fragment-5.areaBox .areaSpot {
	background-image: url(../images/area_shiobara_os2_img.jpg);
	padding-top: 60px;
}

/* “’�¼�ì */
#MAIN #mainNavi #fragment-6.areaBox .areaOnsen {
	background-image: url(../images/area_yunishi_os1_img.jpg);
}

#MAIN #mainNavi #fragment-6.areaBox .areaOnsen p {
	padding-top: 5px;
}

#MAIN #mainNavi #fragment-6.areaBox .areaSpot {
	background-image: url(../images/area_yunishi_os2_img.jpg);
}

#MAIN #mainNavi #fragment-6.areaBox .areaSpot h4 {
	top: 5px;
}

/* ‰F“s‹{ */
#MAIN #mainNavi #fragment-7.areaBox .areaOnsen {
	background-image: url(../images/area_utsunomiya_os1_img.jpg);
}

#MAIN #mainNavi #fragment-7.areaBox .areaSpot p {
	padding-top: 5px;
}

#MAIN #mainNavi #fragment-7.areaBox .areaSpot {
	background-image: url(../images/area_utsunomiya_os2_img.jpg);
}


/* ========================================== 
	‘ÎŒˆ
========================================== */
#MAIN .battleBox {
	margin-top: 50px;
}

#MAIN .battleBox .battleWrap .battleDetail {
	width: 286px;
	padding-bottom: 53px;
	position: relative;
	float: left;
	margin-left: 1px;
}

#MAIN .battleBox .battleWrap .battleDetail:first-child {
	margin-left: 0px;
}

#MAIN .battleBox .battleWrap .battleDetail p.btTxt {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	font-size: 13px;
	line-height: 20px;
	padding: 10px 8px 0 8px;
}

#MAIN .battleBox .battleWrap .battleDetail p.btTxt span.attent {
	display: block;
	font-size: 11px;
	line-height: 15px;
	margin-top: 3px;
}

#MAIN .battleBox .battleWrap .battleDetail p.btButton {
	position: absolute;
	bottom: 9px;
	left: 7px;
}


/* �H‘ÎŒˆ */
#MAIN #battleFood.battleBox .battleWrap .battleDetail {
	background: url(../images/food_bk.gif) no-repeat 0px 242px #9d0202;
}

/* “yŽY‘ÎŒˆ */
#MAIN #battleMiyage.battleBox .battleWrap .battleDetail {
	background: url(../images/souvenir_bk.gif) no-repeat 0px 242px #303494;
}

/* ========================================== 
	Œ‹‰Ê”­•\
========================================== */
#MAIN #result {
	margin-top: 50px;
}


/* ========================================== 
	ƒpƒXƒ|�[ƒg
========================================== */
#MAIN #passport {
	margin-top: 50px;
	border: 2px solid #f2787c;
	padding: 8px 21px 18px 22px;
	border-radius: 5px;
	position: relative;
}

#MAIN #passport p.omo800 {
	width: 236px;
	height: 92px;
	position: absolute;
	top: 60px;
	right: 25px;
}

#MAIN #passport .pointBox {
	padding-top: 20px;
}

#MAIN #passport .pointBox dl {
	width: 423px;
	float: left;
}

#MAIN #passport .pointBox dl dt {
	float: left;
	clear: both;
	padding-top: 5px;
}

#MAIN #passport .pointBox dl dd {
	padding: 10px 0 8px 120px;
	font-size: 14px;
	line-height: 23px;
	background: url(../images/pass_ten.gif) no-repeat left bottom;
}

#MAIN #passport .pointBox img.passImg {
	float: right;
	margin-top: 25px;
}

#MAIN #passport p.search {
	margin-top: 15px;
}

#MAIN #passport p.passTxt {
	font-size: 13px;
	line-height: 23px;
	margin-top: 10px;
}

#MAIN #passport p.passBt {
	margin-top: 10px;
}


/* ========================================== 
	Œ‹‰Ê”­•\’ljÁ•ª
========================================== */
#MAIN .resultBox {
	margin-top: 50px;
	background: #000;
	border-radius: 5px;
}

#MAIN .resultBox p.catch {
	font-size: 14px;
	padding: 5px 13px 5px;
	color: #fff;
}

#MAIN .resultBox ol {
	padding: 0 0 12px 12px;
}

#MAIN .resultBox ol li {
	float: left;
	margin-right: 10px;
	width: 266px;
	border: 3px solid #f00;
	border-radius: 5px;
	position: relative;
	padding: 204px 0 41px 0;
	background: #fff;
	margin-top: 5px;
}

#MAIN .resultBox ol li h4 {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 272px;
	height: 207px;
}

#MAIN .resultBox ol li h5 {
	text-align: center;
	color: #a10706;
	font-size: 20px;
	padding-top: 10px;
	line-height: 1.1;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
	background: #fff;
}

#MAIN .resultBox ol li h5.hlong {
	letter-spacing: -1px;
}

#MAIN .resultBox ol li p.txtArea {
	padding: 7px 13px;
	font-size: 13px;
	line-height: 1.5;
}

#MAIN .resultBox ol li p.btArea {
	position: absolute;
	bottom: 0px;
	left: -3px;
	width: 272px;
	height: 38px;
	text-align: center;
}

#MAIN p.sale {
	margin-top: 50px;
	font-size: 30px;
	text-align: center;
    background: #fcf8ea;
    border-radius: 5px;
    padding: 20px 0;
    color: #cc0000;
    text-shadow: 1px 1px 0px #fff;
}