@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background: #f9f9f9 url(images/pageback01_1.gif); /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 14px; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

img {
position:static;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* --- コンテナ --- */
#container {
width: 914px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(images/pageback_900.gif) center top repeat-y; /* コンテナの背景（影の背景画像） */
}

/* --- ページ --- */
#page {
width: 900px; /* ページの幅 */
margin: 0 auto; /* センタリング */
border-bottom: 1px #c0c0c0 solid; /* ページの下境界線 */
}

/* --- ページ --- */
#page_new {
	width: 700px; /* センタリング */
	height: 100%;
	margin: 0 auto; /* センタリング */
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position:static;
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
}

/* --- フラッシュ --- */
#flash {
background-color: #ffffff; /* フラッシュの背景色 */
}

/* --- メニュー --- */
#menu {
background-color: #1b3007; /* メニューの背景色 */
}

/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
}

/* --- フッタメニュー --- */
#footer_menu {
	font-size: 12px;
	color: #333333;
	text-align: center;
	background-color: #FDFAD5;
	padding: 10px;
	margin: 0px;
}

/* --- フッタ --- */
#footer {
	background-color: #f0f0f0; /* フッタの背景色 */
	background-image: url(images/foot_bg.gif);
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
}

h1 {
	font-size: 16px;
	line-height: 34px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/h1.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 600px;
	text-indent: 40px;
	letter-spacing: 2px;
}

h2 {
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 810px;
	text-indent: 60px;
	letter-spacing: 3px;
}

h3 {
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/h3.gif);
	background-repeat: repeat-x;
	height: 44px;
	width: 350px;
	letter-spacing: 3px;
	text-indent: 10px;
}

/*通常用　写真　影*/
img.shadow {
	background: url(images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}
.table1 {
	background-image: url(images/table_bg1.gif);
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.table2 {
	background-image: url(images/table_bg2.gif);
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.table3 {
	background-image: url(images/table_bg3.gif);
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.top_back {
	float: right;
	text-decoration: none;
}

/* --- ここからオンライン予約用黄色ボタン --- */
.button01 {
	display: block;
	color: #000000;
	text-align: left;
	text-decoration: none;/* ボタン画像サイズに合わせる */
	width: 600px;/* 使用しているフォントに合わせて調節 */
	font-size: 14px;
	font-weight: bold;/* input タグ用にボーダーを消す */
	border: none;
	background-color: #fff;
	background-image: url(images/button01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	height: 47px;
	line-height: 43px;
	letter-spacing: 2px;
	text-indent: 50px;
}

/* ---ここからオンライン予約用黄色ボタン --- */
.button02 {
	display: block;
	color: #000000;
	text-align: left;
	text-decoration: none;/* ボタン画像サイズに合わせる */
	width: 400px;/* 使用しているフォントに合わせて調節 */
	font-size: 14px;
	font-weight: bold;/* input タグ用にボーダーを消す */
	border: none;
	background-color: #fff;
	background-image: url(images/button02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	height: 40px;
	line-height: 40px;
	letter-spacing: 2px;
	text-indent: 50px;
}

#cms_new a:link img, #cms_new a:visited img, #cms_new a:hover img, #cms_new a:active img {
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}