@charset "Shift_JIS";

/* ----------------------------------------------------------------------------------------------------
	全体
---------------------------------------------------------------------------------------------------- */

* {
	margin: 0px;}

body {
	font-size: small;}

p {
	line-height: 1.5em;}

img {
	vertical-align: bottom;}

div#container {
	margin: auto;
	border: solid 1px gray;
	width: 948px;}

/* ----------------------------------------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------------------------------------- */

div#header {
	background-color: #bbddff;
	text-align: center;}

/* ----------------------------------------------------------------------------------------------------
	コンテント
---------------------------------------------------------------------------------------------------- */

div#content {
	background-color: #fafafa;}

div#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#content {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html div#content {height: 1%;}
div#content {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------------
	メイン
---------------------------------------------------------------------------------------------------- */

div#main {
	width: 740px;
	float: right;
	background-color: lemonchiffon;
	padding: 5px;}

div#main h2 {
	margin-bottom: 10px;
	padding: 2px;
	border-left: solid 1em #bbddff;
	background-color: #cccccc;
	color: white;}

div#main h3 {
	margin-bottom: 10px;
	padding: 2px;
	border-left: solid 1em #cccccc;
	background-color: #bbddff;}

div#main p {
	margin-bottom: 10px;
	text-indent: 1em;}

div#main hr {
	margin-bottom: 10px;}

p.attention {
	margin-left: 1em;
	text-indent: -1em !important;
	color: red;}

div#main ul, div#main ol {
	padding-left: 2em;
	line-height: 1.5em;}

sup.must {
	color: red;}

/* ----------------------------------------------------------------------------------------------------
	サブ
---------------------------------------------------------------------------------------------------- */

div#sub {
	width: 188px;
	float: left;
	padding: 5px;
	color: gray;}

ul#menu {
	margin-bottom: 10px;
	padding: 0px;}

ul#menu li {
	margin-bottom: 5px;
	list-style-type: none;}

ul#menu a {
	display: block;
	width: 180px;
	border: outset 2px #eeffff;
	padding: 2px;
	background-color: #bbddff;
	text-decoration: none;
	color: gray;}

ul#menu a:hover {
	border: inset 2px #eeffff;
	position: relative;
	top: 1px;
	left: 1px;
	color: #6666ff;}

div.topic {
	margin-bottom: 10px;
	border: solid 1px #bbddff;}

div.topic h3 {
	padding: 2px;
	background-color: #bbddff;
	font-size: small;}

div.topictext {
	padding: 5px;
	background-color: white;}

div.topictext p {
	margin-bottom: 5px;
	text-indent: 1em;}

/* ----------------------------------------------------------------------------------------------------
	コメント
---------------------------------------------------------------------------------------------------- */

div#comment {
	border: solid 1px #bbddff;}

div#comment ul{
	height: 5em;
	overflow: auto;
	background-color: white;}

div#comment h4 {
	padding: 2px;
	background-color: #bbddff;}

/* ----------------------------------------------------------------------------------------------------
	スポンサー
---------------------------------------------------------------------------------------------------- */

div.sponsor {
	width: 738px;
	margin-bottom: 10px;
	border: solid 1px #bbddff;
	background-color: white;}

div.sponsorinner {
	width: 359px;
	float: left;
	padding: 5px;}

div.sponsorinner h3 {
	margin-bottom: 0px !important;
	border: 0px !important;
	background-color: transparent !important;
	font-size: small;}

div.sponsorinner p {
	margin-bottom: 0px !important;
	line-height: normal;
	text-indent: 0em !important;}

div.sponsorinner p a {
	text-decoration: none;
	color: green;}

div.sponsor:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div.sponsor {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html div.sponsor {height: 1%;}
div.sponsor {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------------
	ボトムメニュー
---------------------------------------------------------------------------------------------------- */

p#bottommenu {
	margin-bottom: 0px !important;
	text-align: center;}

/* ----------------------------------------------------------------------------------------------------
	フッター
---------------------------------------------------------------------------------------------------- */

div#footer address {
	background-color: #bbddff;
	text-align: center;
	font-style: normal;}

/* ----------------------------------------------------------------------------------------------------
	イントロダクション（施設紹介）
---------------------------------------------------------------------------------------------------- */

div.introduction {
	margin-bottom: 10px;}

div.introtext {
	width: 495px;
	float: right;
	padding-left: 5px;}

div.introtext h3 {
	margin-bottom: 10px !important;}

div.introtext h3 span {
	font-size: small;}

div.intronote {
	margin-bottom: 10px;
	border-bottom: solid 1px #bbddff;}

div.introaddress p {
	text-align: right;
	text-indent: 0em !important;
	margin-bottom: 0px !important;
	line-height: normal;}

div.intropic {
	width: 240px;
	float: left;}

div.intropic p {
	text-indent: 0em !important;
	margin-bottom: 0px !important;}

div.intropic img {
	border: 0px;}

p.introattention {
	text-align: center;}

div.introduction:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div.introduction {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html div.introduction {height: 1%;}
div.introduction {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------------
	施設のおすすめポイント
---------------------------------------------------------------------------------------------------- */

div.appeal {
	margin-bottom: 10px;}

div.appealtext {
	width: 255px;
	float: right;
	padding-left: 5px;}

div.appealtext h3 {
	margin-bottom: 10px !important;}

div.appealtext h3 span {
	font-size: small;}

div.appealpic {
	width: 480px;
	float: left;}

div.appealpic p {
	text-indent: 0em !important;}

div.appeal:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div.appeal {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html div.appeal {height: 1%;}
div.appeal {display: block;}
/* End hide from IE-mac */

div.appealaddress p {
	text-align: right;
	text-indent: 0em !important;
	margin-bottom: 0px !important;}

address#appeal {
	margin-bottom: 10px;
	font-style: normal;
	text-align: center;}


p#official {
	text-align: center;}	

p#official img {
	border: 0px;}

p#official a {
	color: black;
	text-decoration: none;}

/* ----------------------------------------------------------------------------------------------------
	会社概要
---------------------------------------------------------------------------------------------------- */

table#company {
	margin: 0px auto 10px;
	border-collapse: collapse;}

table#company caption {
	margin: 0px auto 10px;}

table#company, table#company th, table#company td {
	border: solid 1px #bbddff;}

table#company th, table#company td {
	padding: 3px;}

table#company th {
	border-bottom: solid 1px white;
	background-color: #bbddff;}

table#company th.thbottom {
	border-bottom: solid 1px #bbddff;}

table#company td {
	background-color: white;}

/* ----------------------------------------------------------------------------------------------------
	プライバシー
---------------------------------------------------------------------------------------------------- */

p#privacy-day {
	text-align: right;}

/* ----------------------------------------------------------------------------------------------------
	相互リンク・お問い合わせ
---------------------------------------------------------------------------------------------------- */

form dl {
	margin-left: 1em;}

form dt {
	float: left;
	margin-bottom: 10px;}

form dd {
	margin-left: 6em;
	margin-bottom: 10px;}

form ul {
	margin: 0px 0em 10px 1em;
	padding: 0px !important;}

form li {
	list-style-type: none;}

form p {
	text-indent: 0em !important;}

p.message {
	text-align: center;}

p#submitcheck {
	text-align: center;}

p#submit {
	text-align: center;}

form dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

form dl {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html form dl {height: 1%;}
form dl {display: block;}
/* End hide from IE-mac */

p#banner {
	float: left;
	margin-bottom: 0px !important;
	text-indent: 0em !important;}

p#source {
	float: right;
	width: 529px;
	height: 34px;
	overflow: auto;
	margin-bottom: 0px !important;
	padding: 3px;
	text-indent: 0em !important;
	line-height: normal !important;
	background-color: white;}

div#bannersource {
	margin-bottom: 10px;}

div#bannersource:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;}

div#bannersource {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html div#bannersource {height: 1%;}
div#bannersource {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------------
	サイトマップ
---------------------------------------------------------------------------------------------------- */

ul#sitemap li span {
	font-size: x-small;}

/* ----------------------------------------------------------------------------------------------------
	他地域の宿
---------------------------------------------------------------------------------------------------- */

ul#linklist li {
	margin-bottom: 10px;
	list-style-type: none;}

ul#linklist img {
	border: 0px;
	vertical-align: middle;}

p#page {
	text-align: center;}