@charset "utf-8";
/* CSS Document */

/*-------------------------common------------------------------*/
#contents{padding-top:3px;}
#top-gaide{margin-bottom:10px;}
#top-gaide p,#top-gaide a{color:#5f0b00;}
#left-banner{margin-bottom:3px;}
#top-gaide span{border-bottom:1px solid #5f0b00;}
#right-text{width:660px; margin-left:30px; float:left;}
.spa-h3{font-size:90%; width:660px; height:45px; background:url(../common/img/title-bg.gif) no-repeat; padding:6px 0 0 15px; color:#45080c; margin-bottom:10px;margin-top:30px;}
h3{color:#49101e; font-size:80%;}
#right-text a:hover{text-decoration:none;}
.right{margin-left:10px;}
.top-col{width:650px !important; width:660px; background:#e4e1da; padding:10px 6px 10px 6px;}
.top-col h2{background:none; color:#413726; font-size:120%; padding:0; margin-bottom:10px;}
.top-col span{font-size:80%;}
.top-h3{margin-top:20px !important; margin-top:20px;}
.top-h2{margin-top:30px;}
#onsen-nav{width:100%; border:1px solid #a99e8c; padding:2px 0; margin:0 0 10px 0; float:left; clear:both;}
.margin-bottom10{margin-bottom:10;}
.margin-top20{margin-top:20px;}

/*---------------------------spa------------------------------*/
#onsen-nav li{float:left; padding:5px 0 5px 30px; margin:0 5px 0 10px; background:url(img/point1.gif) no-repeat left center;}
#onsen-nav #return{margin-left:30px;}
#onsen-nav #no-back{ background:none; padding:5px 0 5px 0;}
#onsen-nav a{color:#4f4629; font-size:104%;}
#onsen-nav a:hover{text-decoration:underline; color:#45080c;}
dl{font-size:80%; border-bottom:1px dashed #45080c; margin-bottom:30px;}
dt{clear:both; color:#45080c; border-top:1px dashed #45080c; padding-top:8px; padding-bottom:5px; width:8em; float:left;}
dt span{font-size:200%;}
dd{border-top:1px dashed #45080c; padding-top:8px; padding-bottom:5px; margin-left:8em;}
dd ul{font-size:110% !important; font-size:100%;}
dd li{padding-bottom:5px; letter-spacing:0.5px;}
dd li.top-ma{font-weight:600; color:#45080c; padding-left:10px;}
.no-top{border-top:none;}
.bg-color{background:#4f432b; color:#ffffff; padding:1px 2px;}
.line{line-height:150%;}
dd .link a{color:#9b012d; text-decoration:underline;}
dd .link a:hover{text-decoration:none;}

/*-------------------------manner------------------------------*/
#manner h2,#info h2,#enjoy h2,#effect h2,#spend h2,#ryokan h2{font-size:90%; width:660px; height:45px; background:url(../common/img/title-bg.gif) no-repeat; padding:6px 0 0 15px; color:#45080c; margin-bottom:10px;}
#manner h3{margin-top:15px; margin-bottom:5px;}
#manner .manner-box{width:660px; border-top:1px dotted #a9a8a7; margin-top:15px;}
#manner .top-border{width:660px; border-top:1px dotted #a9a8a7; padding-top:15px;}
#manner #right-text .right{float:right; padding-left:40px;}
#manner #bottom-border{border-bottom:1px dotted #a9a8a7; padding-bottom:15px;}
#manner #no-border{border-top:none;}
/*-------------------------info------------------------------*/
#info #right-text .right{margin-left:20px;}
#info .top-h2{margin-top:30px;}
#info .info-box{width:660px;}
* html #info .info-box{width:660px; margin-bottom:36px;}
/*-------------------------enjoy------------------------------*/
#enjoy h3{font-size:95%; margin-bottom:5px;vertical-align:top; padding-top:0; margin-top:0;}
#enjoy .left{float:left; margin-right:10px;}
#enjoy .right{margin-left:10px;}
#enjoy .enjoy-box{width:660px; margin-bottom:25px;}
#enjoy #bottom-col{width:636px !important; width:638px; border-bottom:1px solid #9a9382; border-left:1px solid #9a9382; border-right:1px solid #9a9382; margin-left:21px;} 
#enjoy #bottom-col p{padding:0px 10px 10px 10px;}
/*-------------------------effect------------------------------*/
#effect #right-text a{color:#452725; text-decoration:underline;}
#effect #right-text a:hover{color:#96022b;}
#effect table{font-size:80%; border:1px solid #716750; float:right;}
#effect table th{font-weight:normal; background:#efeeea; width:55px; border-bottom:1px solid #a99e8c; border-right:1px solid #a99e8c; text-align:center; padding:5px 0 5px 0;}
#effect table td{border-bottom:1px solid #a99e8c; padding:5px 0 5px 3px;}
#effect .no-border{border-bottom:none;}
#effect #right-text p{padding:5px 0 20px 0;}
#effect #no-padding{padding-bottom:0;}
/*-------------------------index-----------------------------*/
#onsen-top h2{color:#574b2f; font-size:90%; background:url(../common/img/sitemap-point.gif) no-repeat; padding-left:20px; margin-top:35px;}
#onsen-top h2 a{color:#574b2f; text-decoration:underline;}
#onsen-top #right-text li{background:url(../common/img/sitemap-brunch.gif) no-repeat left center; padding-left:20px; padding-bottom:3px;}
#onsen-top #right-text li a{color:#48101e; text-decoration:underline;}
#onsen-top #right-text li a:hover{text-decoration:none;}
#onsen-top #right-text .left{margin:0 100px 0 35px!important; margin:0 100px 0 18px;}
/*-------------------------spend-----------------------------*/
#spend #spend-right{width:350px; float:right;}
#spend #right-text .left{margin-right:30px;}
#spend h3{margin-bottom:5px;}
#spend #right-text .right{margin-left:30px;}
#spend .spend-box{padding-top:20px; width:660px;}
#spend .img-h3{margin-top:16px; margin-bottom:0px; padding-bottom:5px;}
* html #spend .img-h3{margin-top:10px; margin-bottom:0px; padding-bottom:5px;}
*+html #spend .img-h3{margin-top:10px; margin-bottom:0px; padding-bottom:5px;}
#spend .margin-top25{margin-top:25px;}
/*-------------------------ryokan-----------------------------*/
#ryokan #ryokan-box{padding:20px 0 20px 0;}
* html #ryokan #ryokan-box{margin-bottom:40px;}
*+html #ryokan #ryokan-box{margin-bottom:40px;}
#ryokan #right-text .left{margin-right:30px;}
#ryokan #right-text .right{margin-left:30px;}