@charset "Shift_JIS";

/*---------------------------------
01.default
02.header&footer
03.menu
04.main
05.right
06.left
07.h123456
----------------------------------*/


/*01.default
-----------------------------------*/
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, li,address,caption {
    margin: 0;
    padding: 0;
	}
	
body{
	margin:0px;
	padding:0px;
	background-color:#F0EFEA;
	text-align:center;
	font-size:12px;
	color:#333;
	line-height:170%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	}
img{ border:none; vertical-align:bottom; }
address{font-style:normal; }
strong{font-style:normal; font-weight:normal; }
hr{border:1px #999 dashed; }
p{margin:8px 0; }

	
/*link
-----------------------------------*/
a{ color:#6A1917; }
a:hover{ color:#BEA083; }

/*wrapper
-----------------------------------*/
#wrapper{
	margin:0 auto;
	padding:0 ;
	width:895px;
	text-align:left;
	background:#ffffff;
	}

#wrapper h1{
    width:840px;
	padding:5px 0;
	text-align:center;
    color:#666;
	font-size:10px;
	font-weight:normal;
	margin:0 auto;
	border-bottom:1px #666 solid;
	}

#con{
    width:840px;
	text-align:left;
	margin:0 auto;
	}

/*clearfixハック*/
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac ＼*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*02.header&footer
-----------------------------------*/

#header{
	margin:0 auto;
	padding:0;
	width:840px;
	height:100px;
	position:relative;
	background:url(../img/common/header.gif) no-repeat right top;
	}
#header #rogo{ color:#000; position:absolute; top:14px; left:0px; }

#header {
	border-bottom: 3px solid #97c0db;
}
#header:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    border-bottom: 3px solid #D3C0AB;
}

#footer{
	width:840px;
	margin:10px auto 0 auto;
	padding:10px 0 30px 0 ;
	text-align:center;
	font-size:10px;
	color:#333;
	background:url(../img/common/footer.gif) no-repeat bottom;
	}

li.m_list_b{
	padding:0 5px;
	list-style:none;
	display:inline;
    }
li.m_list_e {
	padding-left:5px;
	list-style:none;
	display:inline;
    }
li.m_list_b,
li.m_list_e{
	border-left:solid 1px #999;
    }

/*03.menu
-----------------------------------*/
#menu{
	width:840;
	height:35px;
	background:url(../img/common/menu.jpg);
	margin:10px 0;
	padding:0;
	overflow: hidden;
	}

/*文字を消すハック*/
#menu ul{
    padding:0px;
	height:35px;
	}
	
#menu li{
	display:block;
	width:140px;
	height:35px;
	float:left;
    }

#menu a{
	display:block;
	width:140px;
	height:35px;
	float:left;
	text-indent: -9999px;
	text-decoration: none;
	background:url(../img/common/menu.jpg) no-repeat;
    }

#menu00 {text-indent:0;}

/*背景画像の位置設定*/
#menu01 a { background-position: 0px 0 }
#menu02 a { background-position: -140px 0 }
#menu03 a { background-position: -280px 0 }
#menu04 a { background-position: -420px 0 }
#menu05 a { background-position: -560px 0 }
#menu06 a { background-position: -700px 0 }

#menu01 a:hover { background-position:  0 -35px }
#menu02 a:hover { background-position: -140px -35px }
#menu03 a:hover { background-position: -280px -35px }
#menu04 a:hover { background-position: -420px -35px }
#menu05 a:hover { background-position: -560px -35px }
#menu06 a:hover { background-position: -700px -35px }

#menu01 a.current { background-position: 0px -35px }
#menu02 a.current { background-position: -140px -35px }
#menu03 a.current { background-position: -280px -35px }
#menu04 a.current { background-position: -420px -35px }
#menu05 a.current { background-position: -560px -35px }
#menu06 a.current { background-position: -700px -35px }


/*背景画像の位置設定
#menu01 a { background-position: 0px 0 }
#menu02 a { background-position: -120px 0 }
#menu03 a { background-position: -240px 0 }
#menu04 a { background-position: -360px 0 }
#menu05 a { background-position: -480px 0 }
#menu06 a { background-position: -600px 0 }
#menu07 a { background-position: -720px 0 }

#menu01 a:hover { background-position:  0 -35px }
#menu02 a:hover { background-position: -120px -35px }
#menu03 a:hover { background-position: -240px -35px }
#menu04 a:hover { background-position: -360px -35px }
#menu05 a:hover { background-position: -480px -35px }
#menu06 a:hover { background-position: -600px -35px }
#menu07 a:hover { background-position: -720px -35px }

#menu01 a.current { background-position: 0px -35px }
#menu02 a.current { background-position: -120px -35px }
#menu03 a.current { background-position: -240px -35px }
#menu04 a.current { background-position: -360px -35px }
#menu05 a.current { background-position: -480px -35px }
#menu06 a.current { background-position: -600px -35px }
#menu07 a.current { background-position: -720px -35px }
*/

/*04.main
-----------------------------------*/
#main{
	width:840px;
	height:auto;
	margin:10px auto;
	text-align:left;
	}

.border{ 
	width:840px;
	height:6px;
	background-image:url(../img/common/border01.gif);
	border:0px;
	}

/*05.right
-----------------------------------*/
#right{
	width: 290px;
	line-height:180%;
	text-align:left;
	float:right;
	margin:0 0 10px 0;
	position:relative;
	}
	
.right-box{
	width:270px;
	height:auto;
	margin:0;
	padding:0 10px 10px 10px;
	text-align:left;
	background:#F7F3DD url(../img/common/box02-bot.jpg) left bottom no-repeat ;
	}	
#right .bnr-box {
	position:absolute;
	top: -60px;
	left: 10px;
	width:270px;
	height:230px;
}
	
.right-box ul{ margin:10px 0; line-height:150%; color:#684D30; padding:0 0 0 15px;}
.right-box li{ margin-bottom:10px; list-style-position:outside; list-style-image:url(../img/common/01.gif); line-height:150%;} 
	
.right-bana01{ margin:0 0 10px 0; }

/*06.left
-----------------------------------*/
#left{
	width:530px;
	text-align:left;
	float:left;
	}

.left-box{
	width:530px;
	margin:0;
	padding:0 0 20px 10px;
	background:#F1EBDF url(../img/common/box01-bot.jpg) left bottom no-repeat ;	
	}
	
.left-con{
	width:505px;
	height:auto;
	border-left:solid 5px #551900;
	}

.left-box2{	width:530px; margin:10px 0; padding:0 10px 30px 10px; background:url(../img/common/box03-bot.jpg) left bottom no-repeat; }
.left-box2 h2{ font-size:16px; color:#9BA93A; margin:10px 0;}
.left-box2 ul{ width:500px; margin:0 0 20px 0; padding:0px; line-height:150%;}
.left-box2 li{ margin:0 0 10px 30px; padding:0; list-style-position:outside; list-style-image:url(../img/common/01.gif); line-height:120%;}
.left-box2 li strong{ color:#551900; font-weight:bold;}

.left-con2{ width:505px; height:auto; padding:0 0 0 10px; border-left:solid 5px #C3D54B; }

.left-con3{ width:505px; height:auto; padding:10px; }
.left-con3 table{
	width:490px;
	margin:10px 0 0 0 ;
	border:none;
	padding-bottom:10px;
	border-bottom:1px #999 dotted;
	}
.left-con3 th{
	width:240px;
	height:230px;
	padding:0;
	vertical-align:top;
	}
.left-con3 td{ margin:0; padding:10px; vertical-align:top;}

/*07.topix
-----------------------------------*/

.t-title{ margin:0 0 10px 10px; position:relative;}
.t-title .more{ margin:0 0 10px 10px; position:absolute; top:5px; left:490px;}
.t-title-style{ height:40px; width:515px; background:url(../img/common/border02.gif) no-repeat bottom; }

#topix{
	width:515px;
	height:180px;
	text-align:left;
	margin:10px 0 0 10px;
	}
	
#topix-img{
	width:170px;
	height:160px;
	text-align:left;
	float:left;
	display: inline;
	}
	
#topix-main{
	width:300px;
	height:160px;
	text-align:left;
	float:right;
	padding:10px;
	margin-right:10px;
	background-color:#fff;
	display: inline;
	}
	
#topix-main #t01{ margin:0; font-size:16px; font-weight:bold; color:#7C2524;}	
#topix-main #t02{ font-size:12px; color:#333; line-height:180%;}


/*08.news
-----------------------------------*/
#news{
	width:505px;
	height:600px;
	text-align:left;
	margin:10px 0 0 10px;
	}

.news-01{
	width:505px;
	height:auto;
	text-align:left;
	margin:0　0　10px 0;
	padding:10px 0;
	background-image:url(../img/common/02.gif) no-repeat left;
	border-bottom:1px #999 dotted;
	display:block;
	}
	
.news-02{
	width:115px;
	height:auto;
	text-align:left;
	padding-left:20px;
	background:url(../img/common/02.gif) no-repeat left;
	font-weight:bolder;
	color:#F60;
	float:left;
	}

.news-03{
	width:360px;
	height:auto;
	text-align:left;
	padding-left:10px;
	color:#999;
	float:right;
	}

/*09.お店紹介
-----------------------------------*/
#shop table{
	width:530px;
	margin:15px 0;
	border:none;
	}
#shop th{
	width:100px;
	height:20px;
	padding:5px 7px;
	vertical-align:top;
	background-color:#F1EBDF;
	color:#000;
	font-weight:bold;
	}	
#shop td{ margin:0; padding:5px 7px; vertical-align:top;}

/*10.システム
-----------------------------------*/
#system{ width:510px; height:auto; text-align:center; margin:10px 0;}
#system .con{ width:400px; padding:10px; margin:10px auto; color:#684D30;
line-height:140%; border:1px #684D30 dotted; background:url(../system/img/system-bg.jpg) no-repeat bottom;}
.center{ text-align:center;}

/*11.ネコスタッフ
-----------------------------------*/
.by{ padding:0 15px 0 0 ; text-align:right; color:#666;}

/*12.メニュー
-----------------------------------*/
.menu-img{ float:right; }

/*13.メールフォーム
-----------------------------------*/
.left-con3 table#contact{
	border:none;
}
.left-con3 table#contact th,
.left-con3 table#contact td{
	border-bottom:1px #f90 dotted;
}
.left-con3 table#contact th{
	padding:10px;
	height:auto;
}
.left-con3 table#contact th em{
	padding-right:5px;
	font-style:normal;
	color:#F00;
}
#form-bottom{
		text-align:center;
}
#form-bottom input{
	margin:5px 10px;
	padding:2px 10px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.2em;
	border:1px #F90 solid;
	background:url(../mail/img/bg_form-btn.jpg) left center;
}

/*14.その他細かい指定
-----------------------------------*/

/*ページトップにもどる*/
.re{
	width:550px;
	margin:10px 0 20px 0;
	text-align:right;
	font-size:12px;
	padding:0;
	}

/*文字サイズ-16pt*/
.b{ font-weight:bold; background:#b0e0e6; padding:0 5px; margin:0 5px 0 0; }

/*やじるし（リストじゃない）*/
.arrow{ background:url(../img/common/01.gif) no-repeat top; padding:0 0 0 20px; }

/*にくきゅう*/
.title01{
	width:460px;
	height:36px;
	margin:10px 0 5px 0;
	padding:7px 0 0 50px;
	font-size:14px;
	color:#551900;
	background:url(../img/common/bar01.gif) no-repeat top;
	vertical-align:middle;
	}
	
/*15.準備中
-----------------------------------*/
#arrow{ background-image:url(../img/common/01.gif) no-repeat top; padding:0 0 0 20px; }



.textfrm {
	padding:2px 10px 10px;
	background-color:#faf9f1;
	border:1px solid #CCC;
	margin-top:40px;
	width:515px;
}
.boxtitle15 {
position: relative; /*相対配置*/
top: -12px; /* ボックスの高さ調節 */
width:70%; /* ボックスのサイズ*/
margin: 0px auto; /* センタリング*/
padding: 0.1em; /* テキストと枠線の間の余白 */
font-size: 12px; /* 文字サイズ */
text-align:center; /* ボックス内の文字のセンタリング*/
color: #333; /* 文字色*/
background: #f1ebdf; /* 背景色 */
border: #ccc 1px solid; /* 枠線のスタイル */
}


/*20220825*/
h2 {
	border: 1px solid #D3C0AB;
	padding: 8px 12px;
	border-radius: 3px;
	background: rgb(242,229,215);
	background: linear-gradient(0deg, rgba(242,229,215,1) 0%, rgba(255,255,255,0.9) 40%);
	color: #97c0db;
	font-size: 1.4em;
}
h2 span {
	color: #333;
	margin-left: 1em;
	font-size: .9em;
}
table.Menu{
  width: 100%;
}

table.Menu th{
	position: relative;
    text-align: left;
    width: 15%;
    white-space: nowrap;
    padding-right: 2em;
    color: #551900;
}

table.Menu th:after{
  display: block;
  content: "";
  width: 30px;
  height: 1px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:-15px;
}

table.Menu td{
  text-align: left;
  padding:7px 0 7px 30px;
  width:calc(85% - 30px) ;
}