@import url(/css/common.css);

/* main imgae */

div#mainImage {
	z-index:0;
}

div.topicWrap {
	width:520px;
	float:left;
}

/* topic */

div#topic {
	margin-top:20px;
}

div#topic h2 {
	height:32px;
	background:url(/img/top/ttl_topic.png) no-repeat 0 0;
}

div#topic div {
	padding:5px 10px;
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
}

div#topic div table {

}

div#topic div table td {
	padding:5px;
}

div#topic div table td.rssDate {
	padding-left:13px;
	background:url(/img/common/arrow_orange.png) no-repeat 0 50%;
}

/* article */

div#article {
	margin-top:20px;
	width:240px;
	float:right;
}

div#article h2 {
	height:32px;
	background:url(/img/top/ttl_article.png) no-repeat 0 0;
}

div#article ul {

}

div#article li {
	margin-top:3px;
	width:240px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
}

div#article li a {
	display:block;
	width:240px;
	height:60px;
}

div#article li.beef {
	background:url(/img/top/article_menu.jpg) no-repeat 0 0;
}

div#article li.pork {
	background:url(/img/top/article_menu.jpg) no-repeat 0 -63px;
}

div#article li.chicken {
	background:url(/img/top/article_menu.jpg) no-repeat 0 -126px;
}

div#article li.hormone {
	background:url(/img/top/article_menu.jpg) no-repeat 0 -189px;
}

div#article li.sauce {
	background:url(/img/top/article_menu.jpg) no-repeat 0 -252px;
}

div#article li.other {
	background:url(/img/top/article_menu.jpg) no-repeat 0 -315px;
}

div#article li.beef a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px 0;
}

div#article li.pork a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px -63px;
}

div#article li.chicken a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px -126px;
}

div#article li.hormone a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px -189px;
}

div#article li.sauce a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px -252px;
}

div#article li.other a:hover {
	background:url(/img/top/article_menu.jpg) no-repeat -240px -315px;
}