@charset "UTF-8";

/* CSS 共通 設定 */
* {
	margin-top				: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
	margin-left				: 0px;
	padding-top				: 0px;
	padding-right			: 0px;
	padding-bottom			: 0px;
	padding-left			: 0px;
	color					: #333333;
	font-size				: 1em;
}

body {
	font-size				: 1em;
	background-color		: #FFFFFF;
	background-image		: url(../pic/background.jpg);
	background-repeat		: repeat-x;
}

/* ここから 共通設定 */

.righter_class {
	text-align				: right;
	padding-right			: 10px;
}

.center_class {
	text-align				: center;
}

.color_red_class {
	color					: #FF0000;
}

/* ここから共通設定 */

#container {
	width					: 900px;
	height					: auto;
	margin-right			: auto;
	margin-left				: auto;
}

#main_contents {
	width					: 900px;
	height					: auto;
	float					: left;
}

#main_contents_left {
	width					: 210px;
	float					: left;
	height					: auto;
	line-height				: 1.5em;
}

#main_contents_center {
	width					: 680px;
	float					: left;
	height					: auto;
	background-color		: #FFFFFF;
	margin-left				: 10px;
}

#comment {
	padding-top				: 10px;
	padding-bottom			: 10px;
	padding-left			: 10px;
	padding-right			: 10px;
	text-align				: left;
	line-height				: 1.5em;
}

/* ここからヘッダー 設定 */

#header {
	width					: 900px;
	height					: 110px;
	margin-top				: 5px;
	float					: left;
}

#header h1 {
	display					: none;
}

#header h2 {
	display					: none;
}

#header_title {
	width					: 900px;
	height					: 100px;
}

#header_logo {
	width					: 200px;
	float					: left;
	height					: 100px;
	line-height				: 1.5em;
}

#header_mark {
	width					: 400px;
	height					: 100px;
	float					: left;
	margin-left				: 25px;
	line-height				: 1.5em;
}

#header_tel {
	width					: 240px;
	float					: right;
	height					: 100px;
	color					: #FFFFFF;
	padding-right			: 5px;
	padding-left			: 5px;
	line-height				: 1.5em;
}

#header_tel h1 {
	display					: block;
	color					: #FFFFFF;
	text-align				: right;
	font-size				: 2em;
}

#header p {
	color					: #FFFFFF;
}

/* ヘッダー ここまで */

/* ここからパンくずリスト 設定 */

#bread {
	width					: 900px;
	height					: 40px;
	float					: left;
}

#bread_wrap{
	width					: 880px;
	color					: #FFFFFF;
	margin-left				: 20px;
	margin-top				: 10px;
	margin-bottom			: 5px;
	height					: 20px;
	font-size				: 0.9em;
	line-height				: 1.5em;
	letter-spacing			: 1px;
}

#bread_wrap a {
	text-decoration			: none;
	color					: #FFFFFF;
}

#bread_wrap a:link {
	text-decoration			: none;
	color					: #FFFFFF;
}

#bread_wrap a:active {
	text-decoration			: underline;
}

#bread_wrap a:visited {
	text-decoration			: none;
}

#bread_wrap a:hover {
	color					: #00FF00;
	text-decoration			: underline;
	border-right-style		: solid;
	border-right-color		: #FFCC00;
	border-right-width		: 2px;
	border-bottom-style		: solid;
	border-bottom-color		: #FFCC00;
	border-bottom-width		: 2px;
}

/* パンくずリスト ここまで */

/* ここから 基本情報設定 */

#address {
	text-decoration			: none;
	font-style				: normal;
}

#basic_info {
	width					: 200px;
	height					: auto;
	font-size				: 0.9em;
	background-color		: #FFFFFF;
	float					: left;
}

#basic_info h1 {
	background-color		: #9999FF;
	font-size				: 1em;
	padding-top				: 3px;
	padding-bottom			: 3px;
	text-align				: center;
	letter-spacing			: 5px;
	border-color			: #333333;
	border-style			: solid;
	border-width			: 1px;
}

#basic_info h2 {
	font-size				: 1em;
	margin-top				: 3px;
	margin-bottom			: 3px;
	padding-left			: 5px;
	text-align				: left;
	padding-top				: 3px;
	padding-bottom			: 3px;
}

#basic_info h3 {
	font-size				: 1em;
	margin-top				: 5px;
	margin-bottom			: 5px;
	text-align				: right;
	padding-right			: 10px;
}

#basic_info h4 {
	background-color		: #99FFFF;
	text-align				: center;
	font-size				: 1em;
	padding-top				: 3px;
	padding-bottom			: 3px;
	border-color			: #333333;
	border-style			: solid;
	border-width			: 1px;
	letter-spacing			: 5px;
}

/* ここから 携帯予約サイト 設定 */

#mobile {
	width					: 210px;
	background-color		: #FFFFFF;
	height					: auto;
	float					: left;
	font-size				: 0.9em;
}

#mobile h1 {
	font-size				: 1em;
	background-color		: #00FF99;
	padding-top				: 3px;
	padding-bottom			: 3px;
	text-align				: center;
	border-top-color		: #333333;
	border-bottom-color		: #333333;
	border-top-style		: solid;
	border-bottom-style		: solid;
	border-top-width		: 1px;
	border-bottom-width		: 1px;
}

/* ここまで 携帯予約サイト設定 */

/* ここまで 共通設定 */

/* ここから 天気予報関係 */
#tenki {
	width					: 210px;
	height					: auto;
}

#tenki h1 {
	background-color		: #99FFFF;
	text-align				: center;
	letter-spacing			: 5px;
}

/* ここまで 天気予報関係 */

/* ここから weather eye 設定 */
#weathereye {
	width					: 210px;
	height					: auto;
	background-color		: #FFFFFF;
	padding-top				: 5px;
	padding-bottom			: 5px;
	text-align				: center;
}
/* ここまで weather eye 設定 */

/* ここから 天気予報 設定 */
#weather {
	width					: 210px;
	height					: 380px;
	background-color		: #FFFFFF;
}
/* ここまで 天気予報 設定 */

/* ここから 予約照会・キャンセル 設定 */
#reserve_cancel {
	width					: 210px;
	height					: auto;
	background-color		: #FFFFFF;
	font-size				: 0.9em;
}

#reserve_cancel h1 {
	background-color		: #FFFF00;
	padding-top				: 3px;
	padding-bottom			: 3px;
	text-align				: center;
	border-top-color		: #333333;
	border-bottom-color		: #333333;
	border-top-style		: solid;
	border-bottom-style		: solid;
	border-top-width		: 1px;
	border-bottom-width		: 1px;
	letter-spacing			: 2px;
}

/* ここまで 予約照会・キャンセル 設定 */
