/*---------------------------------------------------------------------------/
-----------------------------------------------------------------------------/
 common.css
-----------------------------------------------------------------------------/
----------------------------------------------------------------------------*/

* {margin:0; padding:0;}

ul {margin-left:0px; padding-left:0px; list-style-type:none;}
img {border:0;}

.wrapper {width:100%; border:0px; text-align:center; font-size:12px;}
.cboth {clear:both;}


/*-----------------------------------
 header
-----------------------------------*/

.headerArea {width:100%; height:176px; text-align:center; background:url('../images/img_headerback.jpg') 0 0 repeat-x;}
.headerArea .header {width:950px; height:176px; margin:auto; text-align:left; background:url('../images/img_header.jpg') 0 0 no-repeat; position:relative;}
.headerArea .header h1 {float:left; text-indent:-2000px; overflow:hidden;}
.headerArea .header h1 a {display:block; width:290px; height:80px; margin:0 0 0 10px;}
.headerArea .header img.bnr {float:right; margin:10px 10px 0 0;}
.headerArea .header div.bnr {float:right; margin:10px 10px 0 0;}


.headerArea .header .menuArea {clear:both; width:950px; height:50px; margin:0 0 7px 0; position:absolute; bottom:0px; left:0px; overflow:hidden;}
.headerArea .header .menuArea ul.gmenu {display:inline; float:left; width:450px; margin:0 0 0 10px; overflow:hidden}
.headerArea .header .menuArea ul.gmenu li {display:inline; float:left; width:223px; height:52px; text-indent:-2000px;}
.headerArea .header .menuArea ul.gmenu li.gourmet {background:url('../images/btn_gourmet.jpg') 0 0 no-repeat;}
.headerArea .header .menuArea ul.gmenu li a {display:block; width:223px; height:52px;}

.headerArea .header .menuArea .smenu {display:inline; float:right; width:350px; margin:15px 10px 0 0; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF;}
.headerArea .header .menuArea .smenu .smenuBox {width:300px; margin:5px auto;}
.headerArea .header .menuArea .smenu .smenuBox ul {list-style-type:none;}
.headerArea .header .menuArea .smenu .smenuBox ul li {display:inline; float:left; margin:0 10px;}
.headerArea .header .menuArea .smenu .smenuBox ul li a {background:url('../images/icon_smenu.gif') 0 0 no-repeat; padding-left:20px;}



/*-----------------------------------
 contents
-----------------------------------*/

.contentsArea {width:950px; border:1px solid #FF0000; margin:auto; text-align:left;}
.contentsArea .breadlinkArea {width:950px; height:40px; background:url('../images/img_breadback.jpg') 0 0 repeat-x; overflow:hidden;}
.contentsArea .breadlinkArea span.breadlink {display:block; margin:10px 0 0 10px;}

.contentsArea {width:950px; margin:auto; text-align:left;}
.contentsArea .goTopArea {clear:both; width:950px; height:40px; margin:50px 0 0 0; background:url('../images/img_gototopback.jpg') 0 0 repeat-x; overflow:hidden;}
.contentsArea .goTopArea span.goTop {display:block; width:150px; margin:20px 0 0 815px;}
.contentsArea .goTopArea span.goTop a {background:url('../images/icon_gotop.gif') 0 2px no-repeat; padding-left:20px;}





/*-----------------------------------
 footer
-----------------------------------*/

.footerArea {width:100%; height:176px; border:0px; text-align:center; background:url('../images/img_footerback.jpg') 0 0 repeat-x;}
.footerArea .footer {width:950px; height:176px; margin:auto; text-align:center; background:url('../images/img_footer.jpg') 0 0 no-repeat; overflow:hidden;}
.footerArea .footer .sig {width:800px; margin:50px auto 0 auto; padding:10px 0; background:#FFFFFF; border:1px solid #CCCCCC;}






/*-----------------------------------
 clearFix
-----------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */