@import url(recommend.css);

@import url(recommendation.css);

@import url(coupon.css);

@import url(shoppingCart.css);

@import url(menuTable.css);

@import url(orderPage.css);

@import url(infoPage.css);

@import url(popup.css);

@import url(frontPage.css);

@import url(confirmationPage.css);

@import url(navigation.css);

@import url(restaurant.css);

@import url(registration.css);

@import url(searchResult.css);

@import url(pager.css);

@import url(orderHistoryTable.css);

@import url(footer.css);

@import url(map.css);

@import url(latestNews.css);

@import url(loyaltyProgram.css);

@import url(googlemap.css);

@import url(campaign.css);

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding: 0px;
	border-spacing: 0px;
	text-align: left;
}

.centerall{
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

.watermark {
	background-repeat: no-repeat;
	background-position: bottom left;
}

span.separator {
	padding-left: 0px;
	padding-right: 2px;
}

.width300 {
	width: 300px;
}

.width200 {
	width: 200px;
}

.width400 {
	width: 400px;
}

.mainLayout {

}

.mobileLayout {
	width: 200px;
}

.MenuItemTable {
	width: 100%;
}

td.customNum {
	width: 20px;
}

.name {
	width: 300px;
}

.imageBorder {
	border: 1px solid rgb(153, 153, 153);
}

.price {
	width: 100px;
	text-align: right;
}

.quantity {
	
}

.editorChoiceTitle {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.editorChoiceText {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A.editorPanelLink:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #111111;
	TEXT-DECORATION: none;
}

A.editorPanelLink:visited {
	font-size: 13px;
	color: #111111;
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

A.editorPanelLink:hover {
	font-size: 13px;
	color: #3366FF;
	TEXT-DECORATION: underline;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

A.editorPanelLink:active {
	font-size: 13px;
	color: #111111;
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.editorBg {
	background: #de7f2d;
}

.editorLink:link {
	color: #3366FF;
}

.editorLink:visited {
	color: #3366FF;
}

.editorLink:hover {
	color: #3366FF;
}

.editorLink:active {
	color: #3366FF;
}

.bg1 {
	width: 180px;
	color: #333333;
}

.bg1:hover {
	background: #9BD491;
}

.bg2 {
	width: 180px;
	color: #333333;
}

.bg2:hover {
	background: #9AADC1;
}

.bg3 {
	width: 180px;
	color: #333333;
}

.bg3:hover {
	background: #C79EB5;
}

.list-header {
	background: gold;
	border: .5px solid black;
}

.navigationTxt {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

.selectHeadings {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #413A76;
	text-decoration: none;
}

.restaurantHeader {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	white-space: normal;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-top: 5px;
}

.bodyText {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px;
	padding: 0px;
}

.restaurantSample {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.restaurantSampleBody {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.searchViewLink {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #99CC33;
	text-decoration: none;
	white-space: normal;
}

.registrationHeadings {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0066FF;
	text-decoration: none;
	white-space: normal;
}

.searchNo {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	width: 86px;
	border: 1px solid #333333;
}

.membersLogIn {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
	padding: 1px;
	width: 75px;
	border: 1px outset #666666;
	text-decoration: none;
	height: 14px;
}

.formTxt {
	font-family: Geneva, Verdana, Helvetica, Arial, Sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-decoration: none;
}

.searchPulldown {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	width: 110px;
	border: medium #333333;
}

.couponTextBlack {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #333333;
}

BODY {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-repeat: repeat-x;
}

.yourOrderText {
	font-family: Geneva, Helvetica, sans-serif;
	color: #DDDDE3;
	font-size: 9px;
	text-decoration: none;
}

.currentOrderAmountr {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
	padding: 1px;
	width: 75px;
	border: 1px solid #333333;
	height: 12px;
}

.buttonSubmit {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0066FF;
	background-color: #C5C8BB;
	padding: 2px;
	width: 50px;
	border: 1px solid #333333;
	height: 17px;
	text-decoration: none;
}

.checkOutBLUE {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
}

.checkOutBLACK {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.buttonFinalSubmit {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0066FF;
	background-color: #C5C8BB;
	padding: 1px;
	width: 70px;
	border: 1px solid #333333;
	height: 20px;
	text-decoration: none;
}

.buttonReturnToMenu {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0066FF;
	background-color: #C5C8BB;
	padding: 2px;
	width: 125px;
	border: 1px solid #333333;
	height: 20px;
	text-decoration: none;
}

.glink {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	/*	font-size: 13px; */
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	background-image: url(/fbw-app/pub/image/BG_yellow.gif);
	height: 100px;
}

.search {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	/*	font-size: 13px; */
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
	background-image: url(/fbw-app/pub/image/BG_yellow.gif);
	height: 100px;
	padding-left: 20px;
}

.mlink {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
}

A.mlink:hover {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
}

.black2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #000000;
}

.black3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #000000;
}

.dblue2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #0066CC;
	text-decoration: underline;
}

A.dblue2:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #0066CC;
	text-decoration: none;
}

.pblue2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #0099FF;
}

A.pblue2:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #0099FF;
}

.tablewidth {
	width: 850px;
}

.glinktext {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	line-height: 14px;
}

.bodyleft {
	vertical-align: top;
	background-color: #FFFFCC;
	width: 150px;
	height: 400px;
}

.bodymiddle {
	border: .5px solid black;
	vertical-align: top;
	text-align: left;
	background-color: white;
	width: 300px;
}

.bodyright {
	vertical-align: top;
	text-align: left;
	background-color: #DDDDDD;
	width: 150px;
	height: 400px;
}

.bodymain {
	vertical-align: top;
	text-align: left;
	width: 850px;
}

.width150 {
	width: 150px;
}

.medium {
	width: 500px;
	text-align: right;
}

.textheader {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
}

.textheader2 {
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	color: #666666;
}

.menubody {
	background-color: #FFCC00;
	height: 400px;
	vertical-align: top;
	text-align: center;
}

.whitebackground {
	background-color: #FFFFFF;
}

.bg-red {
	background: #CE0F0C;
}

.bg-grey {
	background: #E6E6E6;
}

.bg-grey-m {
	background: #C0C0C0;
}

.bg-grey-d {
	background: #999999;
}

.bg-pink {
	background: #F9DDD0;
}

.bg-peach {
	background: #FAEBC8;
}

.bg-yellow {
	background: #FFFF99;
}

.bg-gold {
	background: #FCEE83;
}

.bg-darkred {
	background: #A91D49;
}

.bg-lavender {
	background: #E8D9E8;
}

.bg-white {
	background: #FFFFFF;
}

.text-white {
	color: #FFFFFF;
}

.text-big-white {
	color: #FFFFFF;
	font-size: 18pt;
}

.text-white strong {
	color: #FFFFFF;
}

.text-red {
	color: #CE0F0C;
}

.text-red-num {
	color: #CE0F0C;;
	line-height: 140%;
}

.text-read {
	color: #CE0F0C;
	padding-left: 10px;
	padding-top: 1px;
}

.text-yellow {
	color: #FFFF99;
}

.text-lavender {
	color: #CC99FF;
}

.text-darkred {
	color: #A91D49;
}

.text-grey-m {
	color: #888888;
}

.text-grey-d {
	color: #333333;
}

.text-grey-l {
	color: #C0C0C0;
}

.link-diactive {
	color: #BFBFBF;
}

.border-g {
	border: 1px solid #C0C0C0;
	width: 200px;
	text-align: left;
}

.border-gw {
	border: 1px solid #C0C0C0;
	text-align: left;
	background: #FFFFFF;
}

.border-red {
	border: 1px solid #CE0F0C;
}

.border-black {
	border: 1px solid #000000;
}

.line-120 {
	line-height: 120%;
}

.photospace {
	border: 1px solid #C0C0C0;
	text-align: center;
}

.head-msg {
	padding-right: 10px;
	color: #CE0F0C;;
	padding-left: 10px;
}

.head-msg a {
	color: #73AAFF;
}

.cassete-y-g {
	background: #FFFF99;
	color: #C0C0C0;;
	line-height: 120%;
	padding: 5px
}

.cassete-y-g strong {
	color: #333333;
}

.cassete-y-r {
	background: #FFFF99;
	color: #CE0F0C;
	padding: 5px
}

.cassete-g-r {
	background: #E6E6E6;
	color: #CE0F0C;
	padding: 5px
}

.cassete-sy-g {
	background: #FFFF00;
	color: #C0C0C0;;
	line-height: 120%;
	padding: 5px;
}

.cassete-sy-r {
	background: #FFFF00;
	color: #CE0F0C;
	padding: 5px;
}

.shop-catch {
	padding-left: 10px;
	background: #FAEBC8;
	border: 1px solid #C0C0C0;
	color: #888888;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	text-align: left;
	height: 13px
}

.shop-catch2 {
	padding-left: 10px;
	background: #FFCC00;
	border: 1px solid #C0C0C0;
	color: #888888;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-align: left;
	height: 15px
}

.title-bar {
	padding-left: 10px;;
	background: #FAEBC8;;
	color: #CE0F0C;
}

.table-head {
	background: #E6E6E6;
	color: #888888;;
	padding-left: 5px;
	padding-right: 5px;
}

.table-head-y {
	background: #FFFF99;
	color: #FFFF99;
}

.table-head-a {
	background-color: #E6E6E6;;
	color: #888888;
	border-right-width: 1px;;
	border-right-style: solid;;
	border-right-color: #C0C0C0;
	width: 100px;
}

.grey-box {
	background: #E6E6E6;
	border: 1px solid #C0C0C0;
}

#smllink {
	color: #A91D49;
}

#smllink a {
	text-decoration: none;
	color: #A91D49;
}

#smllink b strong {
	font-style: normal;
}

.course-box {
	background-color: #FFFFFF;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #C0C0C0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-left-width: 1px;
	border-left-color: #C0C0C0;
}

.course-box-red {
	padding: 10px;
}

.pad10-100 {
	padding-left: 10px;
	line-height: 100%;
	width: 300px
}

.pad10-120 {
	padding-left: 10px;
	line-height: 100%;
	font-size: 12px;
	color: #333333;
}

.pad10-red {
	padding-left: 10px;
	line-height: 120%;
	color: #CE0F0C;
}

.pad5-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.coupon-info {
	background: #FAEBC8;;
	color: #888888;;
	text-decoration: none;
}

div.content {
	background: #FFFFFF;
	margin: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #D9D9D9;
	border-right-color: #D9D9D9;
	border-bottom-color: #D9D9D9;
	border-left-color: #D9D9D9;
	width: 800px;
	left: auto;
	right: auto;
}

#white {
	background: #FFFFFF;
}

.shopname {
	color: #CE0F0C;
}

h1 {
	line-height: 110%;
	padding: 0px;
	margin: 0px;
	font-size: large;
}

.shopname h1 {
	font-size: medium;
}

h2 {
	line-height: 120%;;
	padding: 0px;;
	margin: 0px;;
	font-size: medium;
}

.catch h2 {
	padding-left: 10px;
	font-size: small;;
	color: #CE0F0C;
}

i {
	text-decoration: none;;
	font-style: normal;
}

em {
	text-decoration: none;;
	font-style: normal;
}

/*td{word-wrap: break-word;}*/
form {
	margin: 0px;
}

input {
	font-size: 12px;
}

select {
	font-size: 11px;
}

option {
	font-size: 11px;
}

a {
	text-decoration: underline;
}

a:link {
	color: #3D6BFF;
}

a:visited {
	color: #3D6BFF;
}

a:hover {
	color: #73AAFF;
}

a:active {
	color: #CE0F0C;
}

a.text-white {
	color: #FFFFFF;;
	text-decoration: underline;
}

a.text-white:visited {
	color: #FFFFFF;
}

a.text-white:hover {
	color: #FFFFFF;
}

a.text-white:active {
	color: #FFFFFF;
}

a.kana {
	text-decoration: none;
}

a.text-g {
	color: #C0C0C0;
}

a.text-g:visited {
	color: #C0C0C0;
}

a.text-g:hover {
	color: #C0C0C0;
}

a.text-g:active {
	color: #C0C0C0;
}

a.text-r {
	text-decoration: none;
	color: #CE0F0C;
}

a.none {
	text-decoration: none;
}

a.text-r:visited {
	color: #CE0F0C;
}

a.text-r:hover {
	color: #CE0F0C;
}

a.text-r:active {
	color: #CE0F0C;
}

ul.navi {
	margin: 0;
	padding: 0;
	list-style: none;
}

li.btn-area {
	width: 159px;
	height: 62px;
	margin: 8px 11px 8px 10px;
	padding: 0;
	background: url('/s/CMN/IMG/btn_406_off.jpg') 0 0 no-repeat;
}

li a.btn {
	display: block;
	width: 159px;
	height: 62px;
	background: url('/s/CMN/IMG/btn_406_all.jpg') 0 0 no-repeat;
	color: #3D6BFF;
}

li a.btn:hover {
	display: block;
	width: 159px;
	height: 62px;
	position: relative;
	top: 1px;
	background: url('/s/CMN/IMG/btn_406_all.jpg') 0 -62px no-repeat;
	color: #3D6BFF;
}

a.btn img {
	margin: 1px 0 0 5px;
	vertical-align: bottom;
	border: 0;
}

span.btn-text {
	display: block;
	margin: 0;
	padding: 7px 5px 7px 16px;
	font-size: 12px;
	line-height: 15px;
	white-space: normal;
}

p.btn-area-white {
	width: 169px;
	height: 61px;
	margin: 8px 0 9px 11px;
	padding: 0;
	background: url('/s/CMN/IMG/btn_406_white.gif')
}

span.btn-text-white {
	display: block;
	margin: 0;
	padding: 7px 16px 7px 15px;
	font-size: 12px;
	line-height: 15px;
	white-space: normal;
}

span.btn-text-white img {
	margin: 1px 0 0 5px;
	vertical-align: bottom;
	border: 0;
}

hr {
	border: 0;
	width: 100%;
	color: #dddddd;
	background-color: #dddddd;
	height: 1px;
}

.restdetailinfo {
	border: 1px;
}

.restdetailinfo1 {
	border: 1px;
	background-color: #FFFFCC;
	color: #000000;
}

.restdetailinfo2 {
	border: 1px;
	background-color: #ffffff;
	color: #000000;
}

.ecTitle {
	vertical-align: top;
	font-size: small;
	font-family: sans-serif;
	color: white;
	font-weight: bold;
	padding: 2px 3px;
}

.error {
	vertical-align: top;
	font-size: small;
	font-family: sans-serif;
	color: red;
	font-weight: bold;
	padding: 2px 3px;
}

/* the news box */
#news {
	
}

#news a {
	TEXT-DECORATION: none;
}

#news ul {
	margin: 0 .5em 0 1em;
	padding: 0;
}

#news li {
	line-height: 20px;
}

/* the news box when JavaScript is available */
#news .hasJS {
	height: 120px;
	overflow: hidden;
	position: relative;
}

/* The nested UL when JavaScript is available */
#news .hasJS ul {
	position: absolute;
	top: 120px;
	left: 0;
	margin: 0 .5em 0 .5em;
	padding: 0;
}

.fontright {
	text-align: right;
}

.inputPanel {
	border: black thin solid;
}

.row0 {
	background: #FFFFCC;
}

.row1 {
	background: #eeeeee;
}

.bigText {
	font-size:50px;
}
.bigButtom {
	width:200px;height:50px;
	font-size:24px;
}

.headerbanner{ 
	color: #000000;
	font-size: 35px; 
	margin-top: 35px; 
}

.table-cell{
	padding: 2px 2px 2px 2px ;
}

.overline {
	text-decoration: line-through;
	color: #990033;
	
}