#mainVisual {
	height: 270px;
	width: 720px;
}

#container {
	margin: 0px 10px 10px 10px;
}

#topics {
	float: left;
	width: 470px;
}

#information {
	background: transparent url(./index-img/information-bgi.gif) repeat-y scroll left top;
	width: 465px;
}

#information h2 {
	background: transparent url(./index-img/information-h2.gif) no-repeat scroll left top;
	height: 35px;
	text-indent: -9999px;
	width: 465px;
}

#information dl {
	background: transparent url(./index-img/information-dl-bgi.gif) no-repeat scroll left bottom;
	padding: 5px;
}

#information dl dt {
	background: transparent url(./index-img/information-dt-bgi.gif) no-repeat scroll left bottom;
	color: #990000;
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 1px 5px;
}

#information dl dd {
	color: #555555;
	font-size: 80%;
	line-height: 150%;
	padding: 5px;
}

#information dl dd #informationDate {
	color: #990000;
	text-align: right;
}

#information dl dd #informationImage {
	background: transparent url(./index-img/information-image-bgi.gif) repeat-x scroll left top;
	float: right;
	padding: 5px;
	margin: 0px 0px 5px 5px;
}

#information ul {
	background: transparent url(./index-img/information-ul-bgi.gif) no-repeat scroll left bottom;
	padding: 5px 5px 7px 5px;
}

#information ul li {
	background: transparent url(./index-img/li-bgi.gif) no-repeat scroll left top;
	font-size: 80%;
	line-height: 150%;
	list-style-type: none;
	padding: 0px 0px 3px 20px;
}

#information ul li span {
	border-bottom: solid 1px #cccccc;
	color: #666666;
	display: block;
	font-size: 80%;
	padding: 0px 5px 3px 0px;
	text-align: right;
}

#information ul li a {
	color: #009999;
}

#information ul li a:hover {
	color: #66cccc;
}

#information #informationError {
	background: transparent url(./index-img/information-error-bgi.gif) no-repeat scroll left bottom;
	color: #990000;
	font-size: 80%;
	padding: 100px 10px 100px 5px;
	text-align: center;
}

#banners {
	height: 50px;
	width: 470px;
}

#banners ul li {
	float: left;
	height: 50px;
	list-style-type: none;
	width: 235px;
}

#banners ul li#bannerTraceability a {
	background: transparent url(./index-img/banner-traceability.jpg) no-repeat scroll 0px 0px;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 230px;
}

#banners ul li#bannerTraceability a:hover {
	background: transparent url(./index-img/banner-traceability.jpg) no-repeat scroll 0px -50px;
}

#banners ul li#banner9thZenkyo a {
	background: transparent url(./index-img/banner-9th-zenkyo.jpg) no-repeat scroll 0px 0px;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 230px;
}

#banners ul li#banner9thZenkyo a:hover {
	background: transparent url(./index-img/banner-9th-zenkyo.jpg) no-repeat scroll 0px -50px;
}

#navigation {
	background: transparent url(./index-img/navigation-bgi.gif) repeat-y scroll left top;
	float: left;
	width: 230px;
}

#navigation ul {
	background: transparent url(./index-img/navigation-ul-bgi.gif) no-repeat scroll left bottom;
	padding: 5px 5px 6px 5px;
}

#navigation ul li {
	background: transparent url(./index-img/li-bgi.gif) no-repeat scroll left top;
	font-size: 80%;
	line-height: 150%;
	list-style-type: none;
	padding: 0px 0px 3px 20px;
}

#navigation #beef dt {
	background: transparent url(./index-img/navigation-beef-dt.gif) no-repeat scroll left top;
	height: 30px;
	text-indent: -9999px;
	width: 230px;
}

#navigation #beef dd {
	background: transparent url(./index-img/navigation-beef-dd-bgi.jpg) no-repeat scroll left top;
}

#navigation #beef dd ul li a {
	color: #990000;
}

#navigation #beef dd ul li a:hover {
	color: #ff6666;
}

#navigation #shops dt {
	background: transparent url(./index-img/navigation-shops-dt.gif) no-repeat scroll left top;
	height: 30px;
	text-indent: -9999px;
	width: 230px;
}

#navigation #shops dd {
	background: transparent url(./index-img/navigation-shops-dd-bgi.jpg) no-repeat scroll left top;
}

#navigation #shops dd ul li a {
	color: #cc6600;
}

#navigation #shops dd ul li a:hover {
	color: #ff9933;
}

#navigation #recipe dt {
	background: transparent url(./index-img/navigation-recipe-dt.gif) no-repeat scroll left top;
	height: 30px;
	text-indent: -9999px;
	width: 230px;
}

#navigation #recipe dd {
	background: transparent url(./index-img/navigation-recipe-dd-bgi.jpg) no-repeat scroll left top;
}

#navigation #recipe dd ul li a {
	color: #336699;
}

#navigation #recipe dd ul li a:hover {
	color: #6699cc;
}

#navigation #profile dt {
	background: transparent url(./index-img/navigation-profile-dt.gif) no-repeat scroll left top;
	height: 30px;
	text-indent: -9999px;
	width: 230px;
}

#navigation #profile dd {
	background: transparent url(./index-img/navigation-profile-dd-bgi.jpg) no-repeat scroll left top;
}

#navigation #profile dd ul li a {
	color: #006600;
}

#navigation #profile dd ul li a:hover {
	color: #66cc66;
}

#navigation #seal {
	height: 140px;
	width: 230px;
}



#bannerInfo {
	height: 50px;
	width: 230px;
	padding-top: 10px;
	text-indent: -999999px;
	background: url(./index-img/spacer.gif) repeat scroll 0 0;
}

#bannerInfo a {
	display: block;
	height: 50px;
	width: 230px;
	background: url(./index-img/banner-info.jpg) no-repeat scroll 0 0;
}

#bannerInfo a:hover {
	background: url(./index-img/banner-info.jpg) no-repeat scroll 0 -50px;
} 


#banneriiniku {
	height: 50px;
	width: 230px;
	padding-top: 10px;
	text-indent: -999999px;
	background: url(./index-img/spacer.gif) repeat scroll 0 0;
}

#banneriiniku a {
	display: block;
	height: 50px;
	width: 230px;
	background: url(./index-img/banner-1129.jpg) no-repeat scroll 0 0;
}
