@charset "utf-8";
/* CSS Document */
@import url("sub.css");
@import url("lightbox.css");


/* -- main style --------------------------------- */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
}

h1 {
	font-size: 90%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	width: 810px;
	text-align: left;
}


h2 {
	margin: 0px;
	font-size: 100%; 
	font-weight: normal;
}

h3 {
	margin: 0px;
	font-size: 100%; 
	font-weight: bold;
}

img {
	border: 0px;
}

table, tr, th, td {
	font-size: 100%;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover   {
	text-decoration: underline;
	color: #CC3300;
}

br.clear {  
	clear: both;  
	visibility: hidden;
	width: 0px;
}

.nospace {
	margin: 0px;
	padding: 0px;
}

.text_70per {
	font-size: 70%;
}

.text_80per {
	font-size: 80%;
}

.text_90per {
	font-size: 90%;
}

.text_110per {
	font-size: 110%;
}

.text_120per {
	font-size: 120%;
}



/* -- header style --------------------------------- */

div#header {
	width: 810px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #FFFFFF;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}

div#header_left {
	float: left;
	width: auto;
	height: 60px;
}

div#header_left img {
	padding: 6px;
}

div#header_right {
	float: right;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

div#header_right_top {
	height: 40px;
	padding-right: 50px;
}

div#header_right_bottom {
	font-size: 80%;
	padding-right: 10px;
	line-height: 20px;
}

/* -- header navi style --------------------------------- */

ul#header_navi {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 47px;
	list-style: none;
	background-image: url(../images/header_navi.jpg);
}

ul#header_navi span {
	display: none;
} 

ul#header_navi li {
	float: left;
	width: 115px;
	height: 47px;
}

ul#header_navi a {
	display: block;
	width: 115px;
	height: 47px;
	background-image: url(../images/header_navi.jpg);
	background-repeat: no-repeat;
}

/* 客室 */
a#header_navi_room {
   background-position: 0px 0px;
}
a:hover#header_navi_room {
	background-position: 0px -47px;
}

/* 食事 */
a#header_navi_meal {
	background-position: -115px 0px;
}
a:hover#header_navi_meal {
	background-position: -115px -47px;
}

/* 華清園 */
a#header_navi_garden {
	background-position: -230px 0px;
}
a:hover#header_navi_garden {
	background-position: -230px -47px;
}

/* 風呂 */
a#header_navi_onsen {
	background-position: -345px 0px;
}
a:hover#header_navi_onsen {
	background-position: -345px -47px;
}

/* 料金 */
a#header_navi_price {
	background-position: -460px 0px;
}
a:hover#header_navi_price {
	background-position: -460px -47px;
}

/* 昼席・夕席プラン */
a#header_navi_plan {
	background-position: -575px 0px;
}
a:hover#header_navi_plan {
	background-position: -575px -47px;
}

/* 予約 */
a#header_navi_yoyaku {
	background-position: -690px 0px;
}
a:hover#header_navi_yoyaku {
	background-position: -690px -47px;
}


/* -- pankuzu style --------------------------------- */

div#pankuzu {
	width: 810px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 90%;
	border-top: 0px;
	border-right: 1px solid #bbbbbb;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}

div#pankuzu ul {
	list-style: none;
	margin: 0px;
	padding: 3px 0px 3px 5px;
}

div#pankuzu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 8px;
}

div#pankuzu li a {
	background-image: url(../images/pan_arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right:18px;
}


/* -- contents style --------------------------------- */

div#contents {
	width: 810px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 90%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	border-top: 0px;
	border-right: 1px solid #bbbbbb;
	border-bottom: 0px;
	border-left: 1px solid #bbbbbb;
}


/* -- footer style ----------------------------------- */

div#footer {
	width: 810px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align: right;
	border-top: 0px;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}

div#footer_top {
	font-size: 80%;
	padding-right: 10px;
	line-height: 20px
}

div#footer_bottom {
	font-size: 80%;
	text-align: right;
	color: #FFFFFF;
	background-color: #555936;
	padding: 5px 10px 5px 0px;
}


/* -- page style ------------------------------------- */

div#page_left {
	float: left;
	width: 200px;
	height: auto;
}

div#page_right {
	float: left;
	width: auto;
	height: auto;
	background-color: #ffffff;
}

div#page_navi_list {
	width: auto;
	height: auto;
}

div#page_navi_list dl {
	padding-left: 20px;
}

div#page_navi_list dt {
	background-image: url(../images/point_square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
}

div#page_navi_list dd {
	background-image: url(../images/point_circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-top: 3px;
	margin-left: 25px;
}

div.page_detail {
	padding-left: 10px;
}

div#page_title {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.page_gotop {
	font-size: 80%;
	text-align: right;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.page_gotop a:link {
	color: #000000;
}

div.page_gotop a:visited {
	color: #000000;
}

div.page_gotop a:hover {
	text-decoration: underline;
	color: #CC3300;
}