/* CSS Document */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana';
	line-height:200%;
	margin : 0; 
	padding : 0; 
}

a {color:#669900;}
a:link {color:#669900;}
a:visited {color:#669900;}

p.clear {clear:both; margin:0; pading:0;}

form {margin:0; padding:0; width:auto;}

h3 {font-size:11px; margin:5px 0 20px 0; padding:0;}
h3.marginTop {font-size:11px; margin:45px 0 20px 0; padding:0;}
h4 {font-size:11px; margin:5px 0 15px 0; padding:0; font-weight:bold; line-height:200%;}
p {font-size:11px; margin:0 0 7px 0; padding:0;}
p.marginTop {margin:15px 0 7px 0; padding:0;}

p.note {font-size:10px; color:#999999; line-height:140%; margin:20px 0 7px 0;}


/* wrapper 
-------------------------------- */
#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}

#container {
	margin-right: auto;
	margin-left: auto;
}

#include {
	width:950px;
	margin: auto;
}

#main {
	clear: both;
	width:900px;
	margin: auto;
	padding: 0 0 0 0;
	background-color: #5B4A3F;
}


/* header
-------------------------------- */
div#header {
	width: 900px;
	display:block;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin:0;
}

#logo {
	float: left;
	width: 900px;
	height:205px;
	padding: 0 0 0 0;
	margin: 0;
}

#navigation {
	float: left;
	width: 900px;
	height:51px;
	padding: 0;
	margin: 0;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation ul li {
	height:51px;
	float: left;
	padding: 0;
	margin: 0;
	line-height:1;
}

#navigation ul li a, #navigation ul li img{
	padding: 0;
	margin: 0;
	line-height:0;
}

p.headerHr {
	clear:both;
	padding: 0;
	margin: 0;
}

#pagetitle h2 {
	clear: both;
	width: 97px;
	height:25px;
	padding: 5px 0 11px 16px;
	margin: 0px;
}


/* top
-------------------------------- */
#topmain {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 400px;
}

.mainpic {
	width: 350px;
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding: 0px;
}


.mainpic2{
	width: 170px;
	float: left;
	margin-left: 15px;
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.mainpic2 .subimg{
	width: 170px;
}

.mainpic2 .subimg2{
	width: 170px;
	margin-top: 10px;
}

.top_banner{
	width: 300px;
	float: right;
	padding: 0px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
}

.ban01{
	width: 300px;
	height: 90px;
	float: right;
	display: block;
	background-image: url(image/top_banner_bg.gif);
	margin-bottom: 5px;
}

.imgbox{
	width: 86px;
	height: 90px;
	float: right;
	display: block;

}


.txtbox{
	width: 200px;
	height: 90px;
	float: left;
	display: block;

}


.bannerimg {
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}


.bannerttl {
	font-size: 14px;
	color: #44362E;
	font-weight: bold;
	margin: 10px 0 5px 15px;
	line-height: 110%;
}

.bannerttl a{
	font-size: 15px;
	color: #44362E;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	line-height: 110%;
	text-decoration: none;
}

.bannerttl a:hover{
	color: #3E3129;
	text-decoration: underline;
}


.bannerttlsub {
	font-size: 10px;
	color: #44362E;
	margin: 10px 0 0 15px;
	line-height: 150%;
}

.ban03{
	width: 298px;
	float: right;
	display: block;
	background-color: #F29A79;
	height: 63px;
	border: 1px solid #FFFFFF;
}

.imgbox2{
	width: 90px;
	height: 63px;
	float: right;
	display: block;
}

.bannerimg2 {
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.txtbox2 {
	width: 200px;
	height: 63px;
	float: left;
	display: block;

}


/* menu
-------------------------------- */

#menucontainer {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

#menumain {
	width: 650px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-color: #FFFFFF;
}

.menubox {
	width: 600px;
	float: right;
	margin: 35px 25px 0 0;
	padding: 0px;
}

.menutext {
	width: 400px;
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
}

.menuttl {
	width: 300px;
	font-size: 17px;
	color: #44362E;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 110%;
	padding: 0 0 0 10px;

}

.foodlist{
	width: 300px;
	float: left;
	display: block;

}

.foodname {
	font-size: 13px;
	color: #44362E;
	margin: 10px 0 0 15px;
	line-height: 110%;
}

.pricelist{
	width: 100px;
	float: left;
	display: block;

}

.price {
	font-size: 13px;
	color: #44362E;
	margin: 10px 2px 0 15px;
	line-height: 110%;
}

.menuname {
	font-size: 10px;
	color: #44362E;
	margin: 0 0 0 15px;
	line-height: 110%;
}

.menupic{
	width: 190px;
	height: 160px;
	float: right;
	margin-right: 5px;
	padding: 0px;
}

#menuside {
	width: 230px;
	margin: 35px 0 0 0;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

#menuside ul{
	padding: 0px;
	width: 210px;
	margin: 0 0 0 20px;
}

#menuside ul li{
	display: inline;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: none;
	background-image: url(image/tenten.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menuside ul li a{
	display: block;
	width: 180px;
	color: #44362E;
	padding-left: 30px;
	font-size: 13px;
	text-decoration: none;
}

#menuside ul li a:hover{
	text-decoration: underline;
}


/* history
-------------------------------- */

#historycontainer {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

#historymain {
	width: 600px;
	margin: 35px 0 0 0;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

.historyttl {
	font-size: 18px;
	color: #FFFFFF;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 40px;
	height: 30px;
	background-color: #44362E;
	width: 560px;
	padding: 9px 0 0 10px;
}

.historyttlsub {
	font-size: 15px;
	color: #44362E;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-left: 40px;
	height: 30px;
}

.historytext {
	font-size: 13px;
	color: #44362E;
	margin: 10px 0 0 40px;
	line-height: 180%;
}

#historyside {
	width: 300px;
	margin: 35px 0 0 0;
	padding: 0px;
	float: right;
	background-color: #FFFFFF;
}

.chefpic{
	width: 150px;
	height: 200px;
	float: right;
	margin: 0 75px 10px 0;
	padding: 0px;
}

#historyfoot {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

.pastpic1{
	width: 250px;
	height: 177px;
	float: left;
	margin: 0 15px 10px 40px;
	padding: 0px;
}


.pastpic2{
	width: 255px;
	height: 177px;
	float: left;
	margin: 0 15px 10px 0;
	padding: 0px;
}

.pastpic3{
	width: 250px;
	height: 177px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0px;
}

/* about
-------------------------------- */
#aboutcontainer {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

.mapbox {
	width: 900px;
	margin-top: 30px;
	margin-left: 75px;
	padding: 0px;
	float: left;
}

.aboutbox {
	width: 800px;
	margin: 50px 50px 30px 50px;
	padding: 0px;
	float: left;
}

.aboutbox2 {
	width: 800px;
	margin: 20px 50px 30px 50px;
	padding: 0px;
	float: left;
}

.shopguide {
	width: 500px;
	margin-top: 10px;
	margin-left: 25px;
	padding: 0px;
	float: left;
}

.shopname {
	width: 500px;
	margin: 10px 0 0 25px;
	padding: 0px;
	float: left;
	font-size: 23px;
	color: #44362E;
}

.shopdata {
	width: 500px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0px;
	float: left;
	font-size: 14px;
	color: #44362E;
	line-height: 180%;
}

.shopdata2 {
	width: 430px;
	height: 84px;
	margin: 0 0 0 0;
	padding: 5px 0 0 15px;
	float: left;
	font-size: 13px;
	color: #44362E;
	line-height: 170%;
	background-color: #D4C6B2;
}

.shopdata2ex {
	margin: 0 0 3px 0;
	padding: 0px;
	float: left;
	font-size: 17px;
	color: #44362E;
	line-height: 180%;
}

.shoppic {
	width: 250px;
	margin-top: 20px;
	margin-right: 25px;
	padding: 0px;
	float: right;
}

.dotline {
	text-align: left;
	vertical-align: middle;
	margin: 5px 0 0 25px;
}


/* quality
-------------------------------- */
#qualitycontainer {
	width: 900px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #FFFFFF;
}

.qualityttl {
	width: 820px;
	margin-top: 35px;
	margin-left: 40px;
	padding: 0px;
	float: left;
}

.qualitybox {
	width: 820px;
	margin: 10px 40px 30px 40px;
	padding: 0px;
	float: left;
}

.qualitytopic {
	width: 770px;
	padding: 9px 0 0 10px;
	float: left;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #44362E;
	height: 30px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

.qualitypic1 {
	width: 350px;
	margin: 10px 0 10px 25px;
	padding: 0px;
	float: left;
}

.qualitypic2 {
	width: 350px;
	margin: 10px 25px 10px 0;
	padding: 0px;
	float: right;
}

.qualitytext {
	width: 770px;
	margin: 10px 0 10px 25px;
	padding: 0px;
	float: left;
	font-size: 13px;
	color: #44362E;
	line-height: 200%;
}

.shoppic {
	width: 250px;
	margin-top: 20px;
	margin-right: 25px;
	padding: 0px;
	float: right;
}

.dotline {
	text-align: left;
	vertical-align: middle;
	margin: 5px 0 0 25px;
}



/* footer
-------------------------------- */
#footer_main {
	width:900px;
	margin:auto;
	padding: 5px 0 5px 0;
	background-color: #A28C74;
}

#copy{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.footcopy{
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	margin : 0; 
	padding : 0; 
}



/* other
-------------------------------- */
.right {
	text-align: right;
	padding: 0;
	margin: 0;
}

.left1 {
	text-align: left;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

.left2 {
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 35px;
	margin: 0;
}

.left2_info {
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 35px;
	margin: 25px 0 10px 0;
	font-weight: bold;
	font-size: 110%;
}

.padL5 {
	padding: 0 0 0 5px;
}