@charset "utf-8";

#content h1{
	position:relative;
	height:130px;
	width:670px;
	font-size:14px;
	margin:20px 0;
}
#content h1 span{
	position:absolute;
	height:130px;
	width:670px;
	left:0;
	top:0;
}
#top{
	border:5px solid #D7D7D9;
	background-color:#FFFFFF;
	padding:4px;
	z-index:1;
	margin-top:5px;
}
#top ul{
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	z-index:1;
}
#top li{
	float:left;
	width:324px;
	height:124px;
	margin:1px;
	padding:0;
	background-color:#D7D7D9;
	display:inline;
	position:relative;
	z-index:1;
}
#top .small{
	width:161px;
}
#top li a{
	color:#333333;
}
#top li img{
	float:left;
	padding-right:3px;
	z-index:1;
}
#top .small img{
	float:none;
	padding:0;
}
#top li.hover *{
	cursor:pointer;
}
#top li.hover p img{
	cursor:auto;
}
#top li h2{
	position:absolute;
	left:0;
	bottom:0;
	width:157px;
	padding:2px 2px;
	background-color:#333333;
	color:#FFFFFF;
	filter: alpha(style=0, opacity=80);
	-moz-opacity:0.80;
  opacity:0.80;
}
#top li.hover h2{
	filter: alpha(style=0, opacity=100);
	-moz-opacity:1.0;
  opacity:1.0;
}
#top li p{
	padding:20px 0 4px 0;
}
#top li p img{
	position:absolute;
	right:0;
	top:0;
	padding:0;
}