@charset "UTF-8";

/* ----------
リセット
------------- */

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:bottom;
}

/* ----------
ページトップ
------------- */
html>body #pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 0
}

html>body #pagetop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 0;
      }

#pagetop {
      _position: absolute;
      _right: 0;
      _top:expression(eval(document.compatMode &&
       document.compatMode=='CSS1Compat') ?
       documentElement.scrollTop
       +(documentElement.clientHeight-this.clientHeight) - 0
       : document.body.scrollTop
       +(document.body.clientHeight-this.clientHeight) - 0);
       _z-index: 500;
       margin: 0;

       }

* html .iepngfix,* html img {
       behavior: expression(IEPNGFIX.fix(this));
       } 

/* ----------
全体
------------- */
body{
	text-align:center;
	font-size:12px;
	color:#59493f;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	line-height:150%;
	background-image: url(../img/img_back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

html, body, #wrapper {height:100%;}

body > #wrapper {height:auto; min-height:100%;}

a,
a:link,
a:visited {
	color:#7e6b5f;
	text-decoration:none;
}

a:hover,
a:active {
	color:#8fc41f;
	text-decoration:none;
}


#wrapper {
	width:850px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#main{
	width:830px;
	padding-bottom: 110px;
	margin-right: 10px;
	margin-left: 10px;
}  /* must be same height as the footer */


h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 46px;
	height: 14px;
	color: #705e50;
	padding-right: 242px;
	text-align: right;
}

.clear {clear:both;}

/* ----------
ヘッダー
------------- */
#header{
	background-image: url(../img/img_header.jpg);
	background-repeat: no-repeat;
	height: 92px;
	width: 850px;
	margin-bottom: 10px;
}

#logo{
	width:146px;
	display:inline;
	text-indent:-9999px;
	margin: 0px;
	float: left;
}

#logo a{
	width:146px;
 	height:92px;
 	display: block;
	overflow:hidden;
	text-decoration:none;
}

/* ----------
グローバルナビ
------------- */
#gnavi{width: 850px;height: 47px;clear: both;}
#gnavi ul{height: 47px;width: 850px;}
#gnavi li{float:left;}
#gnavi a {display: block;}

#gnavi li#toppage a {
	background-image:url(../img/btn_toppage.jpg);
	background-position:0px 0px;
	width:141px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#toppage a:hover, #gnavi li#toppage a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#gnavi li#shop a {
	background-image:url(../img/btn_shop.jpg);
	background-position:0px 0px;
	width:141px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#shop a:hover, #gnavi li#shop a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#gnavi li#price a {
	background-image:url(../img/btn_price.jpg);
	background-position:0px 0px;
	width:141px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#price a:hover, #gnavi li#price a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#gnavi li#products a {
	background-image:url(../img/btn_products.jpg);
	background-position:0px 0px;
	width:141px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#products a:hover, #gnavi li#products a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#gnavi li#friend a {
	background-image:url(../img/btn_friend.jpg);
	background-position:0px 0px;
	width:141px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#friend a:hover, #gnavi li#friend a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#gnavi li#contact a {
	background-image:url(../img/btn_contact.jpg);
	background-position:0px 0px;
	width:145px;
	height: 47px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#gnavi li#contact a:hover, #gnavi li#contact a:active {
 	background-position:0px -47px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

/* ----------
メインイメージ
------------- */
#mainimg{
	margin-top: 8px;
}

/* ----------
サムネイルナビ
------------- */
#snavi{width: 830px;height: 100px;margin-top: 8px;}
#snavi ul{height: 100px;width: 830px;}
#snavi li{float:left;}
#snavi a {display: block;}

#snavi li#ban_shop a {
	background-image:url(../img/ban_shop.jpg);
	background-position:0px 0px;
	width:220px;
	height: 100px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_shop a:hover, #snavi li#ban_shop a:active {
 	background-position:0px -100px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_price {margin-left: 5px;}
#snavi li#ban_price a {
	background-image:url(../img/ban_price.jpg);
	background-position:0px 0px;
	width:155px;
	height: 100px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_price a:hover, #snavi li#ban_price a:active {
 	background-position:0px -100px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_products {margin-left: 5px;}
#snavi li#ban_products a {
	background-image:url(../img/ban_products.jpg);
	background-position:0px 0px;
	width:220px;
	height: 100px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_products a:hover, #snavi li#ban_products a:active {
 	background-position:0px -100px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_friend {margin-left: 5px;}
#snavi li#ban_friend a {
	background-image:url(../img/ban_friend.jpg);
	background-position:0px 0px;
	width:220px;
	height: 100px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#snavi li#ban_friend a:hover, #snavi li#ban_friend a:active {
 	background-position:0px -100px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}


/* ----------
左コンテンツ
------------- */

/* ----------トップページ------------- */
#left_contents{
	float: left;
	width: 539px;
	margin-bottom: 39px;
	margin-top: 15px;
}

/* ----------
新着情報
------------- */

html{overflow-y: scroll;}

#news_box{
	background-image: url(../img/img_news_re.gif);
	background-repeat: repeat-y;
	width: 539px;
	padding-top: 5px;
}

#news_box_in{
	width: 513px;
	margin-right: 13px;
	margin-left: 13px;
	overflow:scroll;
	overflow-x: hidden;
	height:198px;
}

#news_box dl{
	width: 513px;
	background-color: #EAE1D8;
	margin-bottom: 5px;
}


#news_box dt{
	font-size: 12px;
	height: 29px;
	color: #E60051;
	border-bottom-style: dotted;
	border-bottom-color: #8FC41E;
	border-bottom-width: 1px;
	line-height: 29px;
	margin-right: 20px;
	margin-left: 10px;
}

#news_box dd{
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 12px;
	padding-bottom: 7px;
}

/* ----------
トップバナー
------------- */
#s_ban{width: 539px;height: 96px;margin-top: 9px;}
#s_ban ul{height: 96px;width: 539px;}
#s_ban li{float:left;}
#s_ban a {display: block;}

#s_ban li#ban_cat a {
	background-image:url(../img/ban_cat.jpg);
	background-position:0px 0px;
	width:267px;
	height: 96px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#s_ban li#ban_cat a:hover, #s_ban li#ban_cat a:active {
 	background-position:0px -96px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#s_ban li#ban_oyatsu {margin-left: 5px;}
#s_ban li#ban_oyatsu a {
	background-image:url(../img/ban_oyatsu.jpg);
	background-position:0px 0px;
	width:267px;
	height: 96px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#s_ban li#ban_oyatsu a:hover, #s_ban li#ban_oyatsu a:active {
 	background-position:0px -96px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

/* ----------二階層目以降------------- */
#left_contents2{
	float: left;
	width: 267px;
	margin-bottom: 39px;
	margin-top: 8px;
}

/* ----------
二階層目サイドバナー
------------- */
#s_ban1{width: 267px;}
#s_ban1 ul{width: 267px;}
#s_ban1 a {display: block;}

#s_ban1 li#side_shop {margin-bottom: 5px;}
#s_ban1 li#side_shop a {
	background-image:url(../img/img_side_info.jpg);
	width:267px;
	height: 62px;
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
}

#s_ban1 li#side_shop a:hover, #s_ban1 li#side_shop a:active {
 	color:#8fc41f;
	text-decoration:none;
}

#s_ban1 li#side_menu {margin-bottom: 5px;}
#s_ban1 li#side_menu a {
	background-image:url(../img/img_side_price.jpg);
	width:267px;
	height: 62px;
	color: #59493f;
	text-align: center;
	background-repeat: no-repeat;
}

#s_ban1 li#side_menu a:hover, #s_ban1 li#side_menu a:active {
 	color:#FFF;
	text-decoration:none;
}

#s_ban1 li#side_pro {margin-bottom: 5px;}
#s_ban1 li#side_pro a {
	background-image:url(../img/img_side_products.jpg);
	width:267px;
	height: 62px;
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
}

#s_ban1 li#side_pro a:hover, #s_ban1 li#side_pro a:active {
 	color:#8fc41f;
	text-decoration:none;
}

#s_ban1 li#side_friend {margin-bottom: 5px;}
#s_ban1 li#side_friend a {
	background-image:url(../img/img_side_friend.jpg);
	width:267px;
	height: 62px;
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
}

#s_ban1 li#side_friend a:hover, #s_ban1 li#side_friend a:active {
 	color:#8fc41f;
	text-decoration:none;
}


.side_text1{padding-top: 36px;line-height: 12px;}


#s_ban2{width: 267px;}
#s_ban2 ul{width: 267px;}
#s_ban2 a {display: block;}

#s_ban2 li#ban_cat2 a {
	background-image:url(../img/ban_cat.jpg);
	background-position:0px 0px;
	width:267px;
	height: 96px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#s_ban2 li#ban_cat2 a:hover, #s_ban2 li#ban_cat2 a:active {
 	background-position:0px -96px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

#s_ban2 li#ban_oyatsu2 {margin-top: 5px;}
#s_ban2 li#ban_oyatsu2 a {
	background-image:url(../img/ban_oyatsu.jpg);
	background-position:0px 0px;
	width:267px;
	height: 96px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}

#s_ban2 li#ban_oyatsu2 a:hover, #s_ban2 li#ban_oyatsu2 a:active {
 	background-position:0px -96px;
	text-indent: -9999px;
 	overflow:hidden;
	text-decoration:none;
}

/* ----------
二階層目サイドインフォメーション
------------- */
#side_info2{
	background-image: url(../img/img_sideinfo_back.jpg);
	background-repeat: no-repeat;
	width: 267px;
	height: 359px;
	margin-top: 10px;
}




/* ----------
右コンテンツ
------------- */

/* ----------トップページ------------- */
#right_contents{
	float: right;
	width: 281px;
	margin-bottom: 39px;
	margin-top: 15px;
}

/* ----------
トップインフォメーション
------------- */
#side_info{
	background-image: url(../img/img_info_back.jpg);
	background-repeat: no-repeat;
	width: 281px;
	height: 361px;
}

.side_info1{
	font-size: 14px;
	color: #7e6b5a;
	line-height: 14px;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 1px;
}

.side_info2{
	color: #7e6b5a;
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 7px;
}

.side_info3{
	color: #7e6b5a;
	padding-left: 15px;
	padding-top: 4px;
	line-height: 12px;
}

#side_list{
	padding-left: 15px;
	color: #7e6b5a;
	padding-top: 5px;
}


/* ----------二階層目以降------------- */
#right_contents2{
	float: right;
	width: 548px;
	margin-bottom: 39px;
	margin-top: 8px;
}

.contents_box{
	background-image: url(../img/img_box_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 548px;
	padding-bottom: 18px;
}

.contents_box_in{
	background-image: url(../img/img_box_re.jpg);
	background-repeat: repeat-y;
	width: 548px;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 18px;
}

.gr1{color:#8fc41f;}
.red1{color: #F33C00;}
.red2{color: #F33C00;padding-left: 2px;}
.red3{
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}

.int1{padding-left: 50px;}
.int2{padding-left: 43px;}
.up15{margin-top: 15px;}

/* ----------
ショップインフォメーション
------------- */
#shop_box{
	width: 513px;
}

#shop_data{
	float: left;
	width: 271px;
}

#shop_data li{
	line-height: 26px;
	background-image: url(../img/img_dotline.jpg);
	background-repeat: repeat-y;
}

#shop_photo{
	float: right;
	width: 222px;
}

#qr{
	padding-top: 6px;
}

#g_map{
	border: 1px solid #8fc41f;
	width: 511px;
	margin-top: 5px;
	background-color: #8fc41f;
	font-size: 11px;
}

.g_text{
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.g_text a,
.g_text a:link,
.g_text a:visited {
	color:#FFF;
	text-decoration:none;
}

.g_text a:hover,
.g_text a:active {
	color:#FFF;
	text-decoration:underline;
}

#form_box{
	margin-top: 10px;
	margin-left: 7px;
	font-size: 12px;
}

#form_box2{
	margin-top: 10px;
	font-size: 12px;
	margin-left: 7px;
}

#form_box table {border-collapse:collapse;font-size: 12px;}
#form_box2 table {font-size: 12px;}

#inq_tb{
	width: 499px;
}

#inq_tb th{
	width: 150px;
	background-color: #EFE7DE;
	border: 1px solid #59493F;
	font-weight: normal;
}

.f1{
	background-image: url(../img/img_icon.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	text-align: left;
	font-size: 12px;
	padding-left: 12px;
	vertical-align: middle;
	height: 32px;
}

.f2{
	background-image: url(../img/img_icon.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	text-align: left;
	font-size: 12px;
	padding-left: 12px;
	vertical-align: top;
	padding-top: 5px;
}

* html .f2{
	background-image: url(../img/img_icon.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	text-align: left;
	font-size: 12px;
	padding-left: 12px;
	vertical-align: top;
	padding-top: 7px;
}


#inq_tb td{
	background-color: #FFF;
	border: 1px solid #59493F;
}

.d1{vertical-align: middle;padding-left: 5px;}

.d2{
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.kakunin1{font-size: 12px;}

/* ----------
料金とメニュー
------------- */
.price_tb{width: 513px;}

.price_box{margin-top: 2px;}

.price_box table {border-collapse:collapse;font-size: 12px;}

.price_tb th{
	background-color: #8B7A68;
	border: 1px solid #59493F;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.price_tb td{border: 1px solid #59493F;}

.sp1{
	text-align: left;
	vertical-align: middle;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #EFE7DE;
}

.n1{
	text-align: right;
	vertical-align: middle;
	width: 140px;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}

.n2{
	text-align: right;
	vertical-align: middle;
	width: 100px;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}

.n3{
	text-align: left;
	vertical-align: middle;
	width: 200px;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}

.n4{
	text-align: left;
	vertical-align: middle;
	width: 160px;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}

.n5{
	text-align: left;
	vertical-align: middle;
	line-height: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}

.ss_text{font-size: 11px;}
.pr_text1{
	padding-top: 5px;
}

#camp{
	background-color: #EFE7DE;
	width: 513px;
	margin-top: 5px;
}

#camp ul{
	padding-top: 5px;
}

#camp li{
	list-style-position: outside;
	list-style-type: square;
	margin-left: 30px;
	margin-right: 20px;
	padding-bottom: 5px;
}

#camp2{
	width: 513px;
}

#camp2 ul{
	padding-top: 15px;
}

#camp2 li{
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
}


/* ----------
フード＆おやつ＆etc
今日のお友達
------------- */

.cms_box{
	background-image: url(../img/img_box_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 548px;
	padding-bottom: 18px;
}

.cms_box_in{
	background-image: url(../img/img_box_re.jpg);
	background-repeat: repeat-y;
	width: 548px;
	padding-right: 15px;
	padding-left: 18px;
}

.cms{
	width: 513px;
	padding-top: 12px;
}

.c_title{
	font-size: 13px;
	line-height: 28px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../img/bar_cms_title.jpg);
	background-repeat: no-repeat;
	text-indent: 34px;
	height: 28px;
	width: 513px;
}

.c_box{
	background-color: #EFE7DE;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D1C0A5;
	border-bottom-color: #D1C0A5;
	border-left-color: #D1C0A5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.c_photo{
	background-color: #FFF;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	width: 245px;
	margin-right: auto;
	margin-left: auto;
}

.c_text{
	line-height: 21px;
	background-image: url(../img/img_dotline2.jpg);
	background-repeat: repeat-y;
	width: 461px;
	margin-left: 25px;
}

.c_box2{
	background-color: #EFE7DE;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D1C0A5;
	border-bottom-color: #D1C0A5;
	border-left-color: #D1C0A5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.c_photo_box{
	width: 491px;
}

.c_friend1{
	float: left;
	background-color: #FFF;
	padding: 5px;
	width: 230px;
}

.c_friend2{
	float: right;
	background-color: #FFF;
	padding: 5px;
	width: 230px;
}

.c_text2{
	line-height: 21px;
	background-image: url(../img/img_dotline2.jpg);
	background-repeat: repeat-y;
	width: 461px;
	margin-left: 15px;
	margin-top: 10px;
}

/* ----------
フッター
------------- */

#footer {
	background-image: url(../img/img_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 110px;
	position: relative;
	margin-top: -110px; /* negative value of footer height */
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer_box{
	width:830px;
	height: 110px;
	margin-right: auto;
	margin-left: auto;
}

/* フッターナビ------------------------ */

#fnavi {
	width:830px;
	height: 48px;
	text-align: left;
}

#fnavi ul {
	list-style-type:none;
	width:830px;
	height: 48px;
}

#fnavi li  {
	float:left;
	line-height: 48px;
}

#fnavi li a,
#fnavi li a:link,
#fnavi li a:visited {
	text-decoration:none;
	color: #59493f;
}

#fnavi li a:hover,
#fnavi li a:active {
	color:#8fc41f;
	text-decoration:none;
}



/* フッター情報------------------------ */

.f_text1{
	line-height: 12px;
	text-align: right;
	padding-top: 19px;
}

.copy{
	line-height: 12px;
	text-align: right;
	padding-top: 8px;
}