@charset "utf-8";
body{
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	margin-top: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;
	line-height: 16px;
	background-color: #996600;
}
#container {
	height: auto;
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 1px;
	float: none;
	margin-top: 0px;
	background-color: #FFFFFF;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	margin-bottom: 0px;
}
#header {
	height: 50px;
	width: 780px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
}
#header_logo {
	height: 50px;
	width: 216px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#header_txt {
	height: 30px;
	width: 564px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 20px 0px 0px;
}
h1 {
	font-size: 10px;
	color: #009ACC;
	padding-left: 20px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	float: left;
	height: 15px;

}
h2{
	margin:0px;
	padding:0px;
	text-decoration: none;
	display: inline;
	font-size: 11px;
	font-weight: normal;
	color: #0099CC;
	line-height: 15px;
}
h3{
	margin:0px 0px 10px;
	padding:5px 0px 4px 6px;
	text-decoration: none;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #3680A7;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #388EBE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #388EBE;
	background-color: #F4F1FE;
}
h4{
	margin:8px 0px 5px;
	padding:0px 0px 0px 20px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../img/mark_ya.gif);
	background-repeat: no-repeat;
}
p{
	margin: 0px;
	padding: 0px;
	float: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.img{
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
strong{font-weight:normal;}
#main {
	height: auto;
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#bg_room {
	height: 290px;
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_room.gif);
	background-repeat: no-repeat;
}
#bg_spa {
	height: 290px;
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_spa.gif);
	background-repeat: no-repeat;
}
#bg_food {
	height: 290px;
	width: 780px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_food.gif);
	background-repeat: no-repeat;
}
.sideA {
	height: 270px;
	width: 360px;
	display: block;
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}
.sideA_spa {
	height: 270px;
	width: 370px;
	display: block;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.sideB {
	height: 263px;
	width: 371px;
	display: block;
	float: left;
	padding-top: 27px;
	padding-left: 19px;
}
.sideB_spa {
	height: 263px;
	width: 357px;
	display: block;
	float: left;
	padding-top: 27px;
	padding-left: 33px;
}
.side_txt {
	height: 160px;
	width: 350px;
	display: block;
	padding-right: 10px;
}
.side_txt_spa {
	height: 130px;
	width: 350px;
	display: block;
	vertical-align: bottom;
	padding-right: 10px;
}
.side_pic {
	height: 85px;
	width: 352px;
	display: block;
	padding-left: 8px;
	padding-top: 5px;
}
.side_pic_spa {
	height: 90px;
	width: 352px;
	display: block;
	padding-top: 30px;
	padding-left: 8px;
}

#footer {
	height: 70px;
	width: 770px;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	color: #993300;
	padding-right: 10px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	margin-top: 20px;
}
#footer_b {
	height: 30px;
	width: 770px;
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	color: #993300;
	padding-right: 10px;
	margin-top: 20px;
}
.btn_bg{
	display: block;
	height: 35px;
	width: 320px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C25C18;
	text-align: right;
	margin-right: 0px;
	margin-left: 10px;
	padding-left: 430px;
}

/*上部メニュー*/
.btn{
	width: 320px;
	height: 26px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	top:0px;
	left: 0px;
	}

.btn ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.btn li{
/*	display:block;
*/  /*width:110px;*/
	height:26px;
	float: left;
	margin-left:5px;
	}
	
.btn li.map{
	background: url(../img/btn_map_on.jpg) no-repeat left top;
	   }

.btn li.contact{
	background: url(../img/btn_contact_on.jpg) no-repeat left top;
	   }

.btn li.reservation{
	background: url(../img/btn_reservation_on.jpg) no-repeat left top;
	   }	   	   
	   
.btn li a:hover img{
  opacity: 0.1;
  filter: alpha(opacity=10);
}	   




/*.btn01 a {background-position: 0px   0px;width: 100px;}
.btn02 a { background-position: -105px  0px;width: 115px;}
.btn03 a { background-position: -215px  0px;width: 115px;}

.btn01 a:hover {background-position: 0px   -28px;width: 100px;}
.btn02 a:hover { background-position: -105px  -28px;width: 115px;}
.btn03 a:hover { background-position: -105px  -28px;width: 115px;}*/
/* ボタン終了 */

.tBbrown {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}
.title {
	font-size: 15px;
	font-weight: bold;
	color: #663300;
	background-color: #F3E8CF;
	display: block;
	height: 25px;
	width: 330px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #990000;
	padding-left: 10px;
	padding-top: 5px;
}
#bg_booking {
	height: 658px;
	width: 568px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/booking/bg.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 20px;
}


/*table*/
.tabel568{
	height: 30px;
	width: 568px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC6600;
}
.td_left{
	background-color: #F2EDDF;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	height: 20px;
	width: 120px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #990000;
	padding-top: 2px;
	padding-left: 4px;
}
.td_right{
	background-color: #FAF8F1;
	font-weight: normal;
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
}
.t1 {
	font-size: 12px;
	font-weight: bold;
}
.t2 {
	font-size: 14px;
	color: #FF9900;
	font-weight: normal;
}
.t3 {
	font-size: 12px;
	color: #FF9900;
	font-weight: normal;
	text-decoration: underline;
	padding-left: 10px;
}
.t0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	line-height: 110%;
}
.t0red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF3300;
	line-height: 110%;
}
/************************************/
.required, .required red, .input, .input_full{
	vertical-align: middle;
	color: #333333;
	background: #FDFDFD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4EEE1;
	border-right-color: #DBE2CD;
	border-bottom-color: #CCD5B9;
	border-left-color: #E4EEE1;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 120px;*/
}