@charset "utf-8";

/* ===================================================================================
	共通スタイル 
==================================================================================== */

body {
	font-family: 'メイリオ',Meiryo, "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
}

* {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
	color: #404040;
	font-family: 'メイリオ',Meiryo, "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
}
/*
* {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
}
*/
html, body {
	background-color: #8e7467;
	height: 100%;

	font-size: 14px;
	line-height: 22px;
	color: #363636;
}

body {
}

br.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	width: 0px;
	font-size: 0px;
	overflow: hidden;
	margin: 0px;
}

a {
	color: #0067ce;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 18px;
}

ul {
	list-style-type: none;
}

table {
	width: 100%;
	border-collapse:collapse;
}

table td, table th {
	text-align: left;
}

/* ===================================================================================
	コモンレイアウト 
==================================================================================== */

#body-wrapper {
	background-image: url(../img/head_bg.png);
	background-repeat: repeat-x;
	background-color: #f3f3e9;
}

#contents-wrapper,
#footer {
	width: 946px;
	margin-left: auto;
	margin-right: auto;
}

#footer-wrapper {
	background-image: url(../img/foot_bg.png);
	background-repeat: repeat-x;
	height: 95px;
}

#footer {
	text-align: center;
	padding-top: 14px;
}

#footer .paddy {
	color: #ffffff;
	font-size: 12px;
}

#footer .copyright {
	margin-top: 10px;
	font-size: 12px;
	color: #d5cbc6;
}

/* ===================================================================================
	コモンパーツ
==================================================================================== */

#header h1,
#header span.tel,
#menu ul li a ,
#menu ul li span, 
#mini-frame li a {
	background-repeat: no-repeat;
	text-indent: -10000px;
	display:block;
	overflow: hidden;
}


#header .left {
	float: left;
}
#header .right {
	float: right;
	padding-top: 25px;
}

#header h1 {
	background-image: url(../img/title.png);
	width: 312px;
	height: 90px;
}

#header span.tel {
	margin-top: 27px;
	margin-left: 348px;
	background-image: url(../img/tel.png);
	width: 277px;
	height: 69px;
}

#header a.blog {
	background-image: url(../img/blog_button.png);
	background-repeat: no-repeat;
	width: 162px;
	height: 25px;
	position: absolute;
	margin-top: 65px;
	margin-left: 140px;
/*	right: 390px;*/
	color: #7c6444;
	font-size: 12px;
	line-height: 25px;
	padding-left: 20px;
}

#header a.blog:hover {
	text-decoration: none;
}

#menu {
	background-image: url(../img/menu_bg.png);
	width: 946px;
	height: 36px;
	margin-top: 13px;
}

#menu ul {
	margin-left: 9px;
	list-style-type: none;
}

#menu ul li {
	float: left;
}

#menu ul li a,
#menu ul li span {
	width: 103px;
	height: 36px;
}

#menu ul li a:hover,
#menu ul li span {
	background-position: left -36px;
}
#menu ul li a.home {
	background-image: url(../img/m_home.png);
}

#menu ul li a.about,
#menu ul li span.about {
	background-image: url(../img/m_about.png);
}

#menu ul li a.room,
#menu ul li span.room {
	background-image: url(../img/m_room.png);
}

#menu ul li a.dinner,
#menu ul li span.dinner {
	background-image: url(../img/m_dinner.png);
}

#menu ul li a.pub,
#menu ul li span.pub {
	background-image: url(../img/m_pub.png);
}

#menu ul li a.spa,
#menu ul li span.spa {
	background-image: url(../img/m_spa.png);
}

#menu ul li a.access,
#menu ul li span.access {
	background-image: url(../img/m_access.png);
}

#menu ul li a.rider,
#menu ul li span.rider {
	background-image: url(../img/m_rider.png);
}

#menu ul li a.blog,
#menu ul li span.blog {
	background-image: url(../img/m_blog.png);
}

#menu ul li a.availe,
#menu ul li span.availe {
	background-image: url(../img/m_availe.png);
}

#goto-top {
	background-image: url(../img/goto_to.png);
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	height: 139px;
	width: 26px;
	display:block;
	
	position: fixed;
	top: 400px;
	right: 0px;
}
/* ===================================================================================
	トップページパーツ
==================================================================================== */

#top-frame {
	background-image: url(../img/top_photo_bg.png);
	background-repeat: no-repeat;
	width: 946px;
	height: 304px;
}

#top-frame img {
	margin-left: 9px;
	margin-top: 6px;
}

#mini-frame {
	margin-top: 14px;
	width: 946px;
	height: 345px;
	display: block;
}

#mini-frame li {
	background-repeat: no-repeat;
	width: 467px;
	height: 152px;
	display: block;
	margin-bottom: 12px;
}

#mini-frame li.room {
	background-image: url(../img/top_f_room.png);
	float: left;
}

#mini-frame li.dinner {
	background-image: url(../img/top_f_dinner.png);
	float: right;
}

#mini-frame li.pub {
	background-image: url(../img/top_f_pub.png);
	float: left;
}

#mini-frame li.spa {
	background-image: url(../img/top_f_spa.png);
	float: right;
}

#mini-frame li span{
	position: absolute;
	margin-top: 59px;
	margin-left: 203px;
	font-size: 12px;
}


#mini-frame li a{
	background-image: url(../img/desc.png);
	width: 120px;
	height: 25px;
	position: relative;
	
	top: 105px;
	left: 327px;
}

#mini-frame li a:hover {
	background-position: left -25px;
}

/* ===================================================================================
	サブページパーツ
==================================================================================== */

#sub-frame {
	background-image: url(../img/sub_photo_bg.png);
	background-repeat: no-repeat;
	width: 946px;
	height: 118px;
}

#sub-frame img {
	margin-left: 9px;
	margin-top: 6px;
}

#contents {
	background-image: url(../img/sub_contents_bg.png);
	background-repeat: repeat-y;
}

#contents div.left,
#contents div.right {
	margin-top: 10px;
}

#contents div.left {
	width: 293px;
	float: left;
	text-align: center;
}
#contents div.right {
	width: 648px;
	float: right;
	padding-left: 5px;
}

#contents div.right h2 {
	background-image: url(../img/bar.png);
	background-repeat: no-repeat;
	width: 601px;
	height: 41px;
	line-height: 40px;
	font-size: 16px;
	padding-left: 45px;
	color: #585858;
	margin-bottom: 10px;
}

#contents div.right p {
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#contents div.left img {
	border: 5px solid #ffffff;
	margin-bottom: 20px;
}

/* ===================================================================================
	カレンダーパーツ
==================================================================================== */

#calReserv {
	height: auto !important;
	width: 636px !important;
	margin-left: auto !important;
	margin-right: auto !important;

	border: 1px solid #a88a7b !important;

	margin-bottom: 15px; !important;
}

#calReserv td,
#calReserv th {
	padding: 5px !important;
	width: 14% !important;

	border: 1px solid #a88a7b !important;
}

#calReserv th {
	text-align: center !important;
	background-color: #d8cac2 !important;
}

#calReserv td {
	vertical-align: top !important;
	height: 85px !important;
}

#calReserv td.month {
	height: auto !important;
	background-color: #bda69b !important;
}

#calReserv td.month table td {
	text-align: center !important;
}

#calReserv td.month table td.current {
	font-size: 16px !important;
}

#calReserv td.month table td.prev {
	text-align: left !important;
	padding-left: 10px !important;
}

#calReserv td.month table td.next {
	text-align: right !important;
	padding-right: 10px !important;
}

#calReserv td table td {
	padding: 0px !important;
	font-size: 10px !important;
	border: 0px !important;
	height: auto !important;
}

#calReserv td a img{
	width: 80px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.left-exp ,
.right-exp {
	margin-bottom: 20px;
}

.left-exp {
	float: left;
	margin-left: 10px;
}

.left-exp span {
	margin-right: 20px;
}

.left-exp span img {
	margin-right: 5px;
	vertical-align: middle !important;
}

.right-exp {
	float: right;
	margin-right: 10px;
}

.right-exp span {
	font-weight: bold;
	margin-left: 10px;
	font-size: 18px;
	color: #51841e;
}