@charset "UTF-8";

/*

px   %
10 = 77 
11 = 85  
12 = 93 (was 93)  
13 = 100  
14 = 108 (was 107) 
15 = 116 (was 114) 
16 = 123.1 (was 122) 
17 = 131 (was 129) 
18 = 138.5 (was 136) 
19 = 146.5 (was 144) 
20 = 153.9 (was 152) 
21 = 161.6 (was 159) 
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197

*/

/*====================================

ブラウザのデフォルトリセット　初期設定

====================================*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p,
header, hgroup, nav, section, article, aside, footer, figure, figcaption {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
	line-height: 1.0;
	background-color: #fff;
	text-align: center;
	color:#333333;
	/*color: #2f3a49;*/
	line-height: 1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../../images/common/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

html,body {
	text-align:center;
	font-size:93%;
	
}

article, aside, canvas, details, figcaption, figure,
header, hgroup, nav, menu, section, summary {
    display: block;
}

img {
    border: 0;
    vertical-align: bottom;
}

ul, ol {
    list-style: none;
}

table {
    border-spacing: 0;
    empty-cells: show;
}

a:link {
	color:#B3883B;
	text-decoration:underline;
}

a:visited {
	color:#B3883B;
	text-decoration:underline;
}

a:hover {
	color:#B3883B;
	text-decoration:none;
}



em {
	font-style: normal;
	font-weight: bold;
}

.mt20 {
	margin-top:20px;
}

.mt40 {
	margin-top:40px;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mb40 {
	margin-bottom:40px;
}

.tal {
	text-align:left;
}

.tac {
	text-align:center;
}

.tar {
	text-align:right;
}

.hissu {
	font-size:87%;
	color:#F30;
}

.w160 {
	width: 160px;
}

.defaulttable {
	width:98%;
	margin-left:10px;
	margin-bottom:30px;
}

.defaulttable th{
	padding: 10px;
	border-left: solid 1px #d2d2a5;
	border-right: solid 1px #d2d2a5;
	border-bottom: solid 1px #d2d2a5;
	background: #f7f2e4 url() repeat-x left top;
	color:#333;
	letter-spacing: 0;
	vertical-align: top;
	text-align: left;
	font-weight:normal;
}
.defaulttable td{
	border-left: solid 1px #fff;
	padding: 10px;
	border-bottom: solid 1px #d2d2a5;
	border-right: solid 1px #d2d2a5;
	vertical-align: top;
	background: #f9f7f1 url() repeat-x left top;
}

.granmamiddle th{
	padding: 10px;
	border-left: solid 1px #d2d2a5;
	border-right: solid 1px #d2d2a5;
	border-bottom: solid 1px #d2d2a5;
	background: #f7f2e4 url() repeat-x left top;
	color:#333;
	letter-spacing: 0;
	vertical-align: top;
	text-align: left;
	font-weight:normal;
}
.granmamiddle td{
	border-left: solid 1px #fff;
	padding: 10px;
	border-bottom: solid 1px #d2d2a5;
	border-right: solid 1px #d2d2a5;
	vertical-align: top;
	background: #f9f7f1 url() repeat-x left top;
}

.first th , .first td {
	border-top: solid 1px #d2d2a5;
}

.li-last-child {
	border: none;
}


/*--------------------------------------
  clear
---------------------------------------*/

.clrfx{
	min-height:1%;
}
.clrfx:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html .clrfx{/* for IE */
	/*\*/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
}
body*.clrfx:after{
	content:".";
}


/*------------------------------------------
  - globl.css
-------------------------------------------*/

.imgright {
	float:right;
	margin-left:10px;
}

.imgleft {
	float:left;
	margin-right:10px;
}

.imgborder {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding:2px;
}

.attention {
	color:#F33;
}

.gotolink {
	height:20px;
	background-image: url(../../images/common/bg_gotolink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}

#pnavi {
	margin-top:10px;
	font-size:85%;
	text-align:left;
}

#left h2 {
	margin-bottom:20px;
}

#header {
	width:960px;
	margin: 0 auto;
	background-image: url(../../images/common/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#header ul {
	margin-top:4px;
}

#header ul li {
	float:left;
}

#header h1 {
	margin:0;
	padding:0;
}

#mainarea {
	margin: 0 auto;
	padding:0;
	width:980px;
}

#content {
	margin: 0 auto;
	padding:0;
	width:958px;
	border-left:solid 1px #d8dfeb;
	border-right:solid 1px #d8dfeb;
}

#inner_content {
	padding-top:20px;
	padding-bottom:40px;
	
}

#left {
	text-align:left;
	float:left;
	margin-left:20px;
}

#right {
	float:right;
	width:250px;
}

#right ul li {
	margin-bottom:30px;
}

#addressarea {
	text-align:left;
	padding:25px;
	font-size:85%;
}

#footer {
	background-image: url(../../images/common/bg_footer.gif);
	background-repeat: repeat;
	background-position: left top;
	text-align:center;
	font-size:77%;
}

#inner_footer {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
}

#inner_footer a {
	color:#ffffff;
	text-decoration:none;
}

#inner_footer a:visited {
	color:#ffffff;
	text-decoration:none;
}

#inner_footer a:link {color:#ffffff;
text-decoration:none;
}

#inner_footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#inner_footer #copyright {
	margin-top:20px;
	text-align:right;
	color:#ffffff;
}

/*------------------------------------------
  - トップページ
-------------------------------------------*/

/*------------------------------------------
  - 下層ページ共通
-------------------------------------------*/

body.under {
	background-image:url(../../images/common/bg_under.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#contentheader {
	width:960px;
	margin:0 auto;
	background-image: url(../../images/common/bg_contentheader.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:108px;
	padding-top:85px;
}

#contentheader h2 {
	margin-left:30px;
	font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	color:#47520c;
	font-weight:bold;
}

.under #left h3 {
	background-image: url(../../images/common/bg_ttl_h3-1.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 41px;
	width: 100%;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom:30px;
	color:#ffffff;
	font-size:135%;
}

.under #left h4 {
	margin-left:10px;
	font-size:116%;
	color:#7e8e27;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	margin-right:5px;
	border-bottom:solid 1px #7e8e27;
	margin-bottom:30px;
	background:#e3e6d1;
}

.under #left p {
	margin-bottom:30px;
	margin-left:10px;
	margin-right:5px;
}

.boxarea {
	margin-bottom:20px;
}

.leftbox {
	float:left;
	width:250px;
}

.rightbox {
	float:right;
	width:420px;
}

.leftsamebox {
	float:left;
	width:330px;
	margin-right:0px;
}

.rightsamebox {
	float:right;
	width:330px;
}


/*------------------------------------------
  - access
-------------------------------------------*/

.access_tejun {
	padding:20px;
	border:solid 1px #b8c18b;
	margin-bottom:30px;
	margin-left:10px;
}

/*------------------------------------------
  - dishes
-------------------------------------------*/

#specialmiso {
	width:665px;
	margin-left:10px;
	margin-bottom:30px;
}

#specialmiso th{
	padding: 20px;
	border:none;
	letter-spacing: 0;
	vertical-align: central;
	text-align: center;
	font-weight:normal;
	background-image: url(../../images/dishes/bg_miso.gif);
	background-repeat: repeat;
	background-position: left top;
	width:100px;
	font-weight:bold;
	font-size:123%;
}
#specialmiso td{
	border-left: solid 1px #fff;
	padding: 20px;
	border:none;
	vertical-align: top;
	background: #f4f4f4;
}

#specialmiso .first th , #specialmiso .first td {
	border:none;
}

#menu {
	padding:15px;
	background: #fff7eb;
}

/*------------------------------------------
  - privacy
-------------------------------------------*/

#pp {
	margin-left:30px;
}

#pp li {
	list-style-type: decimal;
}


/*------------------------------------------
  - link
-------------------------------------------*/

.linkarea {
	margin-left:30px;
	margin-bottom:30px;
}

.linkarea li {
}

/* 変更点 */
.change-p > img{
	display: block;
	max-width: 300px;
	margin: 0 auto;
} 
/* price */
.change-width{
	width: calc(100% - 40px);
}
/* top */
#subarea{
	margin-bottom: 25px;
}
/* access */
.access-image{
	width: 100%;
}