/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat; 
	
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}

.brand{
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:974px;/*774*/
	height:auto;
	background-color:#000;
	color:#4D4747;
	padding:0 2px;
	margin:auto;
}


/* Header part style start from here */

#headcontainer{
	width:974px;/*774*/
	height:176px;
	background-color:#000;
	color:#4D4747;
	margin:auto;
}

#brandlist{
	width: 185px;
	position: relative;
	margin: 0;
	float: left;
}

#leftcontainer{
	width:385px;
	height:132px;
	background-image:url(images/bannerpicleft.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#000; color:#4D4747;
	float:left;
	margin-top:auto;
}

#logo{
	width:267px;
	height:40px;
	padding-top:45px;
	padding-left:45px;
	margin:auto;
	}

#rightcontainer{
	width:389px;
	height:132px;
	background-image:url(images/bannerpicright.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#000; color:#4D4747;
	float:left;
	margin-top:auto;
}

#searchcontainer{
width:207px;
height:auto;
padding-right:20px;
float:right;
margin:auto;
}

#sleft{
width:10px;
height:33px;
float:left;
margin:auto;
}

#smiddle{
width:187px;
height:33px;
padding-top:5px;
background-image:url(images/searchbg.jpg);
background-repeat:repeat-x;
float:left;
margin:auto;
}

#search{
width:49px;
height:auto;
float:left;
margin:auto;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000; background-color:inherit;
}

#sbox{
width:105px;
height:auto;
float:left;
margin:auto;
}

#sbutton{
width:30px;
height:auto;
padding-top:3px;
text-align:center;
float:left;
margin:auto;
}

#sright{
width:10px;
height:33px;
float:right;
margin:auto;
}

/* Header part style end here */


/* nav part style start from here */

#navcontainer{
	width:774px;
	height:39px;
	background:url(images/navbg.jpg) 0 0 repeat-x;
	position: relative;/*追加*/
}
#navcontainer ul {
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 0 0 32px;
}
#navcontainer ul li {
	float:left;
	padding:5px 23px 0 14px;
	background:url(images/navarrrow.png) 0 50% no-repeat;
}
#navcontainer ul li.noPad {	
	padding-right:0;
}
#navcontainer ul li a {
	color:#A3A2A2; background-color:inherit; text-decoration:none;
	display:block;/**/
}
#navcontainer ul li a:hover, #navcontainer ul li span {
	color:#900505;
	background-color:inherit;
}

#homecontainer{
	width:100px;
	height:39px;
	float:left;
	margin-top:auto;
}

#homearrow{
width:auto;
height:20px;
padding-left:30px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#home{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}

a.hometxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#A3A2A2; background-color:inherit;
text-decoration:none;
}
a.hometxt:hover{
	color:#638E02; background-color:inherit;
}







#aboutuscontainer{
	width:87px;
	height:39px;
	float:left;
	margin-top:auto;
}

#aboutarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#about{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#serviescontainer{
	width:86px;
	height:39px;
	float:left;
	margin-top:auto;
}

#servicesarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#services{
width:25px;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#foodgallerycontainer{
	width:108px;
	height:39px;
	float:left;
	margin-top:auto;
}

#foodarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#food{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}






#pricingcontainer{
	width:145px;
	height:39px;
	float:left;
	margin-top:auto;
}

#pricingarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#pricing{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}




#deliverycontainer{
	width:150px;
	height:39px;
	float:left;
	margin-top:auto;
}

#deliveryarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#delivery{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}



#contactscontainer{
	width:90px;
	height:39px;
	float:left;
	margin-top:auto;
}

#contactsarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#contacts{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}



/* nav part style end here */

/* banner part style start from here */

#banner{
width:776px;
height:316px;/*265px*/
background-color:#fff; color:#A3A2A2;/*#000 #4D4747*/
margin:auto;
float: right;
display:inline;
	/*position: relative;*/
}

#bleft{
	width:776px;/*540px*/
	height:316px;/*265px*/
	padding-top:0;/*1px*/
	padding-right:0;/*1px*/
	float:right;
	display:inline;
	/*position: relative;*/
	
}

#bright{
width:260px;/*233px*/
height:250px;/*233px*/
/*border-top:1px solid #000;
background-image:url(images/categorybg.jpg);
background-repeat:repeat-y;
*/
/*float:left;*/
margin:auto;
}



#brcategory{
background-image:url(images/categorybg.jpg);/**/
background-repeat:repeat;/**/
	width:260px;/*230px*/
	height:250px;/*233px*/
	float:left;
	margin:auto;
}

#category{
	width:128px;
	height:24px;
	padding-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background-color:inherit;
	text-decoration:underline;
	float:left;
	margin:auto;
	padding-left: 6px;
}


.categorynav{
	width:250px;/*225px*/
	height:18px;
	float:left;
	margin:auto;
	white-space:nowrap;/*追加*/
}

.cbullet{
	width:22px;
	height:18px;
	float:left;
	margin:auto;
}

.bullet{
	width:8px;
	height:10px;
	padding-top:5px;
	float:none;
	margin:auto;
}


.ctxtcontainer {
width:106px;
height:18px;
float:left;
margin:auto;
}

.ctxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:none;
}
.ctxt:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFE200;
	background-color:inherit;
	text-decoration:none;
}

#cmore{
width:128px;
height:18px;
text-align:right;
float:right;
margin:auto;
}

/* banner end part style end here */

.blank{
	width:774px;
	height:12px;
	background-color:#000;
	color:#4D4747;
	margin:auto;
}

/* body part style start from here */

#bodycontainer{
	width:774px;
	height:auto;
	color:#4D4747;
	background-color:#000;
	/*margin:auto;
	margin-left:200px;*/
	margin-top: 10px;
	display:inline;/**/
	float:right;/**/
}


#bodycontainerleft{
	width:233px;
	height:auto;
	background-color:#000;
	float:left;
	margin-top: 10px;
	color:#4D4747;
}

#lmaim{
width:205px;
height:auto;
text-align:center;
margin:auto;
float:left;/**/
padding:20px 14px 0 14px;/**/
}

#blmaim{
width:205px;
height:17px;
text-align:center;
margin:auto;
}

#mailmaim{
	width:205px;
	height:auto;
	margin:auto;
	padding-top:10px;
}

#mail{
	width:203px;
	height:33px;
	text-indent:-9999px;/**/
	background:url(images/mail.jpg) 0 0 no-repeat;
}

#mailbg{
	width:203px;
	background-color:#000;
	color:#717070;
}

#mobilemaim{
	width:205px;
	height:auto;
	margin:auto;
	padding-top: 10px;
}

#mobile{
	width:203px;
	height:33px;
	text-indent:-2000px;
	background:url(images/mobile.jpg) 0 0 no-repeat;
}

#mobilebg{
	width:203px;
	background-color:#000;
	color:#717070;
	margin: 10px 0px 10px 0px;
}

#logingbottom{
width:203px;
height:6px;
background-repeat:no-repeat;
text-align:center;
margin:auto;
}

#advtmaim{
	width:205px;
	height:100px;
	margin:auto;
	padding-top:10px;
}

#clickherecontainer{
width:150px;
height:25px;
padding-top:122px;
text-align:right;
margin:auto;
}

.clicktxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000; background-color:inherit;
text-decoration:none;
}
.clicktxt:hover{
color:#FF0000; background-color:inherit;
}

.newusercontainer{
	width:200px;
	text-align: left;
	margin: auto;
	padding-top: 5px;
	font-size: 14px;
}

.newleft{
width:67px;
height:auto;
padding-top:15px;
float:left;
margin:auto;
}

.newright{
width:101px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

.nutxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
}

#forgot{
width:165px;
height:auto;
padding-top:10px;
text-align:left;
margin:auto;
}

.forgottxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
text-decoration:none;
}
.forgottxt:hover{
text-decoration:underline;
}

#signup{
width:60px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

#bodycontainercenter{
	width:303px;
	height:auto;
	color:#4D4747;
	background-color:#000;
	/*
	border-left:1px solid #900500;
	border-right:1px solid #900500;
*/
	float:left;
	margin-top: 10px;
	margin-bottom:20px;/**/
}

#wmaim{
width:260px;
height:auto;
text-align:center;
margin:auto;
}

#pickup{
	height:43px;
	text-indent:-2000px;
	background:url(images/pickup.png) 0 0 no-repeat;
}

.banner{
	width:260px;
	height:auto;
	float:left;
	background-repeat:no-repeat;
	text-align:justify;
	margin-bottom: 20px;
}

.wtext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
text-align:left;/*justify*/
color:#4D4747; background-color:inherit;
}

.rmore{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#FF0000; background-color:inherit;
text-decoration:none;
}
.rmore:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
text-align:right;
color:#5E8800; background-color:inherit;
text-decoration:none;
}

#bodycontainerright{
	width:233px;
	height:auto;
	background-color:#000;
	color:#4D4747;
	float:left;
	margin-top: 10px;
}

#rmaim{
width:192px;
height:auto;
text-align:center;
margin:auto;
}
/*追加*/
#rightdown{
width:205px;
height:auto;
text-align:center;
margin:auto;
float:left;
padding:20px 14px 0 14px;
}

#featured{
height:42px;
text-indent:-2000px;
background:url(images/arrival.png) 0 0 no-repeat;
}

.fpm1{
	width:202px;/*192px*/
	height:100px;
	float:left;
	margin-bottom: 10px;
}

.fpmleft{
width:97px;
height:auto;
float:left;
margin:auto;
}

.fpmright{
width:94px;/*84px*/
height:86px;
float:left;
margin:auto;
}

.ftext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding-left:8px;
	text-align:left;
	color:#717070;
	background-color:inherit;
}

#blankright{
width:192px;
height:14px;
text-align:center;
margin:auto;
}

#rightpic{
width:192px;
height:170px;
float:left;
text-align:right;
margin:auto;
}


/* body end part style end here */



#footercontainercenter{
width:974px;/*774*/
height:78px;
background-color:#FFFFFF; color:#4D4747;
border-bottom:1px solid #FFFFFF;
margin:auto;
clear:both;/*追加*/
}

#fooertleft{
width:232px;
height:78px;
background-color:#5E8800;color:#4D4747;
border-right:1px solid #FFFFFF;
float:left;
margin:auto;
}

#fstore{
width:154px;
height:22px;
padding-top:28px;
text-align:center;
margin:auto;
}

#footeright{
	width:974px;/*774*/
	height:78px;
	background-color:#000;
	float:left;
	color:#717070;
	margin:auto;
}

#frtop{
	width:974px;/*774*/
	height:35px;
	background-image:url(images/footertop.jpg);
	background-repeat:repeat-x;
	text-align:center;
	float:left;
	margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFF; background-color:inherit;
text-decoration:none;
}
a.fnav:hover, #fooertxt span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
	width:260px;
	height:auto;
	padding-top:5px;
	float:left;
	margin:auto;
}

.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
padding-left:20px;
color:#4D4747; background-color:inherit;
}
.copyrighttxt a {
	color:#4D4747; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

#cardcontainer{
	width:270px;
	height:40px;
	float:right;
	margin:auto;
}

#card{
	width:150px;
	height:17px;
	padding-top:5px;
	padding-right:10px;
	float:right;
	margin:auto;
}

#cardtxtcontainer{
	width:160px;
	height:15px;
	float:right;
	margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}

/*push item追加*/
.pushbox0, .pushbox1	{
	float:left;
	width:256px;
	height:155px;
	padding:0;
	magin:0;
	border-left:2px solid #A3A2A2;
	border-bottom:2px solid;
	border-top: 2px solid #A3A2A2;
	display:inline;
	/*position: relative;*/
}

.pushbox2{
	float:left;
	width:256px;
	height:155px;
	padding:0;
	magin:0;
	border-bottom:2px solid #A3A2A2;
	border-top: 2px solid #A3A2A2;
	border-right:2px solid #A3A2A2;
	border-left:2px solid #A3A2A2;
	display:inline;	
	/*position: relative;*/
}

.pushbox3, .pushbox4	{
float:left;
width:256px;
height:155px;
padding:0;
magin:0;
border-left:2px solid #A3A2A2;
border-bottom:2px solid #A3A2A2;
display:inline;
	/*position: relative;*/
}

.pushbox5{
float:left;
width:256px;
height:155px;
padding:0;
magin:0;
border-right: 2px solid #A3A2A2;
border-bottom:2px solid #A3A2A2;
border-left:2px solid #A3A2A2;
display:inline;
	/*position: relative;*/
}

.brandlogo{
	float:left;
width:256px;
padding:0;
magin:0;
}

.pushleft{
width:120px;
height:120px;
text-align:center;
float:left;
border:0;
margin:auto;
}

.pushright{
width:120px;
height:auto;
float:left;
margin:auto;
}

.pushtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding-left:8px;
	text-align:left;
	color:#717070;
	background-color:inherit;
	padding-top:20px;
}

.pushimg{
width:120px;/*120*/
height:120px;/**/
}

div.h1{
padding-bottom:14px;
}

#maincontents {
	width: 776px;
	float: right;	
}
/* 中段バナー */
#middlebanner {
	clear: both;
	width: 776px;
	height: 196px;	
}
#longbannerbox{
	position: relative;
	clear: none;
	float: left;
	width: 516px;
	height: 184px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#longbannerbox .longbanner{
	width: 510px;
	height: 176px;
	margin: 0px 2px 2px 0px;
	border: 2px solid #ccc;
}
.longbanner .longimg {
	width: 510px;
	height: 176px;/* 86px */
}

#shortbannerbox{
	position: relative;
	clear: none;
	float: left;
	width: 260px;
	height: 184px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#shortbannerbox .shortbanner{
	width: 256px;
	height: 86px;
	margin: 0 0 2px 0;
	border: 2px solid #ccc;
}
.shortbanner .shortimg {
	width: 256px;
	height: 86px;
}