@charset "Shift_JIS";
/*温泉エリア県ページ・スマートフォン用CSS：最終更新者－林大輔（2013.02.14）*/

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333;
	font-size: 100%;
}

img,table {
	border: 0;
}

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a{ text-decoration: none;}

div#widewrapper{
	width: 100%;
}

/*--------------------------------------------
grpheaderArea
--------------------------------------------*/
div#widewrapper div#grpheaderArea{
	width: 100%;
}
div#grpheaderArea p#grpTagLine{	display: none;}
div#grpheaderArea p#grpSiteID{
	float: none;
	width: 60px;
	height: auto;
	margin: 10px 0 5px 10px;
}
div#grpheaderArea p#grpSiteID img{
	width: 60px;
	height: 30px;
}
div#grpheaderArea p#grpServiceTitle,
div#grpheaderArea dl#grpRemoteNav,
div#grpheaderArea dl#grpSectionDomestic,
div#grpheaderArea dl#sectionNav,
div#grpheaderArea dl#grpSubSectionDomestic{	display: none;}

/*--------------------------------------------
locationArea
--------------------------------------------*/
#locationArea{ display:none;}

/*--------------------------------------------
logoArea
--------------------------------------------*/
#logoArea{ display:none;}

/*--------------------------------------------
contentsArea
--------------------------------------------*/
#contentsArea a:link       { color: #401D07 }
#contentsArea a:visited    { color: #401D07 }
#contentsArea a:visited:hover,
#contentsArea a:link:hover { color: #993245 }
#contentsArea a:visited:active,
#contentsArea a:link:active{ color: #82659B }

/*titleArea*/
#titleArea h1{
	margin: 10px;
	color: #4E0F0B;
	font-size: 100%;
	line-height: 1.2;
}

/*navArea, mapArea, BannerDisp*/
#navArea,
#mapArea,
#BannerDisp{ display:none;}

/*onsenArea*/
#onsenArea{
	margin-bottom: 20px;
	padding: 10px 10px 0 10px;
	border-top: 2px solid #8D3F35;
	border-bottom: 1px solid #D7CAA8;
	background-color: #F2E4C1;
}

#onsenArea h2{
	margin-bottom: 10px;
	color: #8D3E34;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.1;
}

#onsenArea .onsenBox{
	position: relative;
	min-height: 70px;
	margin-bottom: 10px;
	padding: 10px 15px 10px 10px;
	border: 1px solid #D7CAA8;
	background-color: white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/tap_allow_right.gif) no-repeat center right #FFF;
}

#onsenArea .onsenBox .onsenPhoto{
	position: absolute;
	top: 35px;
	left: 10px;
	width: 67px;
	min-height: 60px;
}
#onsenArea .onsenBox .onsenPhoto a{
	display: block;
	width: 60px;
	min-height: 60px;
}

#onsenArea .onsenBox h3{
	margin-bottom: 7px;
	font-size: 100%;
	line-height: 1.1;
}
#onsenArea .onsenBox h3 a{
	display: block;
}

#onsenArea .onsenBox ul{
	margin-left: 70px;
}
#onsenArea .onsenBox .onsenNumber{
	margin-bottom: 3px;
	font-size: 90%;
	color: #9D8A4F;
}

#onsenArea .onsenBox .onsenOutline{
	width: auto;
	margin-left: 67px;
	font-size: 90%;
	line-height: 1.4;
}

#onsenArea .pageTop{ display: none;}

/*rankArea, onsen_banner*/
#rankArea,
#onsen_banner{ display: none;}

/*searchArea*/
#searchArea{
	min-width: 276px;
	margin: 10px 10px 20px;
	padding: 10px;
	border: 2px solid #8D3F35;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#searchArea h3{
	margin-bottom: 7px;
	padding-bottom: 7px;
	font-size: 100%;
	color: #8D3F35;
	border-bottom: 1px dotted #CCC;
}
#searchArea .searchForm dt{
	clear: both;
	float: left;
	width: 8em;
	margin-bottom: 7px;
	padding-top: 20px;
	font-size: 90%;
}
#searchArea .searchForm dt span{
	display: block;
	font-size: 86%;
}

#searchArea .searchForm dd.selectCheckin,
#searchArea .searchForm dd.selectNumber,
#searchArea .searchForm dd.selectRoom,
#searchArea .searchForm dd.selectPrice,
#searchArea .searchForm dd.selectArea{
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
}
#searchArea .searchForm dd.selectArea{ border-bottom: none;}

#searchArea .hasDatepicker{
	width: 6em;
	min-height: 38px;
	padding: 0 40px 0 10px;
	border: 1px solid #777;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	/*shadow*/
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	/*background image*/
	background-color: #EAEAEA;
	background-position: right center;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/search/images/calendarIcon001);
	background-repeat: no-repeat;
	-webkit-background-size: 28px 23px;
	-moz-background-size: 28px 23px;
	-o-background-size: 28px 23px;
	/*font setting*/
	color: #555;
	font-size: medium;
	font-style: normal;
}

#searchArea .selectNumber .selectOtona{
	margin-bottom: 10px;
}
#searchArea .selectNumber .selectOtona dt,
#searchArea .selectNumber .selectOtona dd{
	display: inline;
	float: none;
	width: auto;
	font-size: 90%;
}
#searchArea .selectNumber .selectOtona dd select,
#searchArea .searchForm dd.selectNumber select,
#searchArea .searchForm dd.selectRoom select,
#searchArea .searchForm dd.selectPrice select,
#searchArea .searchForm dd.selectArea select{
	width: 60px;
	height: 38px;
	color: #333;
	border: 1px solid #777;
	font-size: 90%;
	line-height: 1;
	padding-left: 4px;
}
#searchArea .searchForm dd.selectArea select{ width: 160px;}

#searchArea .selectNumber .selectMore{
	margin-left: 8em;
	padding-left: 14px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif) no-repeat -1170px -135px;
	font-size: 90%;
}

#searchArea .selectNumber .selectChild{
	clear: both;
	margin-top: 10px;
	padding: 10px 10px 0;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
#searchArea .selectNumber .selectChild dt{
	width: 60%;
	margin-bottom: 10px;
	padding-top: 10px;
}
#searchArea .selectNumber .selectChild dd{
	float: left;
	width: 40%;
	margin-bottom: 10px;
}

#searchArea .selectSubmit input{
	display: block;
	width: 100%;
	min-height: 16px;
	text-align: center;
	background: -moz-linear-gradient(
		top,
		#F77E2E 0%,
		#E15802);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#F77E2E),
		to(#E15802));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E66B19;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),
		0px 0px 0px rgba(255,255,255,0);
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	cursor: pointer;
}

/*listArea*/
#listArea{
	margin: 10px 0 10px 10px;
}
#listArea h3{
	margin-bottom: 7px;
	font-size: 100%;
	color: #8D3F35;
}
#listArea .listPref li{
	float: left;
	width: 50%;
	list-style-type: none;
}
#listArea .listPref li a{
	display: block;
	margin: 0 10px 10px 0;
	padding: 15px 0;
	text-align: center;
	font-size: 90%;
	border: 1px solid #C5A58C;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/tap_allow_right.gif) no-repeat center right #F5E0D7;
	/*background: -moz-linear-gradient(top, #7B342D, #401D07);
	background: -webkit-gradient(linear, left top, left bottom, from(#7B342D), to(#401D07));*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*popularArea*/
#popularArea{
	margin: 15px 10px;
	border: 1px solid #C5A58C;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#popularArea h3{
	padding: 15px 15px 15px 10px;
	border-bottom: 1px solid #C5A58C;
	font-size: 100%;
	font-weight: bold;
	color: #8D3F35;
	line-height: 1.1;
}

#popularArea ul{
	padding: 10px 5px;
	font-size: 82%;
	line-height: 2.2;
}
#popularArea ul li{
	display: inline;
	white-space: nowrap;
}
#popularArea ul li a{
	padding: 2px 5px;
	border-right: 1px solid #CCC;
}
#popularArea ul li:last-child a{
	border-right: none;
}

#popularArea .more{
	clear: both;
}
#popularArea .more a{
	display: block;
	margin: 0;
	padding: 15px 15px 15px 10px;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	border-top: 1px dotted #C5A58C;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/tap_allow_right.gif) no-repeat center right;
}

/*mobileArea*/
#mobileArea{ display: none;}

/*specialArea, skiArea*/
#specialArea,
#skiArea{
	margin: 15px 10px;
	border: 1px solid #C5A58C;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#specialArea h3,
#skiArea h3{
	padding: 15px 15px 15px 10px;
	border-bottom: 1px solid #C5A58C;
	font-size: 100%;
	font-weight: bold;
	color: #8D3F35;
	line-height: 1.1;
}
#specialArea ol,
#skiArea ol{
	margin: 0;
	padding: 0;
}
#specialArea li,
#skiArea li{
	position: relative;
	margin: 0;
	border-bottom: 1px dotted #C5A58C;
	list-style-type: none;
}
#specialArea li:last-child,
#skiArea li:last-child{
	border-bottom: none;
}
#specialArea li a,
#skiArea li a{
	display: block;
	min-height: 50px;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.4;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/tap_allow_right.gif) no-repeat center right;
}
#specialArea li a{ min-height: 50px; padding: 7px 15px 7px 63px;}
#skiArea li a    { min-height: 60px; padding: 7px 15px 7px 93px;}

#specialArea li a img,
#skiArea li a img{
	position: absolute;
	top: 7px;
	left: 7px;
}

#skiArea .more{
	clear: both;
}
#skiArea .more a{
	display: block;
	margin: 0;
	padding: 15px 15px 15px 10px;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	border-top: 1px dotted #C5A58C;
	background: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/tap_allow_right.gif) no-repeat center right;
}

/*naviArea*/
#naviArea{ display: none;}

/*--------------------------------------------
pagetop
--------------------------------------------*/
div#pagetopArea{
	width: 100%;
	line-height: 1.1;
	margin: 0;
}

div#pagetopArea p.pagetopCopyright{
	float: none;
	width: auto;
	margin: 0 10px 15px 10px;
	text-align: center;
	font-size: 65%;
	color: #666666;
}

div#pagetopArea p.pagetopLink{
	float: none;
	width: auto;
	margin: 0;
}
div#pagetopArea p.pagetopLink a{
	display: block;
	padding: 7px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EAEAEA;
	background-image: none;
	text-align: center;
}

/*--------------------------------------------
grpRakutenLinkArea
--------------------------------------------*/
div#widewrapper div#grpfooterArea{
	width: 100%;
	margin-bottom: 7px;
	padding-top: 7px;
}
div#grpfooterArea #grpSupportMenu,
div#grpfooterArea #grp10th{
	display: none;
}
div#grpfooterArea #grpCopyright{
	text-align: center;
	font-size: 65%;
}

/*--------------------------------------------
background
--------------------------------------------*/
#onsenArea .onsenBox,
#listArea .listPref li a,
#specialArea li a,
#popularArea li a,
#popularArea .more a,
#skiArea li a,
#skiArea .more a{
	-webkit-background-size: 12px 11px;  /* Safari,Google Chrome用 */  
    -moz-background-size: 12px 11px;　/* Firefox用 */
    -o-background-size: 12px 11px;　/* Opera用 */  
}

/*--------------------------------------------
clearfix
--------------------------------------------*/
#onsenArea .onsenBox:after,
#searchArea .selectNumber:after,
#searchArea .selectNumber .selectChild:after,
#popularArea ul:after,
#listArea .listPref:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}


/*　...................................

2019.04
s-sato

https://img.travel.rakuten.co.jp/share/themes/onsen/css/contents.css
上記のPCにあたっていたcontents.cssを元にSP時のcssを作成してiphone.cssへ追加。

......................................*/
/* header */
div#widewrapper div#grpheaderArea {
	border-bottom: 2px solid #66B821;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
/* footer */
div#widewrapper div#grpfooterArea {
	border-top: 2px solid #72A331;
	background: #FFF;
	padding: 10px 0 0;
	margin-top: -1px;
}

/*--------------------------------------------
2019.04 message
--------------------------------------------*/
div#messageArea {width: auto;margin: 0 10px 10px;padding: 10px; border: 1px solid #990000;}
div#messageArea p{
	margin: 0;
	font-size: 80%;
	color: #990000;
	line-height: 1.6;
}
div#messageArea dl{
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	font-size: 80%;
	color: #990000;
	line-height: 1.4;
	border-top: 1px dotted #990000;
}
div#messageArea dl dt,
div#messageArea dl dd{
    margin: 5px 0 0;}

/*--------------------------------------------
2019.04 message onsenchi
--------------------------------------------*/
/*中枠のレイアウト*/
div#contentsArea div#mainArea{
	margin: 20px 0 0;
}

div#contentsArea div#sideArea{
	margin: 0;
	padding: 15px 10px 5px 10px;
	background-color: #F2E4C1;
	/* border: 1px solid #D7CAA8; */
	border-bottom: none;
}

/*****温泉地の紹介*****/
div#mainArea div#infoArea{
	margin: 0 0 15px 0;
	padding: 0 10px 10px;
	background-color: #F7F7EF;
	background:-moz-linear-gradient(center top , #FFF 0%, #F7F7EF) repeat scroll 0 0 transparent;
}

div#mainArea div#infoArea p{
	margin: 0;
	font-size: 90%;
	line-height: 1.8;
}

div#mainArea div#infoArea p img{
	margin: 10px auto;
	padding: 5px;
	border: 1px solid #786157;
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

div#mainArea div#infoArea p span{
	font-size: 72%;
	line-height: 1.2;
}

div#mainArea div#infoArea div.infoNavi{
	/* height: 30px; */
	margin: 20px 0 10px;
    display: none;
}
div#mainArea div#infoArea div.infoNavi ul{
	padding-top: 3px;
	text-align: left;
	line-height: 2;
}
div#mainArea div#infoArea div.infoNavi ul li{
	list-style-type: none;
	font-size: 82%;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -1960px -100px;
}
div#mainArea div#infoArea div.infoNavi ul li.hotel{margin-bottom: 1em;}

div#mainArea div#infoArea div.infoNavi ul li a{
	padding-left: 20px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#mainArea div#infoArea div.infoNavi ul li.hotel a{background-position: -1170px -238px;}
div#mainArea div#infoArea div.infoNavi ul li.com a  { background-position: -1170px -260px;}
div#mainArea div#infoArea div.infoNavi ul li.map a  {background-position: -1170px -217px;}

/*****mainAreaのサブタイトル*****/
div#hotelArea h2{
	margin: 0 10px;
	/* padding: 0 0 4px 0px; */
	font-weight: bold;
	font-size: 100%;
	color: #8D3E34;
	background-color: #FFFFFF;
	border-bottom: 3px solid #8D3F35;
	line-height: 2;
	letter-spacing: 0.05em;
}
div#hotelArea h2 span{
	font-size: 120%;
	padding-right: 3px;
}

/*****地図*****/
div#mainArea div#mapArea{
	margin: 0 0 20px 0;
}

div#mainArea div#mapArea h2 span{
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -1170px -310px;
}

div#mainArea div#mapArea div.mapBox{
	position: relative;
	width: 685px;
	height: 440px;
}

div#mainArea div#mapArea div.mapBox div#mapOverBox{
	position: relative;
	z-index: 1;
	width: 685px;
	height: 440px;
}

div#mainArea div#mapArea div.mapBox ul.mapOnsenList{
	list-style-type: none;
}

div#mainArea div#mapArea div.mapBox ul.mapOnsenList li{
	position: absolute;
	padding: 2px 0;
	z-index: 2;
	/*top: 0;
	left: 0;*/	
	font-size: 90%;
	font-weight: bold;
	-webkit-box-shadow: 0 2px 3px 0px #666; /* Safari, Chrome用 */
	-moz-box-shadow: 0 2px 3px 0px #666; /* Firefox用 */
	box-shadow: 0 2px 3px 0px #666; /* CSS3 */
}
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a{
	padding: 2px 5px;
	color: #FFFFFF;
	border: 1px solid #4E0F0B;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
}

div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:link,
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:visited    { text-decoration: none; background-color: #6D261F;}
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:visited:hover,
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:link:hover,
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:visited:active,
div#mainArea div#mapArea div.mapBox ul.mapOnsenList li a:link:active{ text-decoration: underline; background-color: #4E0F0B;}


/*****ランキング*****/
div#mainArea div#rankArea{
	margin: 0 0 5px 0;
}

div#mainArea div#rankArea h2 span{
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -1170px -350px;
}
/*2011.01.06追記*/
div#mainArea div#rankArea p.kome{
	padding:5px;
	font-size:65%;
	line-height:1.2;
	margin:0;
}/*ここまで*/

div#mainArea div#rankArea div#rankBox{
	width: 685px;
	margin: 10px 0 0 0;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
}

div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	width: 98px;
	height: 24px;
	margin: 0 5px 0 0;
	padding: 6px 0 0 0;
	list-style-type: none;
	text-align: center;
	font-size: 82%;	
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
div#mainArea div#rankArea div#rankBox ul li span{
	display: block;
	height: 18px;
	padding: 3px 0;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#mainArea div#rankArea div#rankBox ul li span.total{ background-position: -1030px -200px; color:#782301; text-decoration: underline;}
div#mainArea div#rankArea div#rankBox ul li span.meal { background-position: -1030px -240px; color:#9F4B00; text-decoration: underline;}
div#mainArea div#rankArea div#rankBox ul li span.bath { background-position: -1030px -280px; color:#836A0A; text-decoration: underline;}
div#mainArea div#rankArea div#rankBox ul li span.room { background-position: -1030px -320px; color:#326500; text-decoration: underline;}

div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabHover span.total{ background-position: -1030px -360px; }
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabHover span.meal { background-position: -1030px -400px; }
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabHover span.bath { background-position: -1030px -440px; }
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabHover span.room { background-position: -1030px -480px; }

div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected {
	width: 108px;
	height: 30px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected span{
	display: block;
	height: 22px;
	padding: 5px 0 3px 0;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected span.total{ background-position: -1030px  -40px; color:#782301; text-decoration: none;}
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected span.meal { background-position: -1030px  -80px; color:#9F4B00; text-decoration: none;}
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected span.bath { background-position: -1030px -120px; color:#836A0A; text-decoration: none;}
div#mainArea div#rankArea div#rankBox ul li.TabbedPanelsTabSelected span.room { background-position: -1030px -160px; color:#326500; text-decoration: none;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContentGroup{
	clear: both;
	width: 685px;
	margin: 0 0 5px 0;
	background-color: #FFFFFF;
	border: 1px solid #907E72;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent{
	width: 665px;
	margin: 0;
	padding: 10px;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #401D07;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01{
	width: 665px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel02,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel04{
	clear: both;
	float: left;
	width: 321px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel03,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel05{
	clear: right;
	float: right;
	width: 321px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel04,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel05{
	margin-bottom: 0;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankNumber{
	float: left;
	width: 50px;
	margin: 0 0 5px 0;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankNumber span{
	display: block;
	width: 42px;
	height: 42px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel01 p.rankNumber span{ background-position: -760px -370px;}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel02 p.rankNumber span{ background-position: -810px -370px;}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel03 p.rankNumber span{ background-position: -860px -370px;}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel04 p.rankNumber span{ background-position: -910px -370px;}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel05 p.rankNumber span{ background-position: -960px -370px;}
div#mainArea div#rankArea div#rankBox div.meal  div.rankHotel01 p.rankNumber span{ background-position: -760px -420px;}
div#mainArea div#rankArea div#rankBox div.meal  div.rankHotel02 p.rankNumber span{ background-position: -810px -420px;}
div#mainArea div#rankArea div#rankBox div.meal  div.rankHotel03 p.rankNumber span{ background-position: -860px -420px;}
div#mainArea div#rankArea div#rankBox div.meal  div.rankHotel04 p.rankNumber span{ background-position: -910px -420px;}
div#mainArea div#rankArea div#rankBox div.meal  div.rankHotel05 p.rankNumber span{ background-position: -960px -420px;}
div#mainArea div#rankArea div#rankBox div.bath  div.rankHotel01 p.rankNumber span{ background-position: -760px -470px;}
div#mainArea div#rankArea div#rankBox div.bath  div.rankHotel02 p.rankNumber span{ background-position: -810px -470px;}
div#mainArea div#rankArea div#rankBox div.bath  div.rankHotel03 p.rankNumber span{ background-position: -860px -470px;}
div#mainArea div#rankArea div#rankBox div.bath  div.rankHotel04 p.rankNumber span{ background-position: -910px -470px;}
div#mainArea div#rankArea div#rankBox div.bath  div.rankHotel05 p.rankNumber span{ background-position: -960px -470px;}
div#mainArea div#rankArea div#rankBox div.room  div.rankHotel01 p.rankNumber span{ background-position: -760px -520px;}
div#mainArea div#rankArea div#rankBox div.room  div.rankHotel02 p.rankNumber span{ background-position: -810px -520px;}
div#mainArea div#rankArea div#rankBox div.room  div.rankHotel03 p.rankNumber span{ background-position: -860px -520px;}
div#mainArea div#rankArea div#rankBox div.room  div.rankHotel04 p.rankNumber span{ background-position: -910px -520px;}
div#mainArea div#rankArea div#rankBox div.room  div.rankHotel05 p.rankNumber span{ background-position: -960px -520px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent h3{
	width: 321px;
	margin-bottom: 3px;
	font-size: 100%;
	font-weight: bold;
}
*html div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent h3{
	width: 268px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01 h3{
	width: 610px;
}
*html div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul.rankHotelCustomer{
	width: 278px;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul.rankHotelCustomer{
	width: 271px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li{
	list-style-type: none;	
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul.rankHotelBt li{
	float: left;
	margin-bottom: 5px;
	padding: 0 5px 0 0;
	height: 17px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch { width: 57px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan   { width: 87px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage{ width: 117px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR     { width: 117px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus     { width: 111px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating a,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a{
	display: block;
	height: 17px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a{ width: 57px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:link       { background-position: -710px -70px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:visited    { background-position: -710px -70px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:link:hover { background-position: -830px -70px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtSearch a:link:active{ background-position: -830px -70px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a{ width: 87px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:link       { background-position: -710px -90px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:visited    { background-position: -710px -90px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:link:hover { background-position: -830px -90px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPlan a:link:active{ background-position: -830px -90px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a{ width: 117px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:link       { background-position: -710px -110px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:visited    { background-position: -710px -110px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:link:hover { background-position: -830px -110px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtPackage a:link:active{ background-position: -830px -110px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a{ width: 117px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:link       { background-position: -710px -50px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:visited    { background-position: -710px -50px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:link:hover { background-position: -830px -50px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtJR a:link:active{ background-position: -830px -50px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:link       { background-position: -710px -149px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:visited    { background-position: -710px -149px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:link:hover { background-position: -830px -149px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankBtDyus a:link:active{ background-position: -830px -149px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelVoice{
	float: left;
	font-size: 82%;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p{
	float: left;
	width: 29px;
	height: 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.total{ background-position: -10px -280px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.meal { background-position: -10px -220px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.room { background-position: -10px -240px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.bath { background-position: -10px -260px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate{
	float: left;
	width: 40px;
	height: 14px;
	margin: 0 0 0 5px;
	padding: 0 0 0 75px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	color: #CC0000;
	overflow: visible;
	text-indent: inherit;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate50{ background-position:  -10px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate45{ background-position: -150px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate40{ background-position: -290px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate35{ background-position: -430px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate30{ background-position: -570px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate25{ background-position: -710px -10px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate20{ background-position:  -10px -40px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate15{ background-position: -150px -40px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate10{ background-position: -290px -40px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate05{ background-position: -430px -40px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul li.rankHotelRating p.rate00{ background-position: -570px -40px;}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence{
	clear: both;
	margin: 5px 0;
	font-size: 82%;
	line-height: 1.4;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01 p.rankHotelSentence{
	padding: 0 0 10px 0;
	font-size: 90%;
	background-repeat: no-repeat;
	background-position: 400px 0;
}
div#mainArea div#rankArea div#rankBox div.total div.rankHotel01 p.rankHotelSentence{ background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/rank_bgTotal.gif);}
div#mainArea div#rankArea div#rankBox div.meal div.rankHotel01 p.rankHotelSentence{ background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/rank_bgMeal.gif);}
div#mainArea div#rankArea div#rankBox div.bath div.rankHotel01 p.rankHotelSentence{ background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/rank_bgBath.gif);}
div#mainArea div#rankArea div#rankBox div.room div.rankHotel01 p.rankHotelSentence{ background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/rank_bgRoom.gif);}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01 ul.rankHotelBt{
	float: left;
	width: 447px;
}

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a{
	clear: both;
	float: none;
	display: block;
	margin: 0 0 3px 0;
	padding: 0 0 0 14px;
	border: none;
	background-repeat: no-repeat;
	background-position: 0;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01 p.rankHotelSentence a{
	clear: none;
	width: 200px;
	margin-left: 252px;
	font-size: 91%;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel01 p.rankHotelSentence a.rankHotelPhoto{
	margin-left: 0;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a{
	padding: 0 0 0 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	line-height: 1.2;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:link       { background-position: -1170px -88px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:visited    { background-position: -1170px -88px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:link:hover { background-position: -1170px -103px;}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a:link:active{ background-position: -1170px -118px; }

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto{
	display: block;
	clear:none;
	float: left;
	margin: 0 10px 5px 0;
	padding: 3px;
	border: 1px solid #796258;
	background-image: none;
	background-color: #FFFFFF;
}
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto:visited    { background-color: #FFFFFF;	background-image: none; }
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto:visited:hover,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto:link:hover { background-color: #E4E0DE;	background-image: none; }
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto:visited:active,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent p.rankHotelSentence a.rankHotelPhoto:link:active{ background-color: #E4E0DE;	background-image: none; }

div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel02 ul.rankHotelBt,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel03 ul.rankHotelBt,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel04 ul.rankHotelBt,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div.rankHotel05 ul.rankHotelBt{
	clear: both;
	text-align: left;
}

/*****温泉地一覧*****/

div#onsenError{
	margin: 0 auto;
	text-align: center;
}

/*****バナー枠*****/
div#mainArea div.bnrArea{
	clear: both;
	margin: 0 0 15px 0;
}

/*****温泉宿一覧*****/
div#mainArea div#hotelArea{
	margin: 0 0 15px 0;
}

div#mainArea div#hotelArea h2 span{
}

div#mainArea div#hotelArea p.number{
	margin: 10px;
	font-size: 82%;
}
div#mainArea div#hotelArea p.number em{
	padding: 0 3px;
	color: #BC4305;
	font-style: normal;
}
div#mainArea div#hotelArea p.number em span{
	font-weight: bold;
	font-size: 134%;
}

div#mainArea div#hotelArea div.hotelList{
	padding: 10px;
}

div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze{
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #8d3f35;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dt{
	margin-bottom: 1em;
	font-size: 90%;
	font-weight: bold;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeList{
	font-size: 90%;
	margin-bottom: 1em;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeList ul{
	margin: 0 0 0 5px;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeList ul li{
	float: left;
	padding: 0 7px 0 0;
	list-style-type: none;
	white-space: nowrap;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt{
	font-size: 90%;
	margin-bottom: 1em;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a{
	padding: 0 0 0 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:link       {background-position: -1170px -84px;}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:visited    {background-position: -1170px -88px;}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:visited:hover,
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:link:hover { background-position: -1170px -103px;}
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:visited:active,
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd.squeezeBt a:link:active{ background-position: -1170px -118px;}

div#mainArea div#hotelArea div.hotelList dl.hotelSort{
	margin: 10px 0;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSort dt{
	margin-bottom: 0.6em;
	font-size: 90%;
	font-weight: bold;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSort dd{
	font-size: 82%;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSort dd ul{
	overflow: hidden;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSort dd ul li{
	display: inline;
	padding: 0 6px 0 6px;
	margin-bottom: 15px;
	list-style-type: none;
	border-right: 1px solid #907E72;
	line-height: 1.6;
	float: left;
}

div#mainArea div#hotelArea div.hotelList dl.hotelSort dd ul li span.selected{
	margin: 0;
	padding: 1px 3px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #E6752B;
}
div#mainArea div#hotelArea div.hotelList dl.hotelSort dd ul li span.sortItem{
	text-decoration: underline;
	color: #401D07;
	cursor: pointer;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow{
	margin-bottom: 15px;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 10px;
	box-sizing: border-box;
	background: #f7f7ef;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox:first-child {
	margin: 0;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox div.hotelPhoto{
	text-align : center;
	margin-bottom: 15px;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox div.hotelPhoto a{
	display: inline-block;
	margin: 0;
	padding: 3px;
	border: 1px solid #796258;
	background-color: #FFFFFF;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox div.hotelPhoto a:hover{
	background-color: #E4E0DE;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox h3{
	margin: 0 0 10px 0;
	font-size: 100%;
	line-height: 1.4;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox h3 span{
	display: block;
	color: #9D8A4F;
	font-size: 80%;
	font-weight: normal;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul{
	list-style-type: none;
	overflow: hidden;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelVoice{
	font-size: 80%;
	float: left;
	margin: 0 0 7px 0;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating{
	margin: 0 0 10px 0;
	line-height: 1.0;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p{
	float: left;
	width: 29px;
	height: 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.total{ background-position: -10px -280px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.meal { background-position: -10px -220px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.room { background-position: -10px -240px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.bath { background-position: -10px -260px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate{
	width: 40px;
	height: 14px;
	margin: 0 0 0 5px;
	padding: 0 0 0 75px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	color: #CC0000;
	overflow: visible;
	text-indent: inherit;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate50{ background-position:  -10px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate45{ background-position: -150px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate40{ background-position: -290px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate35{ background-position: -430px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate30{ background-position: -570px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate25{ background-position: -710px -10px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate20{ background-position: -10px -40px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate15{ background-position: -150px -40px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate10{ background-position: -290px -40px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate05{ background-position: -430px -40px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating p.rate00{ background-position: -570px -40px;}


div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating span.SU_SCORE,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating span.MEAL_SCORE,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating span.BATH_SCORE,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating span.ROOM_SCORE{
	display: none;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelPrice{
	color: #CC0000;
	font-size: 90%;
	width: 60%;
	margin: 0 0 10px 0;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelPrice span.title{
	font-size: 90%;
	font-weight: normal;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelPrice em{
	font-weight: bold;
	font-style: normal;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelPrice em span{
	font-size: 122%;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess{
	font-size: 82%;
	clear: both;
	/* margin: 0 0 10px 0; */
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title{
	display: block;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.8;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title img{
	margin-left: 5px;
	vertical-align: -2px;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a{
	display: block;
	float: right;
	width: 60px;
	height: 15px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:link       { background-position: -710px -160px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:visited    { background-position: -710px -160px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:link:hover { background-position: -770px -160px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelAccess span.title a:link:active{ background-position: -770px -160px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt{
	margin: 3px 0 0 0;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li{
	/* padding: 4px 2px; */
	padding: 8px 0 0;
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search {/* float: left; *//* width: 57px; *//* height: 17px; */}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan   {}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp     {}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr     { clear: both; width: 117px;height: 17px; padding: 0 0 0 18px; display: none;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus     {}


div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li a{
	display: block;
	background-color: #E3CFBF;
	border: 1px solid #bbb;
	color: #583a02;
	padding: 8px;
	border-radius: 5px;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a{/* width: 57px; */}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:link       {/* background-position: -710px -70px; */}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:visited    {/* background-position: -710px -70px; */}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:link:hover { background-position: -830px -70px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.search a:link:active{ background-position: -830px -70px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a{
}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:link       {}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:visited    {}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:link:hover { background-position: -830px -90px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.plan a:link:active{ background-position: -830px -90px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a{}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:link       { background-position: -710px -110px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:visited    { background-position: -710px -110px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:link:hover { background-position: -830px -110px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dp a:link:active{ background-position: -830px -110px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a{ width: 117px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:link       { background-position: -710px -50px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:visited    { background-position: -710px -50px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:link:hover { background-position: -830px -50px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.jr a:link:active{ background-position: -830px -50px;}

div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a{}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:link       { background-position: -710px -149px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:visited    { background-position: -710px -149px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:visited:hover,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:link:hover { background-position: -830px -149px;}
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:visited:active,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul.hotelBt li.dyus a:link:active{ background-position: -830px -149px;}

div#mainArea div#hotelArea div.hotelList p.hotelError{
	margin: 200px 0;
	text-align: center;
	font-size: 90%;
	line-height: 1.5;
}

div#mainArea div#hotelArea div.hotelList p.attention{
	margin: 0px;
	padding: 10px 0 0 0;
	border-top: 1px dotted #796258;
	font-size: 80%;
}

.pageTop {
	text-align: right;
	padding: 0 10px 0 0;
	font-size:80%
}

/*****コミュニティ*****/
div#mainArea div#comArea{
	position: relative;
	width: 685px;
	margin: 0 0 5px 0;
}

div#mainArea div#comArea h2 span{
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -1170px -370px;
}

div#mainArea div#comArea div.comList{
	margin: 0;
	padding: 10px 0 0 15px;
	border-color: #B8867A;
	border-style: none solid solid solid;
	border-width: 1px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -10px -760px;
}
div#mainArea div#comArea div.comList p.date{
	position: absolute;
	top: 5px;
	right: 0;
	;
}
div#mainArea div#comArea div.comList ul#tabicomi{
	width: 653px;
}
div#mainArea div#comArea div.comList ul#tabicomi li{
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #796258;	
}	
div#mainArea div#comArea div.comList ul#tabicomi li dl{
	position: relative;
	width: 653px;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dt{
	float: left;
	width: 90px;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dt a{
	display: block;
	width: 70px;
	padding: 3px;
	border: 1px solid #796258;
	background-color: #FFFFFF;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dt a:hover{
	background-color: #E4E0DE;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd{
	font-size: 90%;
	font-weight: bold;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd{
	font-size: 90%;
	font-weight: bold;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.contDay{
	position: absolute;
	top: 0;
	right: 0;
	color: #9D8A4F;
	font-weight: normal;
	font-size: 82%;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.subTitle{
	padding: 0 0 0 95px;
	font-weight: normal;
	;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.subTitle a:link {color: #3C86A2; text-decoration:none;}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.subTitle a:hover{color: #3C86A2; text-decoration: underline;}

div#mainArea div#comArea div.comList ul#tabicomi li dl dd.userName{
	padding: 0 0 0 95px;
	font-weight: normal;
	font-size: 82%;
}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.userName a:link {color: #993245; text-decoration:none;}
div#mainArea div#comArea div.comList ul#tabicomi li dl dd.userName a:hover{color: #993245; text-decoration: underline;}

div#mainArea div#comArea div.comList ul#tabicomi li dl dd.opinion{
	margin: 3px 0 0 0;
	padding: 7px 0 7px 125px;
	font-weight: normal;
	font-size: 82%;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -10px -700px;
}

div#mainArea div#comArea div.comList p.comError{
	margin: 200px 0;
	text-align: center;
	font-size: 90%;
	line-height: 1.5;
}

div#mainArea div#comArea div.comList p.more{
	margin: 0 0 7px 0;
	font-size: 82%;
}
div#mainArea div#comArea div.comList p.more a{
	padding: 0 0 0 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#mainArea div#comArea div.comList p.more a:link       { background-position: -1170px -88px;}
div#mainArea div#comArea div.comList p.more a:visited    { background-position: -1170px -88px; }
div#mainArea div#comArea div.comList p.more a:visited:hover,
div#mainArea div#comArea div.comList p.more a:link:hover { background-position: -1170px -103x; }
div#mainArea div#comArea div.comList p.more a:visited:active,
div#mainArea div#comArea div.comList p.more a:link:active{ background-position: -1170px -118px; }


/*****テーマページTOP*****/
div#mainArea div#themeNavi{
	background-image: url("https://img.travel.rakuten.co.jp/share/themes/onsen/images/theme_map_bg.gif");
	position: relative;
	width: 681px;
	height: 370px;
	margin: 0 0 15px 0;
	padding: 1px;
	border: 1px solid #CECECE;
}
div#mainArea div#themeNavi div#themeMapBox{
	float: left;
	width: 408px;
	height: 346px;
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/theme_map_bg.gif)
}
div#mainArea div#themeNavi div#themeMapBox h2{
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
}
div#mainArea div#themeNavi div#themeMapBox div.themeMapBox{
	width: 408px;
	height: 346px;
	margin: 0;
	padding: 0;
	line-height: 1.0;
}
div#mainArea div#themeNavi div#themeListBox{
	float: right;
	width: 273px;
	height: 346px;
	margin: 0;
	padding: 0;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/theme_map_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#mainArea div#themeNavi div#themeListBox table{
	margin: 10px 0 0 10px;
	border-collapse: collapse;
}
*html div#mainArea div#themeNavi div#themeListBox table{

	border-collapse: separate;
}
*:first-child+html div#mainArea div#themeNavi div#themeListBox table{
	border-collapse: separate;
}
div#mainArea div#themeNavi div#themeListBox table th{
	margin: 0;
	padding: 0;	
	color: #FFFFFF;
	font-size: 82%;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}
div#mainArea div#themeNavi div#themeListBox table th a{
	display: block;
	width: 3.2em;
	margin: 0;
	padding: 2px 4px;
	background-color: #5E8C0E;
}
div#mainArea div#themeNavi div#themeListBox table th a:link       { color: #FFFFFF; background-color: #5E8C0E;}
div#mainArea div#themeNavi div#themeListBox table th a:visited    { color: #FFFFFF; background-color: #5E8C0E;}
div#mainArea div#themeNavi div#themeListBox table th a:visited:hover,
div#mainArea div#themeNavi div#themeListBox table th a:link:hover { color: #FFFFFF; background-color: #43640B;}
div#mainArea div#themeNavi div#themeListBox table th a:visited:active,
div#mainArea div#themeNavi div#themeListBox table th a:link:active{ color: #FFFFFF; background-color: #234D01;}

div#mainArea div#themeNavi div#themeListBox table td{
	margin: 0;
	padding: 2px 4px 2px 10px;
	font-weight: normal;
	font-size: 100%;
	vertical-align: top;
}
div#mainArea div#themeNavi div#themeListBox table td ul{
	margin: 0;
	padding: 0;
}
div#mainArea div#themeNavi div#themeListBox table td ul li{
	float: left;
	margin: 0 3px 3px 0;
	padding-right: 5px;
	white-space: nowrap;
	list-style-type: none;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/line_separate.gif);
	background-position: right;
	background-repeat: no-repeat;
	white-space: nowrap;
	font-size: 82%;
}
div#mainArea div#themeNavi div#themeListBox table td ul li.last{
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

div#mainArea div#themeAd{
	width: 683px;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	border: 1px solid #CECECE;
}
div#mainArea div#themeAd h3{
	margin: 1px;
}
div#mainArea div#themeAd ul{
	width: auto;
	margin: 0 auto;
	padding: 0 0 0 3px;
}
div#mainArea div#themeAd ul li{
	float: left;
	width: 165px;
	padding: 0 5px 0 0;
	list-style-type: none;
	font-size: 78%;
	text-align: center;
}
div#mainArea div#themeAd ul li img{
	display: block;
	margin: 0 0 3px 0;
	padding: 3px;
	border:1px solid #796258;
	background-color: #FFFFFF;
}

div#mainArea div#themeBnr{
	width:656px;
	margin: 0 0 15px 0;
	padding: 0 0 0 27px;
}

div#mainArea div#themeBnr ul{
	width: auto;
	margin: 0 auto;
	padding: 0;
}

div#mainArea div#themeBnr ul li{
	float: left;
	width: 300px;
	padding: 10px 27px 0 0;
	list-style-type: none;
	font-size: 78%;
	text-align: center;
	
}

div#mainArea div#themeBnr ul li img{
	display: block;
	margin: 0 0 2px 0;
	padding:0;
}


/*------------------------sideArea------------------------*/
div#sideArea h3{
	text-align: center;
	padding: 10px 0;
	/* margin-bottom: 10px; */
	line-height: 1;
	letter-spacing: 0.05em;
}

/*****空室検索*****/
div#sideArea div#searchArea{
	margin: 0 0 20px 0;
	background: #FAEBE2;
}

div#sideArea div#searchArea div.searchBox p.attention{
	margin: 0 0 5px 0;
	padding: 4px;
	border: 1px solid #990000;
	color: #990000;
	background-color: #FFFFFF;
	font-size: 90%;
}

div#sideArea div#searchArea div.searchBox dl.searchForm dt img{
	margin: 0 0 0 5px;
	vertical-align: -2px;
}
div#sideArea div#searchArea div.searchBox dl.searchForm dt a.calendar{
	position: absolute;
	display: block;
	top: 0;
	left: 4em;
	width: 16px;
	height: 17px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -1170px -280px;
	overflow: hidden;
	text-indent: -9999px;
}

div#sideArea div#searchArea div.searchBox dl.searchForm .selectPrice {padding: 20px 0 30px;}
div#sideArea div#searchArea div.searchBox dl.searchForm dd.selectHaku{
	text-align: right;
}

div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectOtona,
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectChild{
	/* width: 200px; */
	/* margin: 0; */
}
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectOtona dt,
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectChild dt{
	padding: 0;
	font-size: 100%;
	background-image: none;
}
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectOtona dt{
	float: left;
	width: 3em;
	padding: 3px 0 0 0;
}
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectChild dt{
	float: left;
	width: 10em;
	padding: 3px 0 0 0;
}
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectOtona dd,
div#sideArea div#searchArea div.searchBox dl.searchForm dl.selectChild dd{
	margin: 0 0 5px 0;
	font-size: 100%;
}

div#sideArea div#searchArea div.searchBox dl.searchForm p.selectMore a:visited:hover,
div#sideArea div#searchArea div.searchBox dl.searchForm p.selectMore a:link:hover { background-position: -1170px -160px;}
div#sideArea div#searchArea div.searchBox dl.searchForm p.selectMore a:visited:active,
div#sideArea div#searchArea div.searchBox dl.searchForm p.selectMore a:link:active{ background-position: -1170px -175px;}

/*****温泉地リスト*****/
div#sideArea div#listArea dl,
div#sideArea div#listArea ul.listPref{padding: 0 5px;}
div#sideArea div#listArea dl dt,
div#sideArea div#listArea ul.listPref li{
	margin-bottom: 15px;
	padding-left: 3px;
	border-left: 4px solid #8D3E34;
	font-weight: bold;
	font-size: 92%;
}
div#sideArea div#listArea dl dd{
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #401D07;
}

div#sideArea div#listArea dl dd ul li{
	float: left;
	margin-right: 15px;
	margin-bottom: 17px;
	padding-right: 5px;
	white-space: nowrap;
	list-style-type: none;
	border-right: 1px solid #907E72;
	font-size: 82%;
}
div#sideArea div#listArea dl dd ul li.last{
	margin-right: 0;
	padding-right: 5px;
	background-image: none;
}

/*****モバイル*****/
div#sideArea div#mobileArea{
	clear: both;
	margin: 0 0 20px 0;
}

div#sideArea div#mobileArea div.mobileBox{
	width: 226px;
	margin: 0 0 7px 0; 
	padding: 5px;
	border: 1px solid #FFFFFF;
	background-color: #F9F3E3;
}
div#sideArea div#mobileArea div.mobileBox p.mobileQR{	
	float: left;
	width: 90px;
	margin: 0;
}
div#sideArea div#mobileArea div.mobileBox p.mobileOutline{
	float: right;
	width: 124px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	font-size: 82%;
	line-height: 1.2;
}
div#sideArea div#mobileArea div.mobileBox p.mobileMail{
	float: right;
	width: 124px;
}
div#sideArea div#mobileArea div.mobileBox p.mobileMail a{
	display: block;
	width: 90px;
	height: 17px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:link       { background-position: -710px -130px;}
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:visited    { background-position: -710px -130px;}
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:visited:hover,
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:link:hover { background-position: -830px -130px;}
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:visited:active,
div#sideArea div#mobileArea div.mobileBox p.mobileMail a:link:active{ background-position: -830px -130px;}

/*****特集*****/
div#sideArea div#specialArea{
	/* clear: both; */
	margin: 0 0 10px 0;
}

/*****人気温泉地*****/
div#sideArea div#popularArea{
	margin: 0 0 15px 0;
}
div#sideArea div#popularArea h3{
	margin: 0 0 15px 0;
}
div#sideArea div#popularArea ul{
	padding: 5px 5px 0;
	font-size: 100%;
	overflow: hidden;
}
div#sideArea div#popularArea ul li{
	font-size: 82%;
	line-height: 1;
	display: inline-block;
	float: left;
	margin: 0 0 25px;
}

div#sideArea div#popularArea p.more{
	font-size: 90%;
}
div#sideArea div#popularArea p.more:nth-of-type(1) {
	margin-top: 10px;
}

div#sideArea div#popularArea p.more a:visited:hover,
div#sideArea div#popularArea p.more a:link:hover { background-position: -1170px -103px;}
div#sideArea div#popularArea p.more a:visited:active,
div#sideArea div#popularArea p.more a:link:active{ background-position: -1170px -118px;}

/*****スキー*****/
div#sideArea div#skiArea{
	margin: 0 0 15px 0;
}
div#sideArea div#skiArea ul{
	margin: 0 0 5px 0;
	padding-bottom: 5px;
}
div#sideArea div#skiArea ul li{
	margin: 0 0 7px 10px;
	list-style-type: none;
	font-size: 82%;
}
div#sideArea div#skiArea ul li img{
	float: left;
	width: 60px;
	margin-right: 5px;
}

div#sideArea div#skiArea p.more{
	margin: 0 0 7px 0;
	padding: 3px 0 0 0;
	font-size: 82%;
	border-top: 1px dotted #401D07;
}
div#sideArea div#skiArea p.more a{
	padding: 0 0 0 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
}
div#sideArea div#skiArea p.more a:link       { background-position: -1170px -88px;}
div#sideArea div#skiArea p.more a:visited    { background-position: -1170px -88px;}
div#sideArea div#skiArea p.more a:visited:hover,
div#sideArea div#skiArea p.more a:link:hover { background-position: -1170px -103px;}
div#sideArea div#skiArea p.more a:visited:active,
div#sideArea div#skiArea p.more a:link:active{ background-position: -1170px -118px;}

/*------------------------naviArea------------------------*/
div#naviArea{
	font-size: 78%;
}
div#naviArea ul{
	width: 920px;
	margin: 0;
	padding: 0 7px;
	text-align: center;
}
div#naviArea ul.secondary{
	padding-top: 10px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/onsen/images/onsen_images.gif);
	background-repeat: no-repeat;
	background-position: -70px -200px;

}
div#naviArea ul li{
	float: left;
	margin-right: 5px;
	margin-bottom: 7px;
	padding-right: 5px;
	white-space: nowrap;
	list-style-type: none;
	line-height: 1.2;
	border-right: 1px solid #907E72;
}
div#naviArea ul li.connect{
	margin-right: 0;
	padding-right: 0;
	background-image: none;
	border: none;
}

/*------------------------clearfix------------------------*/
div#mainArea div#infoArea p:after,
div#mainArea div#mapArea div#mapBox dl dd ul:after,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent:after,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div:after,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul:after,
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd ul:after,
div#mainArea div#hotelArea div.hotelList dl.hotelSort:after,
div#mainArea div#hotelArea div.hotelList div.hotelRow:after,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating:after,
div#mainArea div#comArea div.comList ul#tabicomi li dl:after,
div#mainArea div#themeMap:after,
div#mainArea div#themeNavi div#themeListBox table td ul:after,
div#mainArea div#themeAd ul:after,
div#mainArea div#themeBnr ul:after,
div#sideArea div#searchArea div.searchBox dl.searchForm dl:after,
div#sideArea div#listArea dl dd ul:after,
div#sideArea div#mobileArea div.mobileBox:after,
div#sideArea div#skiArea ul li:after,
div#naviArea ul:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}

div#mainArea div#infoArea p,
div#mainArea div#mapArea div#mapBox dl dd ul,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent div,
div#mainArea div#rankArea div#rankBox div.TabbedPanelsContent ul,
div#mainArea div#hotelArea div.hotelList dl.hotelSqueeze dd ul,
div#mainArea div#hotelArea div.hotelList dl.hotelSort,
div#mainArea div#hotelArea div.hotelList div.hotelRow,
div#mainArea div#hotelArea div.hotelList div.hotelRow div.hotelBox ul li.hotelRating,
div#mainArea div#comArea div.comList ul#tabicomi li dl,
div#mainArea div#themeMap,
div#mainArea div#themeNavi div#themeListBox table td ul,
div#mainArea div#themeAd ul,
div#mainArea div#themeBnr ul,
div#sideArea div#searchArea div.searchBox dl.searchForm dl,
div#sideArea div#listArea dl dd ul,
div#sideArea div#mobileArea div.mobileBox,
div#sideArea div#skiArea ul li,
div#naviArea ul{
	display: inline-block;
}

#TB_window {
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:30px;
	-moz-border-radius-bottomleft:30px;
	-moz-border-radius-bottomright:10px;
}

div#mainArea div#presentBanner {
	border:medium none;
	margin: 10pt 0pt 0pt 0pt;
}
div#mainArea div#presentBanner p {
	text-align:center;
}
div#mainArea div#presentBanner p img {
	margin:0pt auto;
}

div#mainArea div#presentBanner p span {
	display:block;
	font-size:82%;
	text-decoration:underline;
}

/* consumption tax */
.incldTax{
	color:#333;
	font-size:80%;
	display:block;
	text-align:right;
}
#mapOverBox {
    bottom: 0;
    position: absolute;	
}
#contentsArea h1 {
    font-size: 110%;
    line-height: 1.4;
}

/*onsenArea*/
#onsenArea {
	margin-bottom: 0;
	padding-bottom: 1px;
}
#onsenArea h2{
	line-height: 1.4;
}


/*modal*/
div#squeezeWrap {
	width: auto !important;
}
div#squeezeWrap dl {
	width: auto !important;
	float: none !important;
	margin-bottom: 15px;
}
div#squeezeWrap dl dd ul li {
	margin-bottom: 15px;
}