@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :hirasawa (admin)
 style info :コンテンツエリア関係 他
 
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	width: 100%;
	color: #333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
a, a:link {
	color: #d69b47;
	text-decoration: none;
}
a:visited {
	color: #d69b47;
}
a:hover {
	color: #d69b47;
	text-decoration: underline;
}
a:active {
	color: #d69b47;
}
strong {
	color: #55181F;
}
/*----------------------------------------------------
	汎用class,ID
----------------------------------------------------*/
section {
	margin-bottom: 15px;
	position: relative;
}
section p {
	line-height: 1.4;
	margin-bottom: 10px;
}
section h2 {
	border-left: 6px solid #4b261d;
	font-size: 20x;
	text-shadow: 1px 1px 2px #cccccc;
	padding: 10px 6px;
	color: #4b261d;
	margin-bottom: 10px;
	background-image: url(../images/semitransparent.png);
	background-repeat: repeat;
}
section h2 span {
	margin-left: 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
section h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4B261D;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 18px;
}
section h3.none {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0;
}
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
.imgBg {
	border: 2px solid #F0F0F0;
}
.fl {
	clear: both;
	display: inline;
	float: left;
	margin: 0 15px 10px 0;
}
.fr {
	float: right;
	clear: both;
	margin: 0 15px 10px 0;
	display: inline;
}
img.hov:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.of {
	overflow: hidden;
}
.btn {
	text-align: center;
}
img.photo {
	padding: 1px;
	border: 2px solid #FFFFFF;
}
a.tran img:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;
}
table.tableStyle {
	border-collapse: collapse;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.tableStyle th {
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	background-image: url(../images/infoBg.png);
	background-position: left top;
	color: #FFF;
	background-repeat: repeat;
}
.tableStyle td {
	border: 1px solid #CCCCCC;
	color: #444444;
	padding: 10px;
	vertical-align: middle;
}
table.tableStyle2 {
	margin-bottom: 15px;
	font-size: 11px;
}
.tableStyle2 th {
	padding: 5px;
	border-bottom-color: #FFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #EFEADF;
}
.tableStyle2 td {
	padding: 5px;
	text-align: center;
}
table.tableStyleItem {
	background: none repeat scroll 0 0 white;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 360px;
	overflow: hidden;
}
.tableStyleItem th {
	background-color: #EFE3B9;
	border: 1px solid #D79DA4;
	color: #683535;
	font-weight: bold;
	padding: 6px;
}
.tableStyleItem td {
	border: 1px solid #D79DA4;
	color: #444444;
	padding: 6px;
}
ul.ulStyle {
	padding-top: 5px;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: dashed;
	border-top-width: 1px;
}
ul.ulStyle li {
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	border-bottom-color: #CCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	background-image: url(../images/li_arrow.png);
	background-position: left 6px;
	background-repeat: no-repeat;
}
ul.ulStyleDotLine li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
ul.ulBox li {
	width: 400px;
	float: left;
	padding: 20px 17px;
	background-image: url(../images/listBoxBg.png);
	background-repeat: repeat;
}
dl.dlStyle dt {
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	background-image: url(../images/menuListPoint.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
dl.dlStyle dd {
	padding-left: 1em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image: url(../images/menuLine.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* -----------------------------------------------------------
	home
		ホーム
----------------------------------------------------------- */

header {
	width: 100%;
	background-image: url(../images/headerBg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
header .inner {
	height: 123px;
	width: 950px;
	margin: 0 auto;
	position: relative;
}
header h1 {
	position: absolute;
	top: 0;
	left: 0;
}
header p.headerText {
	position: absolute;
	width: 395px;
	top: 38px;
	left: 250px;
}
header .headerTel {
	position: absolute;
	top: 20px;
	right: 0;
}
#sliderBg {
	position: relative;
	background-image: url(../images/nivoBg.jpg);
	background-repeat: repeat-x;
}
.navInner {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
nav {
	width: 214px;
	height: 380px;
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	background-image: url(../images/gNavBg.png);
	background-repeat: repeat;
	padding: 10px;
}
nav ul li {
	margin-bottom: 10px;
}
#container {
	width: 950px;
	margin: 10px auto;
	padding: 0 0 20px;
	overflow: hidden;
}
.mainContent {
	width: 630px;
	float: left;
}
.conNav ul li {
	float: left;
	margin-right: 7px;
}
.conNav ul li.lastChild {
	margin-right: 0;
}
.side {
	float: right;
	width: 300px;
}
.side ul.sideBanner li {
	margin-bottom: 5px;
}
ul.listStyle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom: 20px;
}
ul.listStyle li {
	border: 1px solid #cccccc;
	background-color: #fffefa;
	margin-bottom: 2px;
}
ul.listStyle li.lastChild {
	margin: 0;
}
ul.listStyle li a {
	display: block;
	background-image: url(../images/arrow_01.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
	background-position: 3px center;
	border: 1px solid #ffffff;
}
.fotterBanner {
	clear: both;
}
.fotterBanner ul {
	text-align: center;
	margin: 0 auto;
}
.fotterBanner ul li {
	display: inline-block;
	margin: 0 5px;
}
footer {
	color: #FFF;
	width: 100%;
	margin: 0 auto 0;
	overflow: hidden;
	background-color: #000;
}
footer h1 {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
.footerInner {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
}
.footerInner h1 {
	font-size: 100%;
}
ul.shopList li {
	font-size: 12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 200px;
	margin-right: 30px;
	float: left;
}
.fNavi {
	float: left;
}
.fNavi a {
	color: #FFF;
}
.fNavi li {
	background-image: url(../images/arrow_01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin: 6px 0;
}
p.copyright {
	text-align: center;
	padding: 10px 0;
	color: #FFF;
	background-color: #284529;
}
p#pageTop {
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
}
p#pageTop span {
	display: block;
	margin: 0 auto;
	text-align: right;
	width: 1020px;
}
/* -----------------------------------------------------------
	
	ホーム
	
----------------------------------------------------------- */
body#topPage section h2 {
	background-image: none;
	border: none;
}
p.style1 {
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.6;
}
section.c1 {
	background-image: url(../images/home_02.png);
	background-repeat: no-repeat;
	background-position: right top;
}
section.c2 {
	background-image: url(../images/matsu.png);
	background-repeat: no-repeat;
	background-position: right top;
}
section.foodsC1 {
	background-image: url(../images/foods_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 567px;
	position: relative;
}
.information {
	color: #fff;
	border: 2px solid #b4a7a2;
	background-image: url(../images/infoBg.png);
	background-repeat: repeat;
	padding: 15px;
	margin-bottom: 20px;
}
.information li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
/* -----------------------------------------------------------
	search,
		階層ページ
----------------------------------------------------------- */
.lBox {
	width: 48%;
	float: left;
}
.rBox {
	width: 48%;
	float: right;
}
section.menuList {
}
section.menuList h3, section.menuList2 h3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
section.menuList h4, section.menuList2 h4 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #c45229;
	border-bottom-width: 3px;
	border-bottom-color: #E17E45;
}
section.menuList dl, section.menuList2 dl {
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-image: url(../images/menuLine.png);
}
section.menuList dt {
	background-image: url(../images/menuListPoint.png);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	font-weight: bold;
	padding-left: 25px;
	font-size: 18px;
	margin-bottom: 4px;
}
section.menuList2 dt {
	background-image: url(../images/menuListPoint.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	font-weight: bold;
	padding-left: 25px;
	font-size: 18px;
	margin-bottom: 4px;
}
section.menuList dt span, section.menuList2 dt span {
	font-size: 12px;
}
section.menuList dd {
	float: left;
	text-align: right;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 16px;
}
section.menuList2 dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #46701F;
	margin-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 16px;
}
section.menuList dd span, section.menuList2 dd span {
	font-size: 14px;
}
section.menuList dd span, section.menuList2 dd span {
	color: #000066;
	margin-right: 5px;
}
section.menuList dd, section.menuList2 dd {
	color: #990000;
}
.feelings h3 {
	text-indent: -9999px;
	border: none;
}
.feelings p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	line-height: 1.4;
}
section.feelings01 {
	background-image: url(../images/feelings01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 481px;
	position: relative;
	margin-bottom: 0;
}
section.feelings01 p {
	position: absolute;
	left: 186px;
	top: 69px;
	width: 413px;
}
section.feelings02 {
	background-image: url(../images/feelings02.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 346px;
	position: relative;
	margin-bottom: 0;
}
section.feelings02 p {
	position: absolute;
	left: 409px;
	top: 32px;
	width: 309px;
}
section.feelings03 {
	background-image: url(../images/feelings03.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 244px;
	position: relative;
	margin-bottom: 0;
}
section.feelings03 p {
	position: absolute;
	left: 251px;
	top: 61px;
	width: 353px;
}
section.feelings04 {
	background-image: url(../images/feelings04.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 432px;
	position: relative;
	margin-bottom: 0;
}
section.feelings04 p {
	position: absolute;
	left: 295px;
	top: 189px;
	width: 300px;
}
.viewer {
	position: relative;
	margin: 0 auto 10px;
	width: 950px;
	height: 400px;
	text-align: left;
	overflow: hidden;
}
.viewer ul {
	width: 950px;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 950px;
	height: 400px;
	display: none;
	position: absolute;
}
.shop section {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
}
span.abs {
	color: #FF0000;
	margin-left: 3px;
}
.form {
}
.shopComment {
	width: 900px;
	height: 300px;
	margin: 0 auto 20px;
	background-image: url(../images/washi01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.shopComment p {
	padding: 80px;
}
