@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #5B3A17;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #ffffff;
	
	}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
img{
	border:none;
}
a:link {
	color:#ffffff;
	}
a:visited{
	color:#330000;
}
a:hover{
	color:#330000;
	}
a:active{
	color:#330000;
	} 
h1{
	align:left;
	}
.oneColElsCtrHdr #container {
	background: #5B3A17;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColElsCtrHdr #header { 
	background: #5B3A17;
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */

	} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #5B3A17;
	background-image:url(../img/bcak001.jpg);
	background-repeat:no-repeat;
	background-position:center,center;	
	overflow:hidden;
	margin-top:20px;
}
#maininfo{
	text-align:center;
	font-weight:bold;
	font-size:small;
	
}
.oneColElsCtrHdr #footer1 { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#190B00;
	margin-bottom:inherit;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
} 
.oneColElsCtrHdr #footer1 p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	background-color : #190B00;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */

}
.oneColElsCtrHdr #footer1 hr {
	size:1;
	color:#afd54e;
	}
.oneColElsCtrHdr #footer1 li {
	list-style:none;
	float:left;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	margin-left : auto;
	margin-right : auto;
}
.oneColElsCtrHdr #footer1 table {
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	margin-left : auto;
	margin-right : auto;
	}
.oneColElsCtrHdr #footer1 td {
	padding-right:20px;
	}
#copy{
	font-size:small;
	}

.oneColElsCtrHdr #mainContentmenu {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #5B3A17;
	background-image:url(../img/bcak001.jpg);
	background-repeat:no-repeat;
	background-position:center,center;	
	text-align:center;
	overflow:hidden;
	margin-top:20px;
}

.oneColElsCtrHdr #mainContentmenu table{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:400px;
}
.oneColElsCtrHdr #mainContentmenudrink {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #5B3A17;
	background-image:url(../img/bcak001.jpg);
	background-repeat:no-repeat;
	background-position:center,center;	
	text-align:center;
	overflow:hidden;
	margin-top:20px;

}
.oneColElsCtrHdr #mainContentmenudrink table{
	 border:0;
	 margin-left:auto;
	margin-right:auto;
	text-align:left;
	vertical-align:top;
	height:400px;
}
.oneColElsCtrHdr #mainContentmenudrink td{
	 text-align:left;
	vertical-align:top;
	font-size:small;
	padding:10px;
}

.oneColElsCtrHdr #mainContentevent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #5B3A17;
	background-image:url(../img/bcak001.jpg);
	background-repeat:no-repeat;
	background-position:center,center;	
	text-align:center;
	overflow:hidden;
	margin-top:20px;
}

.oneColElsCtrHdr #mainContentevent table{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:450px;
}
.oneColElsCtrHdr #mainContentevent td{
	 text-align:left;
	vertical-align:top;
	font-size:small;
}
#map{
	margin-left : auto;
	margin-right : auto;
	text-align:center;
		}

#shop{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-bottom:50px;
	}