html {
	background: #000;
	color: #000;
	cursor: default;
	height: 100%;
	left: 0px;
	overflow-y: scroll;
	position: absolute;
	top: 0px;
	width: 100%;
}

body {
	cursor: default;
	font: normal normal 12pt/1.25em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	height: 100%;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

blockquote, form, h1, h2, h3, h4, h5, h6, p {
	display: block;
	margin: 0px;
	padding: 0px;
}

hr {
	clear: both;
	display: none;
}

h1 {
	font: normal bold 2.0em/1.5em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}

h2 {
	background: #FFE777 url(../images/bg.h2.gif) no-repeat -145px bottom;
	font: normal bold 1.7em/1.5em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	margin: 16px 0px;
	padding-bottom: 20px;
}
h2 .text {
	display: block;
	border: 1px solid #E19C1A;
	border-bottom: 0px;
	margin: 0px;
	padding: 0px 10px;
}

h3 {
	font: normal bold 1.2em/1.5em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	margin: 14px 0px;
}

h4 {
	font: normal bold 1.0em/1.5em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	margin: 12px 0px;
}

a:hover {
	color: #CC0000;
}

a img {
	border: 0px;
}

div.goto {
	clear: both;
	text-align: right;
}
div.goto a {
	color: #76583E;
	font-size: 10pt;
	line-height: 10pt;
	text-decoration: none;
}
div.divider {
	border-bottom: 1px solid #DCD9D6;
	padding-bottom: 5px;
}

table {
	border: 1px solid #46280E;
}
td {
	border: 1px solid #46280E;
}
th {
	background-color: #CFB07F;
	border: 1px solid #46280E;
}
caption {
	color: #DD2222;
	font-weight: bold;
	padding: 0px 0px 5px;
}

.center {
	text-align: center;
}

.photos img.photo {
	margin: 5px;
	border: 0px;
}


/**
 * 旅館三恵サイト ＣＳＳ全般
 */
#Header {
	background: #3F4F5F url(../images/bg.header.gif) repeat-x left top;
	color: #FFFFFF;
	height: 100px;
	margin: 0px auto;
	position: relative;
	width: 694px;
}
#Header blockquote {
	position: absolute;
	right: 15px;
	text-align: right;
	top: 10px;
}
#Header a {
	color: #BFCFDF;
	text-decoration: none;
}
#Header a:hover {
	text-decoration: underline;
}
#Header .small {
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.2em;
}
#Header .large {
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.4em;
}
#Header .large .label {
	display: none;
}


#Logo {
	position: absolute;
}
#Logo .text {
	display: none;
}
#Logo a {
	display: block;
	height: 100px;
	width: 260px;
}


.navigator {
	background: #74563D url(../images/bg.navigator.gif) repeat-x left top;
	border-top: 1px solid #5E4229;
	cursor: default;
	height: 40px;
	margin: 0px auto;
	position: relative;
	width: 694px;
}
.navigator ul {
	left: 50%;
	list-style: none;
	margin: 0px;
	margin-left: -332px;
	padding: 0px;
	position: absolute;
	width: 694px;
}
.navigator li {
	display: inline;
}
.navigator li.hide {
	display: none;
}
.navigator a {
	cursor: pointer;
	text-decoration: none;
}
.navigator a span {
	color: #FFE09F;
	float: left;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	width: 95px;
}
.navigator a:hover {
	background-color: #90999F;
	color: #F0F9FF;
}
.navigator a:hover span {
	text-decoration: underline;
}
.navigator a strong span {
	background-color: #FFF;
	border-top: 3px solid #76583E;
	color: #000;
	line-height: 34px;
	padding-bottom: 3px;
}

#BottomNavigator.navigator a strong span {
	background-color: #FFF;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #5E4229;
	color: #000;
	line-height: 34px;
	padding-bottom: 0px;
	position: relative;
	top: -1px;
}

#Canvas {
	background: #FFF;
	margin: 0px auto;
	padding: 20px 25px;
	width: 644px;
}
#Canvas p {
	margin: 16px 0px;
}
#Canvas blockquote div {
	margin: 0px 20px;
}
#Canvas blockquote table {
	margin: 0px auto;
	width: 610px;
}

#Footer {
	background: #FFF;
	margin: 0px auto;
	text-align: right;
	width: 694px;
}
#Footer p {
	font-size: 10pt;
	margin: 0px 25px;
	padding: 10px 0px;
}


/**
 * トップページ 関係
 */
#Homepage #Canvas .context {
	background: #FFF url(../?page=image) no-repeat center top;
	padding-top: 260px;
}

/**
 * 宿泊料金ページ 関係
 */
#Price h3.package {
	text-align: center;
}


/**
 * 宿泊予約ページ 関係
 */
#Yoyaku form span.required {
	color: red;
	font-weight: bold;
}
#Yoyaku form label input {
	vertical-align: middle;
}
#Yoyaku form span.line {
	vertical-align: middle;
}
#Yoyaku form span.line input {
	vertical-align: middle;
}
#Yoyaku form span.line span {
	vertical-align: middle;
}
#Yoyaku form textarea {
	overflow-y: scroll;
}
#Yoyaku form h3 {
	text-align: left;
}
#Yoyaku input, textarea, select, option {
	font: normal normal 10pt/normal monospace;
	ime-mode: active;
}
#Yoyaku .error {
	color: red;
}
#Yoyaku h3 {
	background: #E9E6E3;
	border-top: 1px solid #999693;
	padding: 5px 10px;
}
#Yoyaku input.button {
	font: normal normal 12pt/1.75em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	height: 30px;
}


/**
 * 空室状況ページ 関係
 */
#Status h2 {
	font-family: Tahoma, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
#Status h3 {
	font-family: Tahoma, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}


/**
 * カレンダー表示 関係 （空室状況 or 宿泊予約 ページに，使用されている）
 */
#Calendar {
	background: #FFF url(../images/bg.calendar.gif) no-repeat center top;
	border: 1px solid #90999F;
	padding: 27px 0px 0px;
	margin: 0px auto;
	width: 603px;
}
#Calendar div.week {
	clear: both;
	height: 80px;
	left: 1px;
	margin: 0px 0px 1px;
	position: relative;
	width: 603px;
}
#Calendar div.item {
	cursor: default;
	float: left;
	height: 80px;
	margin: 0px 1px 0px 0px;
	width: 85px;
}
#Calendar span.text, #Calendar span.hide, #Calendar span.status {
	display: none;
}
#Calendar span.date {
	background: #D3D3DF;
	display: block;
	font: normal bold 10pt/23px Verdana, sans-serif;
	height: 23px;
}
#Calendar span.date span.show {
	background: #D3D3DF url(../images/calendar/icon4.png) no-repeat right center;
	display: block;
	margin-left: 3px;
	width: 80px;
}

#Calendar span.note {
	color: black;
	cursor: pointer;
	display: block;
	font: normal normal 10pt/57px Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	height: 57px;
	overflow: hidden;
	position:absolute;
	text-align: center;
	top: 23px;
	width: 85px;
	z-index: 2;
}

#Calendar div.icon0 span.date span.show {
	background-image: none;
}
#Calendar div.icon1 span.date span.show {
	background-image: url(../images/calendar/icon1.png);
}
#Calendar div.icon2 span.date span.show {
	background-image: url(../images/calendar/icon2.png);
}
#Calendar div.icon3 span.date span.show {
	background-image: url(../images/calendar/icon3.png);
}
#Calendar div.icon4 span.date span.show {
	background-image: url(../images/calendar/icon4.png);
}
#Calendar div.icon5 span.date span.show {
	background-image: url(../images/calendar/icon5.png);
}

#Calendar div.past, #Calendar div.past span.date {
	background: #D9D9D9 !important;
}
#Calendar div.past span.date span.show {
	background: #D9D9D9;
	color: #909090;
	width: auto;
}
#Calendar div.past span.note {
	display: none;
}

#Calendar div.outside, #Calendar div.outside span.date {
	background: #D3D3DF !important;
}
#Calendar div.outside span.date span.show {
	display: none;
}
#Calendar div.outside span.note {
	display: none;
}

#Calendar div.mon,
#Calendar div.wed,
#Calendar div.fri {
	background: #F0F0F0;
}
#Calendar div.tue,
#Calendar div.thu {
	background: #E0E3E8;
}
#Calendar div.sun {
	background: #E0E3E8;
	color: #F00;
}
#Calendar div.sat {
	background: #E0E3E8;
	color: #00F;
}

#Calendar a {
	cursor: pointer;
	display: block;
	height: 80px;
	text-decoration: none;
	width: 85px;
}

#Calendar div.mon a,
#Calendar div.tue a,
#Calendar div.wed a,
#Calendar div.thu a,
#Calendar div.fri a {
	color: #000;
}
#Calendar div.sun a {
	color: #F00;
}
#Calendar div.sat a {
	color: #00F;
}

#Calendar a:hover {
	background-color: #FFB900;
}
#Calendar a:hover span {
	background-color: #FFB900 !important;
}
#Calendar a:hover span.note {
	background-color: #FFE777 !important;
}


#CalendarGUI table {
	background: #FFF;
	border: 0px;
	width: 605px;
	margin: 0px auto 0px;
}
#CalendarGUI td {
	border: 0px;
	width: 33%;
}
#CalendarGUI table a {
	background: #FFF;
	color: #00F;
	display: block;
	font-size: 11pt;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	text-align: center;
	width: 110px;
}
#CalendarGUI table .disabled {
	background: #FFF;
	color: #999;
	display: block;
	font-size: 11pt;
	font-weight: bold;
	line-height: 30px;
	padding: 1px 0px 10px;
	text-align: center;
	text-decoration: underline;
	width: 110px;
}
#CalendarGUI table a .text {
	display: block;
	margin: 0px;
	padding: 1px 11px 0px;
}
#CalendarGUI table a:hover {
	color: #000;
	background: #FFE777 url(../images/bg.a-month.gif) no-repeat center bottom;
	text-decoration: none;
}
#CalendarGUI table a:hover .text {
	border: 1px solid #E19C1A;
	border-bottom: 0px;
	padding: 0px;
}



/**
 * お問合せページ 関係
 */
#Contact .decos {
	float: left;
}
#Contact .desc {
	padding-left: 250px;
}
#Contact .location .maps {
	float: left;
}
#Contact .location .desc {
	padding-left: 325px;
	margin-top: 25px;
}




/**
 * 温泉案内ページ 関係
 */
#Onsen .columns .photos {
	float: left;
	width: 200px;
	text-align: center;
}
#Onsen .columns .desc {
	padding-left: 240px;
}
#Onsen .section li {
	width: 33%;
	float: left;
}


/**
 * 宿泊予約ページ の カレンダー（Ｐｏｐｕｐ）関係
 */
#Foreground, #Background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#StatusLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: auto;
	height: auto;

	margin: 0px;
	padding: 0px;

	overflow: hidden;
	z-index: 9;
}
#StatusLoader h2, #Foreground h2 {
	margin: 10px 10px 0px;
	text-align: center;
	padding: 0px;
	background: #FFF;
}
#StatusLoader #Calendar, #Foreground #Calendar {
	margin: 0px 10px 40px;
}
#StatusLoader #CalendarGUI table, #Foreground #CalendarGUI table {
	margin: 0px 10px 0px;
}
#Foreground {
	background: #FFF;
	z-index: 8;
	border: 2px solid #000;
	padding: 0px;
}
#Background {
	background: #333;
	z-index: 7;
}
#StatusLoader div.close, #Foreground div.close {
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #00F;
	text-decoration: underline;
	background: #FFF url(../images/close.button.gif) no-repeat left center;
	padding-left: 18px;
	font: normal bold 11pt/1.25em Georgia, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
#CheckStatus {
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}
#CheckStatus:hover {
	text-decoration: underline;
}



/**
 * 観光案内ページ 関係
 */
#Sightseeing #Canvas {
	background: #FFF url(../images/bg.sightseeing.gif) repeat-y -56px top;
}

#Sightseeing .hide {
	display: none;
}

#Index {
	float: left;
	margin: 0px;
	position: relative;
	left: -25px;
}
#Index div {
	margin: 0px !important;
}
#Index p {
	margin: 0px;
}
#Index span.toc {
	border-bottom: 1px solid #FFF;
	color: #666;
	display: block;
	font-size: 10pt;
	margin: 0px;
	padding: 5px 0px;
	text-align: center;
	width: 115px;
}
#Index a {
	background: #FFF url(../images/bg.sightseeing.gif) repeat-y -56px top;
	border-bottom: 1px solid #FFF;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 14pt;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 115px;
}
#Index a:hover {
	background: #FFE777;
}
#Index a.selected {
	background-color: #FFF;
}
#Index a span {
	display: block;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	width: 115px;
}
#Index a strong span {
	background: #FFF;
}
#Index a:hover span {
	background: #FFE777;
}

#Sightseeing .event {
	padding-left: 115px;
}

#Sightseeing .season {
	border-bottom: 1px solid #DCD9D6;
	background: #FFF no-repeat 15px center;
	padding: 10px 0px;
	padding-left: 105px;
}
#Sightseeing .spring {
	background-image: url(../images/deco.spring.gif);
}
#Sightseeing .summer {
	background-image: url(../images/deco.summer.gif);
}
#Sightseeing .autumn {
	background-image: url(../images/deco.autumn.gif);
}
#Sightseeing .winter {
	background-image: url(../images/deco.winter.gif);
	border-bottom: 0px;
}