@charset "utf-8";


/*=============================================================================
   Reset
=============================================================================*/
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 }
body {
	margin: 0;
	}

h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,dl,dt,dd,address,form,input{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

strong { font-style: normal; font-weight: bold;}
img { border: 0; vertical-align:bottom; -ms-interpolation-mode: bicubic;/*ie7*/}

ul,ol { list-style: none;}

table { border-collapse: collapse;border-spacing: 0;}
th,td { }

/*=============================================================================
   Base
=============================================================================*/
body {
	color: #E7DDCC;
	background:#33281B url(../img/body.jpg) center top;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 87.25%;
	line-height: 1.5;
	min-width: 1280px;
	}

a:link, a:visited{
	color: #D55532;
	text-decoration: none;
	}
a:hover, a:active{
	color: #873;
	text-decoration: underline;
	outline: 0;
	}
a:focus {
  outline: thin dotted/*chrome*/;
	}
h1 {	}
h2 {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	color: #FFFFFF;
	font-size: 1.6em;
	}
h3 {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	color: #FFFFFF;
	font-size: 1.7em;
	margin-bottom: 15px;
	}
h4 {
	font-weight: bold;
	font-size: 1.1em;
	background: url(../img/dot3x3.png) repeat-x left bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
h5 { font-weight: bold; 	}
h6 {
	}
hr {
	margin: 18px 0px;
	padding:0;
	border:solid #A08868;
	border-width:1px 0 0 0;
	height:1px;
	clear:both;
	}
/*a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}*/

/* Clear Settings
-----------------------------------------------------------------------------*/
.clear:before,.clear:after {
  content:"";
  display:table;}
.clear:after { clear:both;}
.clear { zoom:1;}

.clearboth {clear: both;}
.clearblank {clear: both;height: 0px;font-size: 0px;line-height: 0px;}




/*=============================================================================
   共通　Style
=============================================================================*/
.disnon { display:none;}
.hidden { visibility: hidden; }
.mat { background: url(../img/mat.jpg);}

/* Style_border
--------------------------------------------------- */
.border {border: 1px solid #CC6633;}
.border02 {border: 2px double #CC6633;}

.border_btm {border-bottom: 1px solid #CC6633;}

.borderdot {border: 1px dotted #CE8639;}
.borderdot_btm {border-bottom: 1px dotted #CE8639;}

.borderbox01 {
	border: 3px double #463225;
	margin: 0px 5px 5px;
	padding: 7px;
	}
.line {
	margin: 0px 0px 10px;
	height: 10px;
	width: auto;
	clear: both;
	padding-bottom: 3px;
	line-height: 10px;
	}

/* Style_text
--------------------------------------------------- */
.small {font-size:0.92em;font-weight: normal;}
.smaller {font-size:smaller;font-weight: normal;}
.midium {font-size:1.16em;}
.midbold {font-size:1.16em;font-weight: bold;}
.larger { font-size:larger;}
.big {font-size:1.40em;font-weight: bold;}
.bold {font-weight: bold;}
.red { color:#ee4444;}
.ora { color:#CC7733; }
.white { color:#fff;}

/* Style_table
--------------------------------------------------- */
table { margin-bottom: 5px; }
table caption {text-align: left;font-weight: bold;}
th,td { padding: 7px; }
th { }

table.border, .border th, .border td { border: 1px solid #987; }
table.border_btm, .border_btm th, .border_btm td { border-bottom: 1px solid #987; }

/* Style float margin padding
--------------------------------------------------- */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.lfloat, .left {float: left !important;}
.rfloat, .right {float: right !important;}

img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}
img.right {float: right; margin-bottom: 10px; margin-left: 10px;}

.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}
.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}
.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}
.rfloatmbl10 {float: right; margin-bottom: 10px; margin-left: 10px;}
.lfloatmr20 {float: left; margin-right: 20px;}
.lfloatmr30 {float: left; margin-right: 30px;}

.m0 { margin: 0px !important;}
.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mt0 {margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr23 {	margin-right: 23px;}
.mr30 {	margin-right: 30px;}

.mrb5 { margin-right: 5px; margin-bottom: 5px;}
.mrb10 { margin-right: 10px; margin-bottom: 10px;}

.mb3 { margin-bottom: 3px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}
.ml60 {	margin-left: 60px;}
.ml70 {	margin-left: 70px;}

.mside5 { margin-right: 5px; margin-left: 5px;}
.mside10 { margin-right: 10px; margin-left: 10px;}
.mside15 { margin-right: 15px; margin-left: 15px;}
.mside20 { margin-right: 20px; margin-left: 20px;}

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.ptb5 { padding-top: 5px; padding-bottom: 5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}

.pside10 { padding-right: 10px; padding-left: 10px;}
.pside20 { padding-right: 20px; padding-left: 20px;}

.pt5 { padding-top: 5px}
.pt10 { padding-top: 10px}
.pt15 { padding-top: 15px}
.pt20 { padding-top: 20px}
.pr5 { padding-right: 5px}
.pb5 { padding-bottom: 5px}
.pl5 { padding-left: 5px}

.center{margin: 0 auto; display: block;}


/* contents width */
.w400{width: 400px; display: block;}
.w415{width: 415px; display: block;}
.w430{width: 430px; display: block;}
.w490{width: 490px; display: block;}
.w500{width: 500px; display: block;}
.w520{width: 520px; display: block;}
.w960{width: 960px; display: block;}
.w1000{width: 1000px; display: block;}



/*=============================================================================
   アコーディオンメニュー　(　汐彩　)　
=============================================================================*/

/*ボックス全体*/
.accbox {
    clear: both;
    padding: 10px 0;
    max-width: 1000px;
}

.accshow h4 {
    font-weight: bold;
    font-size: 1.1em;
    background: url(../img/dot3x3.png) repeat-x left bottom;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*ラベル*/
.accbox label {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    font-size: 18px;
    letter-spacing: 0.1rem;
    margin-bottom: 15px;
    display: block;
    margin: 0px;
    padding : 13px 12px 9px;
    color: #fff;
    font-weight: bold;
    background: url(../img/mat.png);
    cursor :pointer;
    transition: all 0.5s;
}
    .accbox label .space-a,.accbox label .space-b,.accbox label .space-c ,.accbox label .space-d ,.accbox label .space-e {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    font-size: 13px;
    vertical-align: 1px;
    letter-spacing: 0.1rem;
    color: rgba(255,255,255,0.7);
    }
    .accbox label .space-a,.accbox label .space-e{
    padding-left: 669px;
    }
    .accbox label .space-b{
    padding-left: 591px;
    }
    .accbox label .space-c{
    padding-left: 649px;
    }
    .accbox label .space-d{
    padding-left: 521px;
}


/*アイコンを表示*/
.accbox label:before {
    content: url("../img/icon/arrow_r.gif"); 
    padding-top: 2px;
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background: url(../img/mat.png);}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #35291d;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: url("../img/icon/arrow_b.gif");
}



/*ラベル1 店主におまかせコースメニュー*/
.accbox .accshow #lbb1{
}
    .accshow #lbb1 tr {
    line-height: 28px;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    text-align: left;
    }
    .accshow #lbb1 th {
    width: 100px;
    }
    .accshow #lbb1 td.text{
    width: 800px;
    }
    .accshow #lbb1 td.price{
    width: 70px;
    text-align: right;
    }

/*ラベル2 おすすめセットメニュー*/
.accbox .accshow #lbb2{
}
    .accshow #lbb2 tr {
    line-height: 28px;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    text-align: left;
    }
    .accshow #lbb2 th {
    width: 200px;
    }
    .accshow #lbb2 td.text{
    width: 670px;
    }
    .accshow #lbb2 td.price{
    width: 70px;
    text-align: right;
    }

/*ラベル3 店長おすすめメニュー*/
.accbox .accshow #lbb3{
}
    .accshow #lbb3-1 tr,.accshow #lbb3-2 tr,.accshow #lbb3-3 tr {
    line-height: 28px;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    text-align: left;
    }

    .accshow #lbb3-1 th {
    width: 150px;
    }
    .accshow #lbb3-2 th,.accshow #lbb3-3 th{
    width: 120px;
    }

    .accshow #lbb3-1 td.text{
    width: 725px;
    }
    .accshow #lbb3-2 td.text,.accshow #lbb3-3 td.text{
    width: 755px;
    }

    .accshow #lbb3-1 td.price,.accshow #lbb3-2 td.price,.accshow #lbb3-3 td.price{
    width: 70px;
    text-align: right;
    }


/*ラベル5 地産地消メニュー*/
.accbox .accshow #lbb4{
}
    .accshow #lbb4-1 tr,.accshow #lbb4-2 tr {
    line-height: 28px;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    text-align: left;
    }
    .accshow #lbb4-1 th,.accshow #lbb4-2 th {
    width: 200px;
    }
    .accshow #lbb4-1 td.text,.accshow #lbb4-2 td.text{
    width: 670px;
    }
    .accshow #lbb4-1 td.price,.accshow #lbb4-2 td.price{
    width: 70px;
    text-align: right;
    }

/*ラベル6 */
.accbox .accshow #lbb5{
}
    .accshow #lbb5 tr {
    line-height: 28px;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    text-align: left;
    }
    .accshow #lbb5 th {
    width: 200px;
    }
    .accshow #lbb5 td.text{
    width: 670px;
    }
    .accshow #lbb5 td.price{
    width: 70px;
    text-align: right;
    }