@charset "utf-8";
	.page {
		background: transparent url(../imgs/header-bg.gif) repeat-x center 405px;
	}
	#contentHeader {
		height: 480px;
		margin-bottom: 25px;
		background: transparent url(../imgs/top.jpg) no-repeat center top;
	}
	#contentHeader .horizonta-nav {
		margin: 0;
	}
	#contentHeader li {
		position: absolute;
		left: 0;
		top: 330px;
		z-index: 2;
	}
	#contentHeader li a {
		width: 150px;
		height: 150px;
	}
	#contentHeader li.SEAFOOD     { background: transparent url(../imgs/nav-01_ov.jpg) no-repeat left; left: -15px; }
	#contentHeader li.SEAFOOD   a { background: transparent url(../imgs/nav-01.jpg)    no-repeat left; }
	#contentHeader li.NUTRITION   { background: transparent url(../imgs/nav-02_ov.jpg) no-repeat left; left: 145px; }
	#contentHeader li.NUTRITION a { background: transparent url(../imgs/nav-02.jpg)    no-repeat left; }
	#contentHeader li.RECIPE      { background: transparent url(../imgs/nav-03_ov.jpg) no-repeat left; left: 305px; }
	#contentHeader li.RECIPE    a { background: transparent url(../imgs/nav-03.jpg)    no-repeat left; }
	#contentHeader li.CONTEST     { background: transparent url(../imgs/nav-04_ov.jpg) no-repeat left; left: 465px; }
	#contentHeader li.CONTEST   a { background: transparent url(../imgs/nav-04.jpg)    no-repeat left; }

	#wide-content {
		width: 900px;
		height: 230px;
		margin-bottom: 20px;
	}

	#information {
		float: left;
		width: 480px;
		height: 230px;
		background: transparent url(../imgs/info-bottom.gif) no-repeat left bottom;
		font-size: 12px;
	}
	#information #informationScroll {
		margin-left: 10px;
		margin-top: 20px;
	}
	#information #informationScroll ul {
		height: 151px;
		overflow: hidden;
	}
	#information .header {
		position: relative;
		height: 35px;
	}
	#information .header h3 {
		height: 35px;
		background: transparent url(../imgs/h-info.gif) no-repeat left top;
		text-align: left;
		text-indent: -9999px;
	}
	#information .header .moreLink {
		position: absolute;
		top: 3px;
		right: 0;
		background-image: url(../imgs/bt-morelink_ov.gif);
	}
	#information .header .moreLink a {
		background-image: url(../imgs/bt-morelink.gif);
		width: 75px;
		height: 18px;
	}
	#information li {
		clear: both;
		padding: 7px 0;
		font-weight: bold;
	}
	#information li .date {
		display: block;
		float: left;
		width: 70px;
	}
	#information li a {
		display: block;
		float: left;
		width: 370px;
	}
	
	#participator {
		float: right;
		width: 390px;
		height: 230px;
		background: #eeeeee url(../imgs/bg-participator-bottom.gif) no-repeat left bottom;
	}
	#participator h3 {
		height: 60px;
		background: transparent url(../imgs/h-participator.gif) no-repeat left top;
		text-align: left;
		text-indent: -9999px;
	}
	#participator ul {
		padding: 10px 0 0 15px;
	}
	#participator ul li {
		float: left;
		padding-right: 15px;
	}