@charset "utf-8";

#bannerField{
	padding:20px 5px 5px;
	max-width:990px;
}
#lunchBanner{
	background-image:url(../images/lunchBanner_out.jpg);
	width:485px;
	height:115px;
	float:left;
	margin-right:20px;
}
#courseBanner{
	background-image:url(../images/courseBanner_out.jpg);
	width:485px;
	height:115px;
	float:left;
}


#contents #main #categoryList #category {
	padding-left:8px;
	margin-top: 25px;
}
#contents #main #categoryList #category li {
	float:left;
	margin-right:8px;z
}
#contents #main #menuList {
	background-image: url(../images/menuCatBack. style='background-color:#f00'png);
	background-repeat: no-repeat;
	width: 100%;
	max-width:1000px;
	background-image: url(../images/menuCatBack.png);
}
#contents #main #menuList .cardList {
	padding: 10px;
	max-width:980px !important;
}
#contents #main #menuList .cardList.clearfix .card .markKikan {
	background-image: url(../images/markKikan.png);
	height: 55px;
	width: 55px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#contents #main #menuList .cardList.clearfix .card .markNo1 {
	background-image: url(../images/markNo1.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}
#contents #main #menuList .cardList.clearfix .card .markRsv {
	background-image: url(../images/markRsv.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}
#contents #main #menuList .cardList.clearfix .card .markSuryo {
	background-image: url(../images/markSuryo.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}

#contents #main #menuList .cardList.clearfix .card {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #e5e0d9;
	width: 213px;
	float: left;
	height: 238px;
	position: relative;
	margin: 5px;
}
#contents #main #menuList .cardList.clearfix .card .comment {
	display: none;
}

#contents #main #menuList .cardList.clearfix .card .menuPhoto {
	border: 1px solid #eeeeee;
	cursor:pointer;
}

#contents #main #menuList .cardList.clearfix .card .name {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #7e6b5a;
	margin-top: 10px;
}
#contents #main #menuList .cardList.clearfix .card .price {
	color: #ec6941;
	font-size: 18px;
	line-height: 19px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	bottom: 10px;
}


#backsheet{
	background-color:#000;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9000;
}
#popupMenuPhoto{
	position:fixed;
	left:50%;
	top:50%;
	z-index:9999;
	background-color: #FFF;
	padding: 10px;
	width: 430px;
	border: 1px solid #e5e0d9;
	margin-left: -226px;
}
#popupMenuPhoto .markNo1 {
	background-image: url(../images/markNo1.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}

#popupMenuPhoto .markKikan {
	background-image: url(../images/markKikan.png);
	height: 55px;
	width: 55px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#popupMenuPhoto .markRsv {
	background-image: url(../images/markRsv.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}
#popupMenuPhoto .markSuryo {
	background-image: url(../images/markSuryo.png);
	position: absolute;
	height: 55px;
	width: 55px;
	left: 0px;
	top: 0px;
}

#popupMenuPhoto .menuPhoto{
	width:100% !important;
	height:100% !important;
	border: 1px solid #eeeeee;
}
#popupMenuPhoto .name {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #7e6b5a;
	margin-top: 10px;
	margin-bottom:19px;
}
#popupMenuPhoto .price {
	color: #ec6941;
	font-size: 18px;
	line-height: 19px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#popupMenuPhoto .comment {
	color: #898989;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 57px;
}
#popupMenuPhoto .closeBtn{
	background-image:url(../images/menuPhotoClose.png);
	width:68px;
	height:25px;
	position:absolute;
	right:0;
	top:0;
	margin-right:3px;
	margin-top:3px;
	cursor:pointer;
}

#mcategory{
	display:none;
}