﻿@charset "utf-8";

/**************************
　　　main.css
**************************/


/*========== ＴＯＰ ==========*/

table#point6 {
	width:730px;
}

table#point6 th {
	width:230px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table#point6 td {
	width:230px;
	padding-left:20px;
	vertical-align:top;
}

.top-info {
	margin:0 0 30px;
	padding:10px;
	border:2px solid #600;
	line-height:1.5em;
	clear:both;
}

h2#toptit {
	margin:10px 0 20px;
}

.tsection-l,
.section-r {
	width:360px;
	line-height:1.5em;
}

.tsection-l {float:left;}
.tsection-r {float:right;}

.tsection-l h3.topsmid,
.tsection-r h3.topsmid {
	margin-bottom:0;
}

.tsection-l ul,
.tsection-r ul {
	width:360px;
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
}

.tsection-l ul li,
.tsection-r ul li {
	margin:0;
	padding:3px 5px 0 15px;
	background:url(../images/top/tlist.gif) no-repeat 5px 9px;
	line-height:1.3em;
}

.t-more {
	text-align:right;
	margin-bottom:15px;
	padding:3px 5px;
	border:1px solid #ddddd4;
	background-color:#eeeee5;
}

#recommend-smid {
	width:70px;
	height:200px;
	float:left;
}

#recommend-box {
	width:630px;
	border:1px solid #ccc;
	padding:10px;
	float:right;
}


/*========== ページタイトル ==========

#pagetit {
	width:740px;
	height:100px;
	margin:0 0 10px;
	text-indent:-9999px;
	clear:both;
}

#pagetit h2 {
	font-size:85%;
	font-weight:normal;
	margin:0;
	padding:0;
}

body#gyomu #pagetit {background:url("../images/gyomu/pagetit_gyomu.jpg") no-repeat;}
body#teian #pagetit {background:url("../images/teian/pagetit_teian.jpg") no-repeat;}
body#about #pagetit {background:url("../images/about/pagetit_about.jpg") no-repeat;}
body#contact #pagetit {background:url("../images/contact/pagetit_contact.jpg") no-repeat;}*/


/*========== 動画 ==========*/

.movie-txt {
	width:370px;
	float:left;
}

.movie {
	width:320px;
	float:right;
	padding:10px;
	background-color:#eee;
}


/*========== お取り寄せ ==========*/

table#prod-list {width:730px;}

table#prod-list h4 {
	font-size:14px;
	margin-bottom:10px;
}

table#prod-list th,
table#prod-list td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	line-height:1.3em;
}

.prod-box {
	width:670px;
	padding:0 30px;
}

.comm-box {
	float:left;
	width:340px;
	line-height:1.5em;
}

.comm-box form {
	margin:30px 0 0;
	padding:10px;
	width:318px;
	line-height:1.5em;
	background-color:#eee;
	border:1px solid #ccc;
	vertical-align:top;
	clear:both;
}

.price {
	float:left;
	line-height:1.3em;
	margin-left:0;
	width:198px;
}

.price2 {
	line-height:1.3em;
	margin:10px 0 0;
	padding:10px;
	width:318px;
	background-color:#eee;
	border:1px solid #ccc;
}

.cart-btn {
	float:right;
	margin-right:19px;
	width:120px;
}

.photo-box {
	float:right;
	width:300px;
}



/*========== 6つの魅力 ==========*/

.point6_bg_01 {
	position: relative;
	width: 730px;
	height: 490px;
	background: url(../images/point6/p_01.png) right top no-repeat;
}
.point6_bg_01 p {
	width: 370px;
	padding-top: 15px;
}


/*========== お部屋 ==========*/








/*========== 浴室・露天風呂 ==========*/
#furo #main {
	float:none;
	width:950px;
}
#furo #main .panlist {
	margin:0 0 40px 20px;
}
#furo #main .sec {
	font-size:12px;
	line-height:1.7;
}

#furo #sec01 {
	width:950px;
	margin:0;
	background: url(../images/furo/bg_main.jpg) no-repeat 0 250px;
}
#furo #sec01 h3 {
	position:absolute;
	top:0;
	left:-24px;
	z-index:1000;
}
#furo #sec01 .images {
	position:relative;
	width:950px;
}

#furo #sec01 .images01 h4 {
	float:left;
	padding:192px 0 0;
}
#furo #sec01 .images01 .bigImg {
	width:730px;
	height:462px;
	float:right;
	margin:0;
	background:url(../images/furo/pic_big01.jpg);
}
#furo #sec01 .images01 .thumb01 {
	position:absolute;
	top:331px;
	left:2px;
}
#furo #sec01 .images01 .thumb02 {
	position:absolute;
	top:251px;
	left:94px;
}

#furo #sec01 .images02 {
	padding-top:23px;
}
#furo #sec01 .images02 h4 {
	float:right;
	padding:136px 0 0;
}
#furo #sec01 .images02 .bigImg {
	width:729px;
	height:457px;
	float:left;
	margin:0;
	background:url(../images/furo/pic_big11.jpg);
}
#furo #sec01 .images02 .thumb01 {
	position:absolute;
	top:215px;
	right:72px;
}
#furo #sec01 .images02 .thumb02 {
	position:absolute;
	top:308px;
	right:8px;
}

#furo #sec01 .txt div {
	padding:24px 80px 8px 35px;
}

#furo #sec01 .bg {
	background:url(../images/furo/bg_sec1.jpg);
	height:208px;
}
#furo #sec01 .bg .inner {
	padding:45px 0 0 35px;
}
#furo #sec01 .bg h5 {
	margin:0 0 15px;
}


#furo #sec02 {
	width:950px;
	margin:90px 0 25px;
}
#furo #sec02 h3 {
	position:absolute;
	top:-63px;
	left:-24px;
	z-index:100;
	zoom:1;
}
#furo #sec02 .bg {
	background:url(../images/furo/bg_sec2.jpg);
	height:386px;
}
#furo #sec02 .bg .inner {
	padding:50px 0 0 35px;
	font-size:13px;
}
#furo #sec02 .bg h5 {
	margin:0 0 15px 0;
}
#furo #sec02 .bg ul {
	margin:0;
	padding:0 30px 15px 0;
}
#furo #sec02 .bg li {
	line-height:1.7;
}



/*
.section-bg-sakura01 {background:url(../images/common/section_bg_sakura01.gif) no-repeat 200px 150px;}

table#kounou {
	width:340px;
	border:1px solid #AC4646;
	border-collapse:collapse;
	margin:0;
}

table#kounou th {
	color:#AF3E01;
	background-color:#E8AF89;
	padding:2px 0px;
	border:1px solid #AC4646;
}

table#kounou td.kounou-tit {
	padding:2px 0px;
	background-color:#F2F7E2;
	border:1px solid #AC4646;
	text-align: center;
}

table#kounou td,
table#kounou td.kounou-td {
	padding:2px;
	line-height:1.3em;
	border:1px solid #AC4646;
}

table#kounou td {width:50%;}
table#kounou td.kounou-td {width:100%;}
*/


/*========== お料理 ==========*/
#ryori #container {
	background:url(../images/common/subimg_ryori.jpg) no-repeat center 5px;
}
#ryori #main {
	float:none;
	width:950px;
}
#ryori #main .panlist {
	margin-bottom:25px;
}
#ryori #main .section {
	font-size:12px;
	line-height:1.7;
}
#ryori .inSec h4 {
	margin-bottom:18px;
}
#ryori .inSec h5 {
	margin:0 0 12px;
}
#ryori .section {
	width:950px;
}

#ryori #sec01 {
	margin:0 0 35px;
}
#ryori #sec01 h3 {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
#ryori #sec01 p.posi_ab {
	position:absolute;
	top:360px;
	left:40px;
	width:187px;
}
#ryori #sec01 .images {
	margin:0 0 0 auto;
	padding-top:30px;
	width:740px;
	text-align:right;
}
#ryori #sec01 .thumb li {
	display:inline;
	padding:0 0 0 10px;
}
#ryori #sec01 .bigImg {
	height:415px;
}
#ryori #sec01 .thumb a {
	 cursor:pointer;
}

#ryori #sec01 .inSec .flR {
}
#ryori #sec01 .inSec p {
	width:510px;
}
#ryori #sec01 .note {
	clear:both;
	background:url(../images/ryori/bg_sec1_01.jpg) no-repeat;
	height:228px;
}
#ryori #sec01 .note .inner {
	padding:58px 0 0 30px;
}


#ryori #sec02 {
	margin-bottom:10px;
}
#ryori #sec02 .flL img {
	padding-bottom:48px;
}
#ryori #sec02 p.txt {
	position:absolute;
	top:375px;
	right:35px;
	width:190px;
}
#ryori #sec02 p.txt span {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	padding-top: 10px;
}
/*#ryori #sec02 .txt2 {
	position:absolute;
	top:600px;
	left: 0;
	width:950px;
	background: #F1DCDD;
	padding: 5px 0;
}
#ryori #sec02 .txt2 th {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}*/
#ryori #sec02 .note {
	clear:both;
	background:url(../images/ryori/bg_sec2_01.jpg) bottom no-repeat;
	height:430px;
}
#ryori #sec02 .note .inner {
	padding:50px 0 0 35px;
}
#ryori #sec02 strong {
	font-size:14px;
}
#ryori #sec02 .note .inner p {
	width:490px;
}


#ryori #sec03 {
}
#ryori #sec03 .bg {
	background:url(../images/ryori/bg_sec3_01.jpg);
	width:685px;
	height:459px;
}
#ryori #sec03 .bg .inner {
	padding:65px 190px 0 30px;
}
#ryori #sec03 .bg .inner p {
	padding-top:20px;
}
#ryori #sec03 .inSec .flR {
	width:492px;
}
#ryori #sec03 .inSec .btn {
	margin:10px 0 45px;
}




/*========== 館内のご案内 ==========*/

.section-bg-jimon01 {background:url(../images/common/section_bg_jimon01.gif) no-repeat 100px 35px;}


/*========== 交通・アクセス ==========*/

iframe#gmap {
	padding:5px;
	margin:0 auto 15px 15px;
	border:1px solid #999;
}


/*========== お問い合せ ==========*/

.faq-box {
	width:600px;
	margin:0 65px;
}

dl#faq {
	width:540px;
	padding:30px;
	margin:0;
	background:url(../images/contact/faq_bg.gif) no-repeat;
}

dl#faq dt {
	margin:0 0 0 10px;
	padding:6px 0 6px 25px;
	background:url(../images/contact/list_q.gif) no-repeat left 4px;
	font-weight:bold;
}

dl#faq dd {
	margin:0 0 0 40px;
	padding:6px 0 6px 25px;
	background:url(../images/contact/list_a.gif) no-repeat left 4px;
	line-height:1.5em;
}

.faq-bottom {
	width:600px;
	margin:0;
	padding:0;
}



/*========== お客様の声 ==========*/
#voice {
	background:#f5f5f3 url(../images/common/bg2.jpg) repeat-x top;
}
#voice #container {
	background:url(../images/voice/bg_pagetit.jpg) no-repeat center 5px;
}

#voice #content-inner {
	width:935px;
}
#voice #main {
	width:705px;
}
#voice .inSec {
	margin-bottom:33px;
}

#voice h2 {
	display:none;
}
#voice h3 {
	margin-top:-25px;
}
#voice h4 {
	margin-bottom:7px;
	padding:14px 14px 14px 35px;
	border:4px solid #E3D4A4;
	line-height:1;
	font-size:13px;
	font-weight:bold;
	background:#fff url(../images/voice/ico_date.jpg) no-repeat 14px 50%;
}
#voice .inSec img {
	padding-bottom:5px;
}
#voice .pagetop {
	padding:40px 0 0;
}



/*========== のど黒を味わう ==========*/
#nodo {
}
#nodo #container {
	background:url(../images/nodoguro/bg_pagetit.jpg) no-repeat center 5px;
}
#nodo h2 {
	display:none;
}
#nodo #main {
	float:none;
	width:100%;
}

#nodo #container-inner {
	width:100%;
}
#nodo #header {
	width:950px;
	margin:0 auto;
}
#nodo #gnavi {
	width:950px;
	margin:2px auto 15px;
}
#nodo #content,
#nodo #content-inner {
	width:100%;
}

#nodo .h3_bg {
	background:url(../images/nodoguro/bg_h3.jpg) no-repeat center;
	position:relative;
	height:732px;
}
#nodo .h3_bg h3 {
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:25px;
}

#nodo .innerBg {
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#nodo .mainBg01 {
	height:1581px;
	background:url(../images/nodoguro/bg_main_01.jpg) no-repeat center top;
}
#nodo .mainBg01 h4,
#nodo .mainBg01 h5 {
	margin:0;
}
#nodo .mainBg01 h5 {
	margin-bottom:12px;
}
#nodo .mainBg01 p {
	font-size:12px;
	line-height:1.7;
}
#nodo .mainBg01 .sec01 {
	position:absolute;
	top:25px;
	left:0;
}
#nodo .mainBg01 .sec01 .fix {
	position:absolute;
	top:365px;
	left:540px;
	width:425px;
}
#nodo .mainBg01 .sec02 {
	position:absolute;
	top:562px;
	left:536px;
}
#nodo .mainBg01 .sec03 {
	position:absolute;
	top:1344px;
	left:428px;
	z-index:10;
}

#nodo .mainBg02 {
	background:url(../images/nodoguro/bg_main_02.jpg) no-repeat center 409px;
}
#nodo .mainBg02 .innerBg {
	top:-113px;
	margin-bottom:-93px;
}
#nodo .mainBg02 .nodo01 {
	margin-top:113px;
}
#nodo .mainBg02 .nodo04 {
	margin-top:336px;
}
#nodo .mainBg02 .btn {
	margin-top:135px;
}


#nodo .contactBtm {
	background:url(../images/nodoguro/bg_contact.png);
	width:960px;
	height:70px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	position:relative;
}
#nodo .contactBtm dl {
	padding:0;
	margin:0;
}
#nodo .contactBtm dt,
#nodo .contactBtm dd {
	float:left;
	margin:0;
	padding:0;
}
#nodo .contactBtm dt {
	padding-right:19px;
}
#nodo .contactBtm dd {
	color:#fff;
	font-size:12px;
	padding:14px 0 0 0;
}
#nodo .contactBtm .dd01 {
	width:280px;
	margin-right:20px;
	background:url(../images/nodoguro/line.png) no-repeat right 14px;
}
#nodo .contactBtm .dd02 {
	width:295px;
}
#nodo .contactBtm dd img {
	padding-bottom:7px;
}

#nodo .pagetop {
	width:960px;
	padding-top:35px;
	margin:0 auto;
}










#furo #container-inner,
#furo #content-inner {
	overflow:visible !important;
}



/* common */
ul,ol {
	padding:0;
	list-style:none;
}
.flL   {float: left;}
.flR   {float: right;}
.clear {clear:both;}

.section,
.sec {
	position:relative;
}

.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pl40 { padding-left:40px;}

a:hover img.rollover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

/* jQuery ui tabs */
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0;
	content:"";
	font-size:0;
	visibility:hidden;
}
.clearfix {
	overflow:hidden; /* for DW */
	/display:inline-block;
}



/**************************
　　　end
**************************/
