@charset "utf-8";

@import "layout.css";



#contents {
	_margin-right: 5px;
}

#contents ul#list {
	margin-left: 17px;
	_margin: 0 0 17px;
	line-height: 1.2;
	font-size: 1.5em;
}
*:first-child+html #contents ul#list { margin-bottom: 17px; }
#contents ul#list li {
	float: left;
	margin: 0 17px 17px 0;
	_margin: 0 8px 17px;
}
#contents ul#list li.clear {
	clear: left;
}

#contents ul#list dl {
	position :relative;
	width : 200px;
	height: 187px;
	background: url("../img/layout/list_bg.gif") 0 bottom;
}
#contents ul#list dl:hover,
#contents ul#list dl:active {
	background: #001b22 url("../img/layout/list_bg_over.gif") 0 bottom repeat-x;
}
#contents ul#list a {
	position :absolute;
	width: 180px;
	_width: 200px;
	padding: 10px 10px 5px;
	text-decoration: none;
	font-size: 0.75em;
	color: #aaaa00;
}
#contents ul#list dt a {
	overflow: hidden;
	_overflow: visible;
	z-index: 1;
	top: 0;
	left: 0;
	height: 168px;
	padding-bottom: 9px;
}
#contents ul#list dd a {
	z-index: 2;
	padding-top: 155px;
}
#contents ul#list a span {
	word-break: break-all;
	color: #cccccc;
}
#contents ul#list dl:hover span {
	text-decoration: underline;
	color: #ffffff;
}
#contents ul#list dl:hover a {
	color: #ffffaa;
}

#contents ul#list img {
	margin-bottom: 5px;
}