/*へッターのスタイル*/
header {
	background: none repeat scroll 0 0 #2f1908;
	height: 66px;
	margin: 0 auto;
}

header h1 {
	width: 1000px;
	padding: 5px 0 0;
	margin: 0 auto;
}


body {
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
/*ナビゲーションのcss*/
nav {
	margin: 0 auto;
	background: none repeat scroll 0 0 #2f1908;
	height: 50px;
}

#gnavi {
	background: none repeat scroll 0 0 #2f1908;
	border-bottom: 3px solid #7c181d;
	height: 47px;
	list-style-type: none;
	margin:  auto;
	padding: 0;
	width: 1000px;
	max-width: 100%;
}



/*親要素*/
#gnavi li {
	float: left;
	position: relative;		/*相対配置。absolute使うときの基準位置になる*/
	text-align: center;
	width: 20%;
}
#gnavi li a {
	color: #ffffff;
	display: block;
	margin: 0;
	padding: 12px 0;
	text-decoration: none;
}
#gnavi li:hover > a {
	background: none repeat scroll 0 0 #7c181d;
	color: #ffffff;
}



/*子要素*/
#gnavi li ul {
	margin: 0;
	padding: 0;
	position: absolute;	/*menu li基準に表示位置指定。*/
	top:100%;
}
#gnavi li ul li {
	color: #fff;
	height: 0;			/*一覧表になってしまう*/
	overflow: hidden;	/*はみ出た部分を非表示*/
	width: 100%;
}
#gnavi li ul li a {
	background: none repeat scroll 0 0 #2f1908;
	padding: 13px 15px;
}
#gnavi li:hover ul li {
	border-bottom: 1px solid #7c181d;
	height: 40px;
	overflow: hidden;
}

#main {
	margin: 0 auto;
	width: 960px;
}
#main h1 {
	border-bottom:4px solid #f7e07c;
	padding-bottom: 9px;
	margin-top: 49px;
	margin-bottom: 40px;
}

.google-map {
	 text-align: center;
}

#root p {
	margin-bottom: 40px;
	 line-height: 30px;
}


.to-top {
	margin: 0 auto;
	width: 960px;
	text-align: right;
	color: #2f1908;
	margin-bottom: 15px;
}



a[href="#top"]:hover {
	color: #fff;
}
a[href="#top"] {
	margin: 5em auto 1em;
	text-align: right; 
	background: none repeat scroll 0 0 #7c181d;
	text-decoration: none;
	border-radius: 3px;
	padding: 4px 12px;
	font-size: 13px;
}
a[href="#top"] {
	width: 10em;
	color: #fff;
}

/* フッターのスタイル */     

footer {
	background: none repeat scroll 0 0 #efda7d;
	color: #2f1908;
	overflow: hidden;
}

footer .shop_info {
	border-bottom: 1px solid #fff;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 1000px;
	max-width: 100%;
}
footer h1 {
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;
	width: 1000px;
	max-width: 100%;
}

footer .credit {
	color: #2f1908;
	font-size: 10px;
	margin: 0 auto;
	padding: 8px 0;
	text-align: center;
	width: 1000px;
	max-width: 100%;
}