.index	{
}

.index	.lead {
	padding: 15px 0 0 30px;
	height: 60px;
	background: url(../../recommend/img/index/index_bg_top.jpg) no-repeat 0 0;
}

.index	#rm_list {
	padding: 0 0 12px 27px;
	background: url(../../recommend/img/index/rm_bg_btm.gif) no-repeat 0 bottom;
}

.index .box-l	{
	float: left;
	width: 307px;
	border: solid 1px #eee;
	margin: 0 17px 0 0;
	padding-bottom: 7px;
	background-color: #fff;
}

.index .box-r	{
	float: left;
	width: 307px;
	border: solid 1px #eee;
	padding-bottom: 7px;
	background-color: #fff;
}

.index .clearfix {
	margin-bottom: 9px;
}

.index .clearfix .clearfix {
	margin-bottom: 0;
}

.index .clearfix div	p {
	margin-bottom: 8px;
	width: 307px;
	height: 37px;
	line-height: 37px;
	font-weight: bold;
}

.index .clearfix div	p a {
	display: block;
	padding-left: 32px;
	width: 275px;
	height: 37px;
	line-height: 37px;
	font-weight: bold;
	font-size: 118%;
	color: #333;
	background: url(../../recommend/img/index/ttl_bg_index.gif) no-repeat 0 0;
}

.index .clearfix div	p a:hover {
	background-position: 0 -37px;
}

.index .clearfix div	dl  {
	margin: 0 0 0 8px;
}

.index .clearfix div	dl dt {
	float: left;
	margin: 0 15px 0 0;
	width: 70px;
	height: 70px;
	line-height: 1;
	font-size: 1;
	overflow: hidden;
}

.index .clearfix div	dl dd {
	float: left;
	width: 206px;
}