@charset "utf-8";

.left_cont {
	float: left;
}

.right_cont {
	float: left;
	padding-left: 4px;
}

.main_image {
	background-image: url(../images/top/main_image_bg.gif);
	background-repeat: no-repeat;
	padding: 8px;
	height: 263px;
	width: 350px;
}

.main_image img {
	border: 1px solid #64332e;
}

.top_banner {
	background-image: url(../images/top/top_banner_bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 350px;
	padding: 8px;
	margin-top: 5px;
}

.top_banner img {
}

.news_box {
	background-image: url(../images/top/newsbox_bg.gif);
	background-repeat: repeat-y;
	width: 279px;
}

.news_box_in {
	min-height: 310px;
	height: auto !important;
	height: 310px;
	background-image: url(../images/top/newsbox_b.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 20px;
}

.news_box .news {
	background-image: url(../images/top/news_title.gif);
	background-repeat: no-repeat;
	padding-top: 41px;
	margin-left: 15px;
	width: 228px;
}

.news_box .news dt {
	float: left;
	width: 50px;
	padding-left: 20px;
}

.news_box .news dd {
	float: left;
	width: 158px;
}

.news_box .newitem {
	background-image: url(../images/top/newitem_title.gif);
	background-repeat: no-repeat;
	width: 218px;
	padding-top: 41px;
	margin-top: 20px;
	padding-left: 10px;
	margin-left: 15px;
}

.news_box .newitem dt {
	float: left;
	width: 100px;
}

.news_box .newitem dd {
	float: left;
	width: 113px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 12px;
}

.info {
	clear: both;
	background-image: url(../images/top/info_bg.gif);
	background-repeat: no-repeat;
	height: 66px;
	width: 404px;
	padding-left: 240px;
	line-height: 66px;
	padding-top: 10px;
	background-position: 0px 10px;
}

.main_cont {
	background-image: url(../images/top/main_cont_bg.gif);
	background-repeat: repeat-y;
	width: 644px;
	margin-top: 10px;
}

.main_cont_in {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-image: url(../images/top/main_cont_b.gif);
	padding-bottom: 30px;
	width: 584px;
	padding-right: 30px;
}

.set {
	padding-top: 51px;
	background-image: url(../images/top/set_title.gif);
	background-repeat: no-repeat;
	width: 578px;
}

.set img {
	border: 1px solid #e3d4c9;
}

.set .set_list {
	width: 570px;
}

.set .set_list li {
	float: left;
	display: block;
	background-image: url(../images/common/arrow_01.gif);
	padding-left: 24px;
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-right: 40px;
}

.set .set_list li a {

}

.rr_box {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ab856a;
	margin-top: 10px;
}

.recommend {
	float: left;
	background-image: url(../images/common/recommend_title.gif);
	background-repeat: no-repeat;
	padding-top: 41px;
	width: 350px;
	padding-right: 27px;
	background-position: 0px 13px;
}

.recommend dl {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ab856a;
	width: 350px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.recommend dt {
	float: left;
	width: 120px;
}

.recommend dd {
	float: left;
	width: 210px;
	padding-left: 20px;
	padding-top: 10px;
}

.recommend dd a {
	background-image: url(../images/common/arrow_01.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 24px;
	float: right;
	margin-top: 10px;
}

.ranking {
	float: left;
	width: 207px;
	background-image: url(../images/top/ranking_bg.gif);
	background-repeat: repeat-y;
}

.ranking dl {
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ab856a;
	background-repeat: no-repeat;
	background-position: 10px 18px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.ranking dl.rank1 {
	background-image: url(../images/top/rank1.gif);
	background-position: 10px 3px;
}

.ranking dl.rank2 {
	background-image: url(../images/top/rank2.gif);
}

.ranking dl.rank3 {
	background-image: url(../images/top/rank3.gif);
}

.ranking dl.rank4 {
	background-image: url(../images/top/rank4.gif);
}

.ranking dl.rank5 {
	background-image: url(../images/top/rank5.gif);
}

.ranking dt {
	float: left;
	height: 52px;
	width: 52px;
}

.ranking dt img {
	border: 1px solid #e3d4c9;
}

.ranking dd {
	float: left;
	width: 78px;
	padding-left: 10px;
	padding-right: 10px;
}

.ranking .hitori {
	background-image: url(../images/top/hitori_bg.gif);
	background-repeat: repeat-y;
	width: 175px;
	clear: both;
	margin-top: 20px;
	margin-left: 12px;
}

.ranking .hitori p {
	padding: 10px;
}