@charset "UTF-8";
/* CSS Document */

/*=================
新着情報
===================*/
#news{width: 80%;
margin:auto;
}

#news ul.BOXttl{
	display: block;
	margin-left: 10%;
	margin-bottom: -1em;
	margin-top: 2em;
}
#news ul.BOXttl li{
	display: inline-block;
	text-align: center;
	padding:0.3em 0.3em;
	color: #fff;
	background: #7d6224;
	margin-right: 0.3em;
	border-radius: 0.2em;
	line-height: 1em;
	font-size: 16px;
	z-index: 2;
}

#news div.newsInBox{
	width:80%;
	border: solid 3px #d9e020;
	padding:1.5em 0.5em 0.5em;
	margin:auto;
	border-radius: 0.5em;
}

#news div.newsInBox:after,
#news dl:after
{
  content: " ";
  clear: both;
  display: block;
}

#news dl dt,
#news dl dd{
	float: left;
	margin: 0.8em;
	font-weight: normal;
	text-align: left;
}

#news dl dt{
	clear: left;
	width: 10%;
	font-size: 85%;
	color: #7d6224;
	margin-top: 1.15em;
}

#news dl dd{
	width: 80%;
}
 
#news a:link,
#news a:visited{
	color:inherit;
	border-bottom: 2px double #00a13b;
	font-weight: inherit;
}


/*=================
//新着情報
===================*/

/*=======================
メニューリスト掲載枠
=====================*/
#MenuList .Menu2week{
	display: inline-block;
	width: 49%;
	margin:1em auto;
	text-align: center;
}

#MenuList .Menu2week p{
	width: 100%;
	text-align: left;
}
#MenuList .Menu2week img{
	background: red;
	/*width:inherit;*/
	margin: 0 auto;
	width: 100%;
}

/*sample2*/
#MenuList{
}
#MenuList .Menu2week2{
	display: inline-block;
	margin:1em 5%;
	text-align: center;
	width: 90%;
}
#MenuList .Menu2week2 img{
	width: 90%;
	margin: 1em auto;
}

/*=======================
//メニューリスト掲載枠
=====================*/


/*=======================
ご案内
=====================*/
#goannai{
	background:#f7f9d2;
	margin: auto;
	width: auto;
	text-align: center!important;
	padding:0 0 1.5em;
}
#goannai h3,#goannai p{
width: 86%;
text-align: left;
	margin: auto;
}

#goannai h3{background-image:url(../image/keyaki_illu01.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 3em;
color: #7d6224;font-size: 21px;
padding-top: 2em;
margin: -1.2em auto 0.8em;
font-weight:bolder;
line-height: 1em;
padding-bottom: 5px;
border-bottom: solid 2px #00a13b;
letter-spacing: 0.3em;
display: inline-block;
}

#goannai h3 img{
	vertical-align: bottom;
}

#goannai p{
	text-align: justify;
	line-height: 1.6em;
	display: inline-block;

}

#goannai p img{
	width: 155px;
	height: 180px;
	float: left;
	margin-right: 1.4em;
}


/*=======================
　けやき亭Tea room
========================*/
#TeaRoom{
	width: 100%;
}


#TeaRoom div.TeaRoom_in{
	margin: 1em auto;
	vertical-align:top;
	display: block;
	width: 100%;
	text-align: center;
}

div.TeaRoom_in .TeaRoom_R,
div.TeaRoom_in .TeaRoom_C,
div.TeaRoom_in .TeaRoom_L{
	display: inline-table!important;
	vertical-align:top!important;
	width: auto;
}

div.TeaRoom_in .TeaRoom_R{
	width: 40%;
	text-align: right;
}

div.TeaRoom_in dl.keyakiTime{
	margin-right:4%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 100%;
}
div.TeaRoom_in dl.keyakiTime dt{
color: #7d6224;
font-size: 110%;
letter-spacing: 0.1em;
margin-top: 0.8em;
	padding-top: 0;
}

div.TeaRoom_in dl.keyakiTime dt,
div.TeaRoom_in dl.keyakiTime dd{
	border-left: 5px solid #d9e020;
	padding-left: 10px;
}
.noBorder{
	border:none!important;
}

div.TeaRoom_in dl.keyakiTime dt.min_text{
	font-size: 85%;
	letter-spacing: normal;
	color: #000;
	margin:20px auto 5px;
text-align: center;
}
.GLink01{
width: 200px;
background: #f4a000;
border-radius: 10px;
font-weight: bold!important;
text-align: center;
vertical-align: middle!important;
color: #fff;
margin-left: 3px!important;
padding:0.3em 0;
}

.GLink01 a{
	color: #fff;
	font-weight: bold;
}

div.TeaRoom_in p.keyaki_photo{
	display: inline-block;
	line-height: 0;
}

div.TeaRoom_in p.keyaki_photo img{
	margin: 0.8em 2em 0;
}
/*-------------------
　手作りクッキー
---*/
div.TeaRoom_in dl.tedukuriCookie{
	width: 88%;
	background: #e3edce;
	padding: 10px 10px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 0.8em;
}
div.TeaRoom_in dl.tedukuriCookie dt{
	width: 80%;
	border-bottom:solid 2px #f4a000;
	color:#7d6224;
	font-size: 130%;
	background: url(../image/maru01.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 1em;
	padding-bottom: 0.4em;
	margin-bottom: 0.6em;
}
div.TeaRoom_in dl.tedukuriCookie dd{
	font-size: 93%;
}
div.TeaRoom_in dl.tedukuriCookie dd.natsimage img{
	position: absolute;
	top: 0px;
	right:0px;
	width: 110px;
}
div.TeaRoom_in dl.tedukuriCookie dd.min_text02{
	/*トップページ「手作りクッキー」下に分けて配置したい場合*/
	position: absolute;
	background: #e3edce;
	width: 94.5%;
	padding: 10px 10px;
	margin: 40px -10px 0;
	display: inline-block;
	border-radius: 10px;
}

/*-------------------
日替わり定食-メニュー一覧
---*/
div.teishoku{
	margin: 2em auto;
	vertical-align:top;
	display: block;
	width: 100%;
	text-align: center;
}
.teishoku p.ttl{
	font-size: 18px;
	color: #7d6224;
	text-align: left;
}
.teishoku dl{
	width: 	260px;
	text-align: center;
	border:#d9e020 solid 2px;
	padding: 12px 10px;
	display: inline-block;
	margin: 10px;
}
.teishoku dl dt,
.teishoku dl dd{
	text-align: center;
}
.teishoku dl dt{
	font-size: 110%;
	font-weight: bolder;
	margin-bottom: 0.5em;
}
.green{color:#00a13b;
font-weight: inherit;
}
.teishoku dl dd.teishoku_img{
	width: 180px;
	height: 130px;
	background: #ccc;
	margin: auto;
}
.teishoku dl dd.teishoku_text{
	font-size: 12px;
	margin-top: 0.6em;
	
}
/*=//==================*/

/*=======================
　MAPアクセス
========================*/
.MapAccess{
	margin: auto;
	text-align: center;
}
.mainMap,.mainAccess{
	text-align: left;
}
.MapAccess h4{
	margin-bottom: 1em;
}
.mainMap{
	display: inline-block;
	width: 45%;
}

.mainAccess{
	display: inline-block;
	width: 50%;
	vertical-align: top;	
}
.mainAccess dl dt.Access1{
	background-image: url(../image/shikaku2.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	line-height: 1em;
	padding-left: 1.3em;
	font-size: 17px;
	color: #7d6224;
	margin-bottom: 0.5em;
}

.mainAccess dl dt.Access2{
	background-image: url(../image/maru01.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	line-height: 1em;
	padding-left: 18px;
	color: #7d6224;
	margin: 1em auto 0.4em;
}

.mainAccess dl dd.Access2{
	margin-left: 15px;
	font-size: 95%;
}