/* CSS Document */

* {margin:0; padding:0;}
html { 
    height: 100%; 
    overflow:auto;
	* overflow:hidden;
} 


body { 
    height:100%;
    overflow:auto; 
} 

#header {
	margin:0;
	padding:0 15px 0 0;
	width:100%;
	height:210px;
	position:fixed;
	_position:absolute; left:0px; top:0;
	overflow:hidden;
	z-index: 13;
}

#headb {
	margin:0;
	padding:0;
	width:100%;
	height:220px;
	position:fixed;
	_position:absolute; left:-17px; top:0;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	overflow:hidden;
	z-index: 12;
}

#cont {
	margin:0;
	padding:0;
	width:100%;
	_height:100%;
	overflow:auto;
	z-index: 11;
}
#contin{
	margin:0;
	padding:230px 0 0 0;
}

div#title{
	width:745px;
	margin:0 auto;
}

h1{
	float:left;
	padding:15px 0 0 20px;
}

h2{
	text-align:center;
	margin-top:3px;
}

div#sub{
	margin:10px;
	float:right;
}


ul#navi{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}
ul#navi li{
	float:left;
	font-size:x-small;
	margin:3px 5px;
}


ul#navi li a{
	color:#000000;
	text-decoration:none;
}
ul#navi li a:hover{
	color:#666666;
	text-decoration:underline;
}

ul#mainmenu{
	width:740px;
	clear:both;
	margin:0 auto;
	padding:0;
	list-style:none;
}

ul#mainmenu:after{
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

ul#mainmenu li{
	float:left;
	margin:0 10px;
}

#mainmenu li a span{
	display:none;
}

#mainmenu li#m1{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/meet.jpg) no-repeat right top;
}
#mainmenu li#m2{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/seafood.jpg) no-repeat right top;
}
#mainmenu li#m3{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/product.jpg) no-repeat right top;
}
#mainmenu li#m4{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/begitable.jpg) no-repeat right top;
}
#mainmenu li#m5{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/other.jpg) no-repeat right top;
}


#mainmenu li a#main01{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/meet.jpg) no-repeat right top;
}
#mainmenu li a#main02{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/seafood.jpg) no-repeat right top;
}
#mainmenu li a#main03{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/product.jpg) no-repeat right top;
}
#mainmenu li a#main04{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/begitable.jpg) no-repeat right top;
}
#mainmenu li a#main05{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/other.jpg) no-repeat right top;
}

#mainmenu li a#main01:hover{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/meet.jpg) no-repeat right bottom;
}
#mainmenu li a#main02:hover{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/seafood.jpg) no-repeat right bottom;
}
#mainmenu li a#main03:hover{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/product.jpg) no-repeat right bottom;
}
#mainmenu li a#main04:hover{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/begitable.jpg) no-repeat right bottom;
}
#mainmenu li a#main05:hover{
	display:block;
	width:124px;
	height:100px;
	background:url(../images/other.jpg) no-repeat right bottom;
}