/* @group Hot-book */

h2#hot-book-ttl {
	margin: 30px 0 0;
}
#hot-book {
	margin-bottom: 20px;
}
#hot-book li {
	padding: 10px 0;
	list-style-type: none;
	border-bottom: 1px dotted #8e706d;
}
#hot-book li .hot-img {
	padding-left: 55px;
	float: left;
}
#hot-book li h3 {
	font-size: 100%;
	margin: 0 0 2px 114px;
	width: 530px;
}
#hot-book li p {
	font-size: 80%;
	margin-left: 114px;
	width: 530px;
}
#hot-book li.hot-1 h3,
#hot-book li.hot-1 p {
	font-size: 100%;
	margin-left: 186px;
	width: 455px;
}
#hot-book li.hot-1 h3 {
	font-size: 120%;
}

ol#hot-book {
	background: #f1ebdc;
}

#hot-book .hot-1 .hot-img {
	background: url(../image/ico_num_big_brn_01.gif) no-repeat 15px center;
}
#hot-book .hot-2 {
	background-color: #e7deca !important;
}
#hot-book .hot-2 .hot-img {
	background: url(../image/ico_num_big_brn_02.gif) no-repeat 20px center;
}
#hot-book .hot-3 .hot-img {
	background: url(../image/ico_num_big_brn_03.gif) no-repeat 20px center;
}
#hot-book .hot-4 {
	background-color: #e7deca !important;
}
#hot-book .hot-4 .hot-img {
	background: url(../image/ico_num_big_brn_04.gif) no-repeat 20px center;
}
#hot-book .hot-5 .hot-img {
	background: url(../image/ico_num_big_brn_05.gif) no-repeat 20px center;
}

/* @end */

/* @group H2 - article */

h2#hot-article-ttl {
	margin: 30px 0 0;
}
#hot-article-ttl a {
	display: block;
	width: 665px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../image/h2_hot_article.gif) no-repeat 0 0;
}
#hot-article-ttl a:hover {
	background-position: 0 -35px;
}

/* @end */

/* @group Hot-article */

#hot-article {
	margin-bottom: 20px;
}
#hot-article li {
	padding: 10px 0;
	list-style-type: none;
	border-bottom: 1px dotted #baa577;
}
#hot-article li .hot-img {
	padding-left: 55px;
	float: left;
}
#hot-article li h3 {
	font-size: 100%;
	margin: 0 0 2px 114px;
	width: 530px;
}
#hot-article li p {
	font-size: 80%;
	margin-left: 114px;
	width: 530px;
}
#hot-article li.hot-1 h3,
#hot-article li.hot-1 p {
	font-size: 100%;
	margin-left: 186px;
	width: 455px;
}
#hot-article li.hot-1 h3 {
	font-size: 120%;
}

ol#hot-article {
	background: #f1ebdc;
}

#hot-article .hot-1 .hot-img {
	background: url(../image/ico_num_big_sand_01.gif) no-repeat 15px center;
}
#hot-article .hot-2 {
	background-color: #e7deca !important;
}
#hot-article .hot-2 .hot-img {
	background: url(../image/ico_num_big_sand_02.gif) no-repeat 20px center;
}
#hot-article .hot-3 .hot-img {
	background: url(../image/ico_num_big_sand_03.gif) no-repeat 20px center;
}
#hot-article .hot-4 {
	background-color: #e7deca !important;
}
#hot-article .hot-4 .hot-img {
	background: url(../image/ico_num_big_sand_04.gif) no-repeat 20px center;
}
#hot-article .hot-5 .hot-img {
	background: url(../image/ico_num_big_sand_05.gif) no-repeat 20px center;
}

/* @end */

/* @group H2 - write */

h2#hot-write-ttl {
	margin: 30px 0 0;
}
#hot-write-ttl a {
	display: block;
	width: 665px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../image/h2_hot_write.gif) no-repeat 0 0;
}
#hot-write-ttl a:hover {
	background-position: 0 -35px;
}

/* @end */

/* @group Hot-write */

h2#hot-write-ttl {
	margin: 30px 0 0;
}
#hot-write {
	margin-bottom: 20px;
}
#hot-write li {
	padding: 10px 0;
	list-style-type: none;
	border-bottom: 1px dotted #a3a180;
}
#hot-write li .hot-img {
	padding-left: 55px;
	float: left;
}
#hot-write li h3 {
	font-size: 100%;
	margin: 0 0 2px 114px;
	width: 530px;
}
#hot-write li p {
	font-size: 80%;
	margin-left: 114px;
	width: 530px;
}
#hot-write li.hot-1 h3,
#hot-write li.hot-1 p {
	font-size: 100%;
	margin-left: 186px;
	width: 455px;
}
#hot-write li.hot-1 h3 {
	font-size: 120%;
}

ol#hot-write {
	background: #edeade;
}

#hot-write .hot-1 .hot-img {
	background: url(../image/ico_num_big_grn_01.gif) no-repeat 15px center;
}
#hot-write .hot-2 {
	background-color: #dfddcc !important;
}
#hot-write .hot-2 .hot-img {
	background: url(../image/ico_num_big_grn_02.gif) no-repeat 20px center;
}
#hot-write .hot-3 .hot-img {
	background: url(../image/ico_num_big_grn_03.gif) no-repeat 20px center;
}
#hot-write .hot-4 {
	background-color: #dfddcc !important;
}
#hot-write .hot-4 .hot-img {
	background: url(../image/ico_num_big_grn_04.gif) no-repeat 20px center;
}
#hot-write .hot-5 .hot-img {
	background: url(../image/ico_num_big_grn_05.gif) no-repeat 20px center;
}

/* @end */

.hot-5 {
	border-bottom: 0 !important;
}
ul.book-info {
	font-size: 80%;
	margin: 10px 0 0 186px;
	width: 455px;
}
ul.book-info li {
	padding: 0 !important;
	border-bottom: 0 !important;
}

/* @group Clearfix */

li.hot-1:after,
li.hot-2:after,
li.hot-3:after,
li.hot-4:after,
li.hot-5:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.hot-1,
li.hot-2,
li.hot-3,
li.hot-4,
li.hot-5{display: inline-block;}
/* Hide MacIE \*/
* html li.hot-1,
* html li.hot-2,
* html li.hot-3,
* html li.hot-4,
* html li.hot-5{height: 1%}
li.hot-1,
li.hot-2,
li.hot-3,
li.hot-4,
li.hot-5{display: block;}
/* End hide MacIE */

/* @end */