@charset "utf-8";





/* ---------- left ---------- */

#left {
	float:left;
	width:570px;
}

#left h2 {
	padding:0 0 13px;
}





/* ---------- recommend ---------- */

#recommend {
	background:url(../../images/top/common/bg_large_clbot.gif) left bottom no-repeat;
	float:left;
	margin:0 0 13px;
	width:570px;
}

#recommend h3 {
	padding:0 0 10px;
}

#recommend ul {
	float:left;
	width:570px;
}

#recommend li{
	float:left;
	padding:0 0 0 10px;
	width:176px;
}

#recommend h4 {
	color:#972424;
	float:right;
	font-size:75%;
	line-height:1.4em;
	padding:2px 0 5px;
	width:86px;
}

#recommend p {
	font-size:65%;
	line-height:1.4em;
	padding:0 0 10px;
}

#recommend .package {
	float:left;
	padding:0 10px 10px 0;
	width:80px;
}





/* ---------- bannerLarge ---------- */

#bannerLarge {
	clear:both;
}

#bannerLarge li {
	background:url(../../images/top/common/bg_large_bot.gif) left bottom no-repeat;
	margin:0 0 13px;
}

#bannerLarge li h4 {
	background:url(../../images/top/common/bg_large_top.gif) left top no-repeat;
	font-size:85%;
	line-height:1.4em;
	padding:13px 10px 8px 30px;
}

#bannerLarge li p {
	height:100px;
	padding:0 10px;
}





/* ---------- bannerSmall ---------- */

#bannerSmall {
	float:left;
	margin:0 -10px 0 0;
	width:580px;
}

#bannerSmall li {
	background:url(../../images/top/common/bg_small_bot.gif) left bottom no-repeat;
	float:left;
	margin:0 10px 13px 0;
	width:280px;
}

#bannerSmall li h4 {
	background:url(../../images/top/common/bg_small_top.gif) left top no-repeat;
	font-size:85%;
	line-height:1.4em;
	padding:13px 10px 8px 30px;
}

#bannerSmall li p {
	padding:0 10px 10px;
}





/* ---------- understandList ---------- */

#understandList {
	background:url(../../images/top/common/bg_large_bot.gif) left bottom no-repeat;
	clear:both;
	margin:0 0 13px;
}

#understandList h4 {
	background:url(../../images/top/common/bg_large_top.gif) left top no-repeat;
	font-size:85%;
	line-height:1.4em;
	padding:13px 10px 5px 30px;
}

#understandList .list {
	text-align:right;
	margin:-25px 15px 0 0;
	padding:0;
}

#understandList ul {
	font-size:75%;
	line-height:1.5em;
	padding:10px 15px 0;
}

#understandList li {
	background:url(../../images/under/common/bg_arrow02.gif) 0 12px no-repeat;
	border-top:#ccc 1px dotted;
	color:#9B7916;
	font-weight:bold;
	padding:8px 0 8px 15px;
}





/* ---------- news ---------- */

.news {
	background:url(../../images/top/common/bg_large_bot.gif) left bottom no-repeat;
	clear:both;
	margin:0 0 13px;
	position:relative;
}

.news .list {
	position:absolute;
	top:16px;
	right:150px;
}

.news h4 {
	padding:0 0 15px;
}

.news dl {
	padding:0 15px;
}

.news dt {
	background:url(../../images/under/common/bg_arrow02.gif) 0 5px no-repeat;
	color:#9B7916;
	font-size:85%;
	font-weight:bold;
	line-height:1.5em;
	padding:0 0 3px 15px;
}

.news dd {
	border-bottom:#ccc 1px dotted;
	margin:0 0 15px;
	padding:0 0 5px 15px;
}

.news dd p {
	padding:0 0 10px;
}





/* ---------- right ---------- */

#right {
	float:right;
	width:160px;
}

#banner {
	padding:0 0 3px;
}

#banner li {
	padding:0 0 10px;
}





/* ---------- books ---------- */

#books {
	background:url(../../images/top/common/bg_books_mid.gif);
}

#books h3 {
	padding:0 0 10px;
}

#books ul {
	float:left;
	padding:0 10px;
	width:140px;
}

#books li {
	border-bottom:#ccc 1px dotted;
	float:left;
	margin:0 0 10px;
	width:140px;
}

#books li h4 {
	color:#996734;
	font-size:65%;
	line-height:1.3em;
	padding:0 0 5px;
}

#books li h4 a {
	color:#996734;
	text-decoration:none;
}

#books li p {
	font-size:65%;
	line-height:1.3em;
	padding:0 0 10px;
}

#books li .jacket {
	float:right;
	padding:0 0 10px 10px;
}

#books .btn {
	background:url(../../images/top/common/bg_books_bot.gif) left bottom no-repeat;
	clear:both;
	padding:0 10px 10px;
}