/*reset*/
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,blockquote,form,table,input{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,th,td{ font-size: 100%;}
th,td{ line-height: 1.4;}
img{ border: none;}
table{ border-collapse: collapse; border-spacing: 0;}
ul li { list-style:none; margin:0; }
/*end reset*/

/*base*/
body{ margin: 0; padding: 0; background: #FFF url(//www.shiojitei.jp/rakuten-travel/images/common/body-bg.png); color: #000; font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic"; font-size: 12px; text-align: center; line-height:1.4;}
a{ color: #3b2b12; text-decoration: none;}
a:hover{ color: #971100;}

/*float*/
.right{ float: right !important;}

/*layout*/
.text-right{ text-align: right;}
.text-block,.bn{ margin: 0 0 20px;}
.center{ text-align: center;} 
.clear{ clear: both;}

/*clearfix*/
.clearfix:after{ clear:both; display:block; height:0; content:"";}

/*wrap*/
#wrap{ position: relative; width: 950px; margin: 0 auto; text-align: left;}

/*header*/
#header-wrap{ position: absolute; top:0; width: 100%; width: 950px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/header/bg.png) repeat-x center;}
#header{ width: 950px; margin: 0 auto; line-height: 1;}
#header #head-text{ clear: both; height: 20px; color: #ccc;}
#header #head-text h1{ padding: 6px 10px 0; font-size: 10px; font-weight: normal; text-align: right;}

#flash-wrap{ position: relative; width: 950px; height: 565px; overflow: hidden; z-index: 1;}

/*contents*/
#contents-wrap{ width: 950px; margin: 0 auto; padding: 50px 0 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/nav/nav-bottom-line.png) no-repeat top center; overflow:hidden; height:auto !important; height:1%;}
#main-contents{ float: left; width: 695px;}
.section{ position: relative; margin: 0 0 30px; padding: 0 5px 30px; overflow:hidden; height:auto !important; height:1%;}
.section.shadow{ padding: 0;}
.section h2{ height: 40px; margin: 0 0 20px; padding: 0 0 10px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/title-line-bg-01.png) repeat-x bottom;}
.section .title-list-link{ position: relative; top:-30px; height: 15px; margin: -15px 0 0; text-align: right;}
.section.line-bg{ padding-bottom: 60px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/section-line-01.png) no-repeat bottom;}
.section.line-bg-02{ padding-bottom: 60px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/section-line-02.png) no-repeat bottom;}
.section-line{ clear: both;}
.section h3{ 	margin: 0 0 20px;	padding: 0px 0px 10px 0px;	border-bottom: 1px solid #9f9077; }
.section h3.bn{	border-bottom: none;	padding: 0;	margin-bottom:10px;}
.section p.page-top{	text-align:right;}

/*bottom-search*/
#bottom-search{ width: 685px; height: 160px!important; margin: 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/info/info-bg.png) no-repeat;}
#bottom-search ul{ margin: 60px 0 0 25px;}
#bottom-search li{ float: left; margin: 0 0 0 5px;}

/*nav*/
#nav-bg{ position: relative; height: 80px; margin: -80px 0 0; background: #000; z-index: 10;}
#nav-wrap{ position: relative; height: 122px; margin: -122px 0 0; z-index: 10;}

#nav{ position: relative; width: 950px; margin: 0 auto;}
#nav ul{ list-style: none; position: absolute; top: 45px; left: 360px;}
#nav li{ float: left; padding: 0 5px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/nav/line.png) no-repeat right; text-indent: -9999px;}
#nav li a{ display: block; height: 73px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/nav/nav.png) no-repeat;}
#nav li.home a{ position: absolute; top: -44px; left: -350px; width: 180px; height: 120px; background: none;  text-indent: 0; z-index: 2;}
#nav li.plan a{ width: 140px;}
#nav li.plan a:hover{ background-position: 0 -73px;}
#nav li.guestroom a{ width: 94px; background-position: -150px 0;}
#nav li.guestroom a:hover,.guestroom #nav li.guestroom a{ background-position: -150px -73px;}
#nav li.service a{ width: 116px; background-position: -253px 0;}
#nav li.service a:hover{ background-position: -253px -73px;}
#nav li.cuisine a{ width: 94px; background-position: -378px 0;}
#nav li.cuisine a:hover,.cuisine #nav .cuisine a{ background-position: -378px -73px;}
#nav li.hotspring a{ width: 94px; background-position: -481px 0;}
#nav li.hotspring a:hover,.hotspring #nav li.hotspring a{ background-position: -481px -73px;}
#nav li.facilities a{ width: 106px; background-position: -584px 0;}
#nav li.facilities a:hover,.facilities #nav li.facilities a{ background-position: -584px -73px;}

/*aside*/
#aside{ float: right; width: 232px; text-align: center;}
#aside .reservation{ height: 40px; margin: 0 0 20px; padding: 0 0 10px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/title-line-bg-02.png) repeat-x bottom;}
#aside .bn-box{ padding: 0 0 30px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/aside/line.png) no-repeat center bottom;}
#aside .bn-box p{ margin: 0 0 3px;}
#aside .bn-s{ width: 228px; height: 78px; padding: 6px 0 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/aside/bn-s-bg.png) no-repeat;}
#aside .bn-m{ width: 228px; height: 108px; padding: 6px 0 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/aside/bn-m-bg.png) no-repeat;}


#aside #sub-nav{ width: 225px; margin: 0 2px 20px;}
#aside #sub-nav li{ height: 58px;}
#aside #sub-nav li a{ display: block; height: 58px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/aside/sub-nav.png) no-repeat; text-indent: -9999px; line-height: 1;}
#aside #sub-nav li.sub-01 a:hover{ background-position: -225px 0;}
#aside #sub-nav li.sub-02{ height: 52px;}
#aside #sub-nav li.sub-02 a{ height: 52px; background-position: 0 -58px;}
#aside #sub-nav li.sub-02 a:hover{ background-position: -225px -58px;}
#aside #sub-nav li.sub-03 a{ background-position: 0 -110px;}
#aside #sub-nav li.sub-03 a:hover{ background-position: -225px -110px;}
#aside #sub-nav li.sub-04 a{ background-position: 0 -230px;}
#aside #sub-nav li.sub-04 a:hover{ background-position: -225px -230px;}
#aside #sub-nav li.sub-05 a{ background-position: 0 -282px;}
#aside #sub-nav li.sub-05 a:hover{ background-position: -225px -282px;}
#aside #sub-nav li.sub-06 a{ background-position: 0 -334px;}
#aside #sub-nav li.sub-06 a:hover{ background-position: -225px -334px;}

/*footer*/
#footer{ padding: 28px 0 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/footer/footer-line-01.png) repeat-x top;}
#footer .logo{ float: left; width: 550px;}
#footer ul{ float: right; width: 388px;}
#footer ul li{ display: inline; float: left; width: 125px; margin: 0 0 3px 3px; line-height: 1;}
#page-top{ margin: 0 0 10px; text-align: right;}

/*top*/
.top .info dl{ padding: 20px 20px 10px; background: #FFF;}
.top .info dt{ clear: both; float: left; width: 9em;}
.top .info dd{ margin: 0 0 10px; padding: 0 0 0 9em;}
.top .info dd a{ text-decoration: underline;}
.top .list-plan{ padding-bottom: 30px;}
.top .list-plan ul{ width: 720px; margin: 0 0 0 -12px; overflow:hidden; height:auto !important; height:1%;}
.top .list-plan li{ position: relative; list-style: none; display: inline; float: left; width: 220px; margin: 0 0 30px 12px; background:#FFF;}
.top .list-plan li div{ width: 200px; padding: 10px; background:#FFF;}
.top .list-plan li img{ margin: 0 0 10px;}
.top .list-plan dt{ height: 5.8em; font-size: 14px; font-weight: bold; text-decoration:underline;}
.top .list-plan dd{ clear: both; height: 10em;}
.top .list-plan span.round-px{ position: absolute; display: block; width: 200px; height: 200px; background: url(//www.shiojitei.jp/rakuten-travel/images/common/round-px.png) no-repeat; z-index: 10;}
.top .top-nav { float: left; width: 341px;}
.top .top-nav li{ display: inline; list-style: none; float: left; line-height: 1;}
.top .top-nav li.shiraishi{ margin: 0 0 3px 3px;}
.top .top-nav li.premium_63{ clear: both; margin: 3px 0 0 0;}
.top .top-nav li.sanoka{ width: 169px; margin: 3px 0 0 3px;}
.top .top-nav li.perl{ width: 341px; margin: 0 0 0 3px;}
.top .catch{ margin: 0 0 20px; line-height: 2;}

/*kv*/
#kv-wrap{ height: 400px;}
#kv-wrap p{ width: 950px; height: 400px; margin: 0 auto;}
#kv-wrap p img{ margin: 0 0 0 -100px; padding: 80px 0 0;}

/*topic-path*/
#topic-path{ position: relative; height: 30px; margin: 0 0 20px; font-size: 10px; line-height: normal;}
#topic-path a{ text-decoration: none;}
#topic-path li{ list-style: none; float: left; margin:0; padding: 0 15px 0 0; background: url(//www.shiojitei.jp/rakuten-travel/images/common/icon-arrow.png) no-repeat right -17px;}
#topic-path li.last-child{ background: none;}

/*guestroom*/
.guestroom{}
.guestroom #kv-wrap{ background: url(//www.shiojitei.jp/rakuten-travel/images/guestroom/kv.jpg) no-repeat center; background-color:#000;}
.guestroom .photo{ margin: 0 0 10px;}

/*facilities*/
.facilities{}
.facilities #kv-wrap{ background: url(//www.shiojitei.jp/rakuten-travel/images/facilities/kv.jpg) no-repeat center; background-color:#000;}
.facilities .section dl{ clear: both; margin: 0 0 30px; overflow:hidden; height:auto !important; height:1%;}
.facilities .section dt{ float: left; width: 360px;}
.facilities .section dd{ float: left; width: 320px;}
.facilities .section dd img{ margin: 30px 0 5px;}
.facilities .section dd p{ margin: 0 0 10px;}
.facilities div.map{ position: relative;}
.facilities div.map a{ display: block; height: 22px; background: #FFF;}
.facilities div.map #to-kiyoishi{ position: absolute; width: 107px; top:144px; left:95px;}
.facilities div.map #to-shiraishi{ position: absolute; width: 120px; top:360px; left:110px;}
.facilities div.map #to-mikura{ position: absolute; width: 910px; top:98px; left:591px;}
.facilities div.map #to-library{ position: absolute; width: 102px; top:273px; left:588px;}
.facilities div.map #to-sanoka{ position: absolute; width: 150px; top:313px; left:388px;}
.facilities div.map #to-tokowakanoyu{ position: absolute; width: 121px; top:217px; left:468px;}
.facilities div.map #to-shioka{ position: absolute; width: 145px; top:435px; left:418px;}

/*cuisine*/
.cuisine kv{}
.cuisine #kv-wrap{ background: url(//www.shiojitei.jp/rakuten-travel/images/cuisine/kv.jpg) no-repeat center; background-color:#000;}
.cuisine #kv-wrap p img{ margin: 80px 0 0 10px; padding: 80px 0 0;}
.cuisine .photo{ margin: 0 0 15px; padding: 2px 0 0; border-top: 2px solid #513b14;}
.cuisine .text{ margin: 0 0 40px;}
.cuisine .catch,.cuisine .shiraishi-photo,.cuisine .kiyoishi-photo{ margin: 0 0 80px;}

/*hotspring*/
.hotspring{}
.hotspring #kv-wrap{ background: url(//www.shiojitei.jp/rakuten-travel/images/hotspring/kv.jpg) no-repeat center; background-color:#000;}
.hotspring .photo{ margin: 0 0 15px; padding: 2px 0 0; border-top: 2px solid #513b14;}
.hotspring .photo-none{ margin: 0 0 15px; border: none;}
.hotspring .text{ margin: 0 0 15px;}
.hotspring .text-bottom{ margin: 0 0 30px;}
.hotspring .perl-efficacy p{ margin: 0 0 20px;}
.hotspring dl.mikimoto dt{ float: left; width: 360px;}
.hotspring dl.mikimoto dd{ float: left; width: 300px;}
.hotspring dl.mikimoto dd img{ padding: 60px 0 30px;}
.hotspring .info img{ margin: 0 0 10px;}
.hotspring .info table{	border-top: 1px solid #a2947b;}
.hotspring .info table th,.hotspring .info table td {	padding: 10px 15px;	border-bottom: 1px solid #a2947b;}
.hotspring .info table th {	background-color:#e2dacc;	vertical-align:top;}
.hotspring h2.sub{ background: url(//www.shiojitei.jp/rakuten-travel/images/common/title-line-bg-02.png) repeat-x bottom;}
.hotspring h3{ margin: 0 0 10px; border: none;}

.RthPageMenu{ text-align: left; font-size: 16px; font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic";}

.RthPageMenu li a{ color: #3b2b12;}