@charset "UTF-8";



/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background: #452E17;  /* 全体の背景（グラデーション） */
	color: #5E563F; /* 全体の文字色 */
}

img {
	border:none;
	}

/* --- ヘッダとフッタのリンクテキスト --- */
a:link { 
	color: #5E563F; 
	text-decoration:none;}
	
a:visited { color: #5E563F;}
a:hover { color: #5E563F;}
a:active { color: #5E563F;}

/* --- コンテンツ内のリンクテキスト --- */
#content a:link { color:  #5E563F; }
#content a:visited { color: #98762e; }
#content a:hover { color: #e4c410; }
#content a:active { color: #fde337; }

/* --- コンテナ --- */
#container {
	width: 768px; /* コンテナの幅 */
		overflow:auto;

	margin: 0 auto;/* センタリング */
}

/* --- ページ --- */
#page {
	width: 768px; /* ページの幅 */
		overflow:auto;

	height:100%;
	margin: 0 auto; /* センタリング */
	background-color: #FFF; /* ページの背景色 */
	
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* IE 6のために幅の指定が必要 */
	margin-bottom: 0px; /* ヘッダの下マージン */
	padding: 0px 0 0px; /* ヘッダのパディング（上、左右、下） */
	background-color: #FFF; /* ヘッダの背景色 */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
	margin: 0 0px 0px;  /* サイトタイトルのマージン（上、左右、下） */
	font-size: 200%; /* サイトタイトルの文字サイズ */
	color: #5E563F;/* サイトタイトルの文字色 */
}

/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
	border: none;
}



/* --- ヘッダメニュー --- */
#header ul.nl {
	width: 760px; /* センタリング */
	padding: 0; /* ヘッダメニューの背景 */
	border: #aca36a solid; /* ヘッダメニューの境界線（色、スタイル） */
	border-width: 4px 4px; /* ヘッダメニューの境界線の太さ（上下、左右） */
	list-style-type: none;
	text-align: center;
	background-color: #BDB987;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
	
	
/* メニュー項目 */
#header ul.nl li {
	width: 152px; /* 項目の幅 */
	float: left;
	line-height: 100%;
}

/* リンクエリア */
#header ul.nl li a {
	display: block;
	position: relative;  /* IE6用 */
	padding: 9px 2px 7px; /* リンクエリアのパディング（上、左右、下） */
	border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */
	border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8; /* リンクエリアの境界線色（上右下左） */
	text-decoration: none; /* テキストの下線（なし） */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #ffffff; /* 文字色 */
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/* 英字部分 */
#header ul.nl li a span.en {
	display: block;
	margin-top: 2px; /* 英字部分の上マージン */
	font-size: 70%; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color: #eee8aa; /* 英字の文字色 */
	font-family:"Times New Roman", Times, serif;
}


/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover,
#header ul.nl li.active a {
	height: 32px;
	font-size:110%;
	color: #FFF; /* ポイント時（アクティブ時）の文字色 */
	background-color: #C5A023;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;

}
#header ul.nl li a:hover span.en,
#header ul.nl li.active span.en {
	font-size:65%;
	color: #eee8aa; /* ポイント時（アクティブ時）の英字の文字色 */
}





/* --- 罫線 --- */
#header hr.none {
	display: none;/* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
	width: 768px; /* コンテンツの幅 */
	margin: 0 auto;  /* センタリング */
	padding-top: 30px; /* コンテンツの上パディング */
	background: #fff; /* コンテンツの背景 */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
	float: left;
	width: 668px;
	padding-left: 50px;
	background:#FFF;
	
}

/* --- ページタイトル（下層ページ） --- */
/* 地酒タイトル */
#main div.pageTitle {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 0 0px 2px; /* 見出しエリアのマージン（上、左右、下） */
	padding: 0px 0px; /* 見出しエリアのパディング（上下、左右） */
	color: #000080;
}

#main div.pageTitle h1 {
	margin: 0;
	color: #FFF;
	font-size: 80%; /* 見出しの文字サイズ */
	line-height: 100%;
}




/* --- セクション（共通設定） --- */
#main div.section {
	margin: 0 0px 5px;/* 見出しの文字サイズ */
}



/* --- ショップ情報--- */
#main div.emphasis {
	padding: 1.1em 0 0em; 
	background-color: #FFF; 

}

#main div.emphasis p {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 1em;
	font-size: 90%;
	line-height: 130%;
}



#main div.emphasis h1 {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 0 0 0.8em; 
	font-size: 120%; 
	color: #a2505c; 
	border-bottom: 1px #452E17 solid;



}

#main div.emphasis h2 {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 0.3em; 
	font-size: 95%; 
}




/* 最寄り駅*/
#main div.normal div.heading {
	margin-bottom: 0em; 
	padding: 1px 0px; 
}

#main div.normal p {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 2em;
	font-size: 85%;
	line-height: 150%;
}



#main div.normal div.heading h1 {
	margin: 0 0 1em; 
	font-size: 120%; 
	color: #a2505c; 
	border-bottom: 1px #452E17 solid;
}

#main div.normal div.heading h2 {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #a2505c; 
	margin: 0 0 0.3em; 
	font-size: 105%; 

}





/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
	width: 668px; /* サイドバーの幅 */
	padding-left: 50px; /* サイドバーの左パディング */
}

/* --- セクション（共通設定） --- */
#nav div.normal {
	/*background: url(img01.jpg) repeat; /* セクションの背景色 */
	padding-bottom: 25px;

}


/* 見出しエリア */
#nav div.heading {
	margin: 0em 0px 1em; /* 見出しエリアのマージン（上、左右、下） */
	font-size:70%;
}


/* 見出し */
#nav div.section h2 {
	margin: 0 0 0.8em; 
	font-size: 120%; 
	color: #a2505c; 
	border-bottom: 1px #452E17 solid;

}

/* 段落 */
#nav div.section p {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:	85%;
	color: #5E563F;
	margin: 0 0px 0.7em; /* 段落のマージン（上、左右、下） */
	line-height: 100%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
/* 見出し */
#nav div.normal h2 {
	border-right-color: #a2505c;
	border-left-color:  #a2505c; /* 左境界線の色 */
}



/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
	padding: 20px 50px 10px; /* フッタのパディング（上、左右、下） */
	background: #FFF; /* フッタの背景 */
	font-size:90%; /* 文字のスタイル（ノーマル） */
	color: #5E563F; /* 文字色 */
	text-align: left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}

/* --- フッタメニュー --- */


#footer ul.nl {
	margin: 0 0px 10px; /* フッタメニューのマージン（上、左右、下） */
	padding: 0;
	text-align: left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* --- アドレス・コピーライト ---*/
#footer div.address {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:65%; /* 文字のスタイル（ノーマル）*/
	color: #5E563F; /* 文字色 */
	background: #E0E0E0;
	text-align: center;
	line-height: 100%; /* 行の高さ*/ 
	margin-left:0px;
	padding-left: 0px;
}

/* --- ▲フッタ内の設定終了 --- */

/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
}