@charset "shift-jis";
/* CSS Document */

a { /* FireFox ?ฝ?ฝ?ฝ?ฝ?ฝN?ฝI?ฝ?ฝฬ“_?ฝ?ฝ?ฝ?ฝ?ฝ?ฝ?ฝ?ฝ@*/
	overflow: hidden;
	outline: none;
	color: #900;
	text-decoration: none;
}

hr {
	display: none;
}

.clearfix:after {
  content: ".";  /* V‚ต‚ข—v‘f‚๐์‚้ */
  display: block;  /* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚ษ */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*ƒ[ƒ‹ƒI[ƒo[*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


body {
	color: #FFF;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	font-size: 75%;
	line-height: 1.6;
	background-color: #313A1F;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#page {
	width: 810px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #242913 url(../image/body_bg03.jpg) repeat-x;
}

#page_top {
	width: 810px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/body_bg_top2.jpg);
	background-repeat: repeat-x;
	background-color: #67714C;
}

#page_top_test {
	width: 810px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #1A1E0F url(../image/top/top_new_bg.jpg) repeat-x;
}

/*header---------------------------------*/
#header {
	width: 810px;
	height: 165px;
}
#header_logo {
	height: 75px;
	width: 210px;
	float: left;
	clear: both;
	padding-left: 20px;
	padding-right: 40px;
	display: block;
}

#header_info {
	height: 60px;
	width: 810px;
}

#header_info h1 {
	height: 60px;
	width: 410px;
	float: left;
	font-family: "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 90%;
	color: #7A7D6A;
}

#sensui_mail {
	float: left;
	height: 20px;
	width: 133px;
	text-align: left;
	margin-top: 5px;
	background-image: url(../image/mail_icon.gif);
	background-repeat: no-repeat;
	background-position: left .3em;
	text-indent: 1.8em;
	margin-left: 10px;
	color: #CCC;
}
#sensui_mail_faq {
	float: left;
	height: 40px;
	width: 133px;
	margin-top: 15px;
	margin-left: 5px;
	color: #CCC;
	margin-right: 10px;
}
#sensui_mail_faq #faq a {
	background-image: url(../image/faq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -999px;
	height: 19px;
	width: 133px;
	display: block;
}
#sensui_mail_faq #faq a:hover {
	background-image: url(../image/faq_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#sensui_mail_faq #mail a {
	background-image: url(../image/to_mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -999px;
	display: block;
	height: 19px;
	width: 133px;
}
#sensui_mail_faq #mail a:hover {
	background-image: url(../image/to_mail_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



#sensui_tel {
	height: 55px;
	width: 249px;
	float: left;
	text-align: right;
}

#main_navi {
	height: 75px;
	width: 810px;
	clear: both;
}

#main_navi li {
	float: left;
}

#main_navi a {
	display: block;
	height: 75px;
}

#main_navi #logo {
	background-image: url(../image/sensui_logo.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 255px;
	text-indent: -999px;
}

#main_navi #spa {
	background-image: url(../image/nav01.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 72px;
	text-indent: -999px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
}

#main_navi #spa a:hover {
	background-image: url(../image/nav01on.jpg);
	background-repeat: no-repeat;
}

#main_navi #cuisine {
	background-image: url(../image/nav02.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	height: 75px;
	width: 71px;
}

#main_navi #cuisine a:hover {
	background-image: url(../image/nav02on.jpg);
	background-repeat: no-repeat;
}

#main_navi #room {
	background-image: url(../image/nav03.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	height: 75px;
	width: 118px;
}

#main_navi #room a:hover {
	background-image: url(../image/nav03on.jpg);
	background-repeat: no-repeat;
}

#main_navi #access {
	background-image: url(../image/nav04.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	height: 75px;
	width: 152px;
}

#main_navi #access a:hover {
	background-image: url(../image/nav04on.jpg);
	background-repeat: no-repeat;
}

#main_navi #plan {
	background-image: url(../image/nav05.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	height: 75px;
	width: 142px;
}

#main_navi #plan a:hover {
	background-image: url(../image/nav05on.jpg);
	background-repeat: no-repeat;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
}

#sub_navi {
	height: 30px;
	width: 600px;
}

#spa_navi {
}
#spa_navi a {
	display: block;
	height: 32px;
	width: 252px;
}

#spa_nav1 a:hover {
	background-image: url(../spa/image/nav01on.gif);
	background-repeat: no-repeat;
}

#spa_nav2 a:hover {
	background-image: url(../spa/image/nav02on.gif);
	background-repeat: no-repeat;
}

#spa_nav3 a:hover {
	background-image: url(../spa/image/nav03on.gif);
	background-repeat: no-repeat;
}

#spa_nav4 a:hover {
	background-image: url(../spa/image/nav04on.gif);
	background-repeat: no-repeat;
}

#spa_nav1 {
	height: 32px;
	width: 252px;
	background-image: url(../spa/image/nav01.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
	display: block;
}

#spa_nav2 {
	height: 32px;
	width: 252px;
	background-image: url(../spa/image/nav02.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -999px;
}

#spa_nav3 {
	height: 32px;
	width: 252px;
	background-image: url(../spa/image/nav03.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -999px;
}

#spa_nav4 {
	height: 32px;
	width: 252px;
	background-image: url(../spa/image/nav04.gif);
	background-repeat: no-repeat;
	text-indent: -999px;
	display: block;
}
#okami_message {
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
#okami_blog {
	margin-bottom: 20px;
}



/*mailtel---------------------------------*/
#mailTel {
	width: 810px;
	height: 60px;
}

#mailTel ul {
	margin-left: 480px;
}

#mailTel li {
	font-size: 80%;
}
#mailTel img {
	clear: both;
	width: 226px;
	float: right;
	position: relative;
	right: 5px;
	bottom: 10px;
}


#mailTel ul li a {
	float: left;
	background-image: url(../image/mail_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFF;
	text-decoration: none;
	position: relative;
	top: 35px;
	height: 15px;
	width: 80px;
	left: 20px;
	text-indent: 18px;
}



/*navi---------------------------------*/
#g_navi {

}

#g_navi ul li {
	float: left;
}

#header #sub_navi {
	clear: both;
	height: 30px;
	width: 810px;
}

#sub_navi ul {
	width: 810px;
	font-family: "?ญ?ณ ?ฐๆ˜Žๆœ", "MS PMincho", "ใƒ’ใƒฉใ‚ฎใƒŽๆ?ๆœ? Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 5px;
}

#sub_navi ul li {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
}

#sub_navi ul li a {
	color: #FFF;
	text-decoration: none;
	padding-left: 1em;
}

#sub_navi ul li a:hover {
	background-image: url(../image/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left center;
}



#content {
	width: 810px;
	margin-top: 20px;
	clear: both;
}

#top_fla {
	height: 210px;
	width: 810px;
	clear: both;
}
#page img {
	vertical-align: bottom;
	vertical-align:top;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	text-align: right;
}
#null_room {
	clear: both;
	width: 300px;
	height: 50px;
	padding-top: 10px;
}
#null_room a {
	display: block;
	height: 50px;
	width: 300px;
	background-image: url(../image/null_room.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -999px;
}
#null_room a:hover {
	background-image: url(../image/null_room.jpg);
	background-repeat: no-repeat;
	background-position: -300px center;
}





#topMessage {
	width: 324px;
	clear: both;
	margin-bottom: 10px;
	background-image: url(../image/message_bg.jpg);
	background-repeat: no-repeat;
	height: 150px;
	background-color: #000;
	overflow: scroll;
	overflow-x: hidden;
	background-position: -30px;
}
#qrCode {
	clear: both;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#qrCode img {
	float: left;
	padding-right: 15px;
	padding-bottom: 30px;
}

#side #pdf {
	clear: both;
}
#pdf img {
	float: left;
}
#pdf p {
	width: 350px;
	padding-left: 10px;
}



#side #topMessage p {
	font-family: "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 100%;
	line-height: 1.8;
	padding-left: 15px;
}

#topMessage_tit {
	padding-bottom: 13px;
	padding-left: 15px;
	padding-top: 10px;
}

#side {
	float: left;
	width: 350px;
	margin-left: 25px;
}

#side #info {
	width: 340px;
	margin-bottom: 8px;
}
#side_navi {
	width: 260px;
	float: left;
	margin-left: 5px;
}
#side_navi ul li {
	padding-bottom: 5px;
}

#morning {
	margin-top: 15px;
	margin-bottom: 15px;
}


#main {
	float: left;
	width: 390px;
	margin-left: 20px;
}
#content #main_area {
	float: left;
	width: 500px;
	margin-left: 20px;
}
#main_tit {
	width: 500px;
	margin-bottom: 20px;
}



#recomend {
	margin-bottom: 8px;
}


.plan {
	width: 330px;
	clear: both;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #990;
	background-color: #036;
	background-image: url(../image/plan_bg.jpg);
	background-repeat: no-repeat;
}


.plan img {
	padding: 5px;
	height: 85px;
	width: 85px;
	float: left;
	background-color: #FFF;
	margin: 5px;
}

.plan_content {
	width: 220px;
	float: left;
}
.plan_content marquee {
	font-weight: bold;
	color: #FF3;
}



.plan_tit {
	font-size: 120%;
	font-weight: bold;
	color: #C39F37;
	line-height: 1.2;
	font-family: "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 3px;
	padding-top: 10px;
}
.plan_content .plan_tit a:hover {
	text-decoration: underline;
}


.plan_day {
	font-size: 100%;
	color: #33C;
}


.plan_body {
	font-size: 110%;
	line-height: 1.1;
	color: #333;
	padding-bottom: 5px;
}


.banner {
	padding-top: 10px;
	width: 200px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.banner img {
	padding-top: 5px;
	padding-bottom: 5px;
}
#bestrates {
	width: 350px;
	clear: both;
	margin-bottom: 5px;
}

#bestrates2 {
	margin-top: 20px;
	margin-bottom: 20px;
}




#footer {
	clear: both;
	width: 810px;
	padding-top: 10px;
}

#footer_link {
	border-top: 1px dotted #98655F;
	text-align: center;
	padding-top: 3px;
}

#footer_link ul {
	font-size: 85%;
}

#footer_rule {
	height: 38px;
	width: 810px;
}

#footer_rule ul {
	text-align: right;
	padding-top: 5px;
}

#footer_rule li {
	padding-left: 1.2em;
	background-image: url(../image/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 1em;
}
#footer_rule ul li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #98655F;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	text-decoration: underline;
}


#footer ul {
	width: 810px;
	margin-bottom: 10px;
}

#footer ul li {
	display: inline;
	text-align: center;
}

#footer ul li a {
	color: #CCC;
	text-decoration: none;
}


#fooer_logo {
	width: 130px;
	float: left;
}

#footer_adress {
	text-align: left;
	width: 750px;
	line-height: 1.3;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	font-size: 90%;
}

#footer_adress address {
	font-size: 90%;
	padding-top: 3px;
	width: 810px;
}

#footer_adress p {
	font-size: 110%;
	line-height: 1.5;
}

#bn {
	background-color: #9F0;
	height: 50px;
	width: 50px;
	clear: both;
	float: left;
	overflow: hidden;
}

#best {
	background-color: #F96;
	clear: both;
	height: 50px;
	float: left;
	width: 50px;
}
.room_type img {
	height: 89px;
	width: 139px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 4px;
	float: left;
}
.room_type_cont {
	width: 280px;
	float: left;
}
.room_type {
	margin: 4px;
	width: 98%;
	border: 1px solid #996;
	clear: both;
}

.room_type_tit {
	font-family: "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 160%;
	font-weight: bold;
	color: #603;
	margin-top: 5px;
}
/* ˆศ~clearfixƒnƒbƒN*******************
****************************************/

.room_type:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.room_type { display: inline-block; }

/* Except MacIE \*/
* html .room_type { height: 1%;}
.room_type { display: block; }
/* End */
.go_plan {
	font-size: 13px;
	background-color: #FFF;
	width: 250px;
	margin-top: 5px;
	height: 25px;
	border: 1px solid #666;
	color: #900;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 5px;
}

.go_plan a {
	display: block;
	color: #900;
}

.go_plan a:hover {
	background-color: #FF6;
	height: 25px;
	width: 250px;
}

.room_text {
	font-size: 100%;
	color: #960;
	font-family: "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.3;
}
.top_bn {
	margin-top: 5px;
	margin-bottom: 15px;
}
#bnnr {
	width: 727px;
	margin: 15px auto 20px;
}


#recommend .explan div.roomlist{ margin:5px 0 0 10px; padding:5px 5px 0 5px; background:#FFF;
	border:1px solid #CCC; }
#recommend .roomlist li { display:block; padding:2px 0 2px 2px ; margin-bottom:5px; background:#EEE;}
#recommend .roomlist li a{  display:block; padding:2px 0 2px 2px ; color:#000;}
#blog {
	width: 330px;
}
#blog_tit {
	height: 80px;
	width: 330px;
	margin-top: 10px;
}
#blog_text {
	height: 200px;
	width: 295px;
	margin-bottom: 20px;
	overflow: scroll;
	background: #FFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
	background: #FFF;
}

#blog_text2 {
	height: 200px;
	width: 295px;
	margin-bottom: 20px;
	overflow: scroll;
	background: #FFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
}
#top_planlist {
	background: #6A754D;
	width: 370px;
	height: 900px;
	overflow: scroll;
	font-size: 70%;
}



/*V‚ต‚ขƒiƒr------------------------------------*/

#header {
	height: 60px;
	width: 810px;
	background: #1E2214;
}
#header h1 {
	float: left;
	height: 50px;
	width: 400px;
	font-weight: normal;
	margin: 5px 0px 0px 5px;
	font-size: 12px;
	color: #990;
}

#header #mail_faq {
	float: left;
	height: 50px;
	width: 135px;
}

#header #tel {
	float: left;
	width: 252px;
	height: 50px;
	background: url(../image/top/top_tel.jpg) left top;
	text-indent: -9000px;
}


#faq {
	height: 25px;
	width: 135px;
	background: url(../image/top/top_faq.jpg) left top;
	text-indent: -9999px;
}

#faq a {
	height: 25px;
	width: 135px;
    display: block;
}

#mail {
	height: 25px;
	width: 135px;
	background: url(../image/top/top_mail.jpg) left top;
	text-indent: -9999px;
}

#mail a {
	height: 25px;
	width: 135px;
	display: block;
}


#nav {
	clear: both;
	height: 75px;
	width: 810px;
}
#nav #home {
	float: left;
	height: 75px;
	width: 241px;
	background: url(../image/top/top_nav_logo.jpg) left top;
	text-indent: -9999px;
}

#nav #home a {
	display: block;
	height: 75px;
	width: 241px;
}

#nav #spa {
	float: left;
	height: 75px;
	width: 79px;
	background: url(../image/top/top_nav_spa.jpg) left top;
	text-indent: -9999px;
}

#nav #spa a {
	display: block;
	height: 75px;
	width: 79px;
}
#nav #spa a:hover {
	background: url(../image/top/top_nav_spa.jpg) left 75px;
	height: 75px;
	width: 79px;
}

#nav #cuisine {
	float: left;
	height: 75px;
	width: 102px;
	background: url(../image/top/top_nav_cui.jpg) left top;
	text-indent: -9999px;
}

#nav #cuisine a {
	display: block;
	height: 75px;
	width: 102px;
}
#nav #cuisine a:hover {
	background: url(../image/top/top_nav_cui.jpg) left 75px;
	height: 75px;
	width: 102px;
}

#nav #room {
	float: left;
	height: 75px;
	width: 131px;
	background: url(../image/top/top_nav_room.jpg) left top;
	text-indent: -9999px;
}

#nav #room a {
	display: block;
	height: 75px;
	width: 131px;
}
#nav #room a:hover {
	background: url(../image/top/top_nav_room.jpg) left 75px;
	height: 75px;
	width: 131px;
}

#nav #access {
	float: left;
	height: 75px;
	width: 117px;
	background: url(../image/top/top_nav_access.jpg) left top;
	text-indent: -9999px;
}
#nav #access a {
	display: block;
	height: 75px;
	width: 117px;
}
#nav #access a:hover {
	background: url(../image/top/top_nav_access.jpg) left 75px;
	height: 75px;
	width: 117px;
}

#nav #plan {
	float: left;
	height: 75px;
	width: 140px;
	background: url(../image/top/top_nav_plan.jpg) left top;
	text-indent: -9999px;
}

#nav #plan a {
	display: block;
	height: 75px;
	width: 140px;
}
#nav #plan a:hover {
	background: url(../image/top/top_nav_plan.jpg) left 75px;
	height: 75px;
	width: 140px;
}



#nav_sub {
	height: 30px;
	width: 810px;
	background: #1B1308;
}
#nav_sub a {
	color: #FC6;
}

#nav_sub li {
	color: #FF9;
	display: inline;
	margin-right: 1em;
	font: 90% "‚l‚r ‚o–พ’ฉ", "MS PMincho", "ƒqƒ‰ƒMƒm–พ’ฉ Pro W3", "Hiragino Mincho Pro", serif;
}
#nav_sub ul {
	text-align: right;
	padding-top: 7px;
}




#top_fla {
	height: 200px;
	width: 810px;
	margin-bottom: 30px;
}

#banner {
	height: 80px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	font-size: 85%;
	color: #FFF;
}

#banner img {
	margin-bottom: 5px;
}