#contents {
	border: #c9c9c9 1px solid;
	}

h2 {
	padding: 6px 0 6px 16px;
	}

#contents a:focus,
#contents a:hover, 
#contents a:focus span,
#contents a:hover span {
	color: #f85a00;
	}

.category {
	overflow: hidden;
	border-top: #e9e9e9 1px solid;
	border-bottom: #c9c9c9 1px solid;
	}
	.category h2 {
		border-bottom: #e4e4e4 1px solid;
		}
	.category h2 select {
		width: 150px;
		margin: 0 0 0 8px;
		color: #666666;
		}
	/* CATEGORY LIST AREA */
	.categoryList {
		width: 100%;
		overflow: hidden;
		position: relative;
		background: url("../../img/main/recommendBg.gif") repeat-x 0 0;
		padding: 24px 0 20px 0;
		}
		.categoryList .list {
			display: block;
			margin: 0 auto;
			padding: 0 0 0 3px;
			}
			.categoryList .list ul {
				overflow: hidden;
				}
				.categoryList .list ul li {
					float: left;
					width: 144px;
					color: #999999;
					}
					.categoryList .list ul li a {
						color: #000000;
						}

				.categoryList .list ul li p.img {
					width: 123px;
					height: 123px;
					overflow: hidden;
					padding: 0 11px 9px 10px;
					}
					.categoryList .list ul li p.img img {
						width: 123px;
						height: 123px;
						overflow: hidden;
						}
				.categoryList .list ul li p.name {
					width: 123px;
					margin: 0 auto;
					overflow: hidden;
					line-height: 130%;
					text-align: center;
					}
				.categoryList .list ul li p.name span {
					
					color: #666666;
					}
		.categoryList button {
			width: 27px;
			height: 86px;
			display: block;
			border: none;
			background: none;
			vertical-align: top;
			cursor: pointer;
			position: absolute;
			top: 43px;
			}
		.categoryList button.catePrev { left: 15px; }
		.categoryList button.cateNext { right: 15px; }






.connection {
	border-top: #e9e9e9 1px solid;
	border-bottom: #c9c9c9 1px solid;
	overflow: hidden;
	}
	.connectionTab li {
		float: left;
		}
	.connectionList {
		float: left;
		width: 326px;
		}
		.connectionList li {
			height: 37px;
			line-height: 37px;
			position: relative;
			border-right: #e0dddd 1px solid;
			border-bottom: #e0dddd 1px solid;
			}
		.connectionList li a {
			display: block;
			padding: 0 0 0 57px;
			font-weight: bold;
			color: #51483e;
			}
		.connectionList li span {
			position: absolute;
			top: 0;
			right: 18px;
			}

	.lastList {
		width: 327px;
		}
		.lastList li {
			border-right: none;
			}

	.connectionList .conn00 { background: url("../../img/main/icon00.gif") no-repeat 20px 5px; }
	.connectionList .conn01 { background: url("../../img/main/icon01.gif") no-repeat 20px 5px; }
	.connectionList .conn02 { background: url("../../img/main/icon02.gif") no-repeat 20px 5px; }
	.connectionList .conn03 { background: url("../../img/main/icon03.gif") no-repeat 20px 5px; }
	.connectionList .conn04 { background: url("../../img/main/icon04.gif") no-repeat 20px 5px; }
	.connectionList .conn05 { background: url("../../img/main/icon05.gif") no-repeat 20px 5px; border-bottom: none; }
	
	.connectionList .conn06 { background: url("../../img/main/icon06.gif") no-repeat 20px 5px; }
	.connectionList .conn07 { background: url("../../img/main/icon07.gif") no-repeat 20px 5px; }
	.connectionList .conn08 { background: url("../../img/main/icon08.gif") no-repeat 20px 5px; }
	.connectionList .conn09 { background: url("../../img/main/icon09.gif") no-repeat 20px 5px; }
	.connectionList .conn10 { background: url("../../img/main/icon10.gif") no-repeat 20px 5px; }
	.connectionList .conn11 { background: url("../../img/main/icon11.gif") no-repeat 20px 5px; border-bottom: none; }
	
	.connectionList .conn12 { background: url("../../img/main/icon12.gif") no-repeat 20px 5px; }
	.connectionList .conn13 { background: url("../../img/main/icon13.gif") no-repeat 20px 5px; }
	.connectionList .conn14 { background: url("../../img/main/icon14.gif") no-repeat 20px 5px; }
	.connectionList .conn15 { background: url("../../img/main/icon15.gif") no-repeat 20px 5px; }
	.connectionList .conn16 { background: url("../../img/main/icon16.gif") no-repeat 20px 5px; }
	.connectionList .conn17 { border-bottom: none;  }





.statistics {
	position: relative;
	border-bottom: #c9c9c9 1px solid;
	}
	.statistics h2 {
		border-top: #e0dddd 1px solid;
		border-bottom: #e4e4e4 1px solid;
		}
	/* STATISTICS LIST AREA */
	.statisticsList {
		width: 100%;
		overflow: hidden;
		position: relative;
		background: url("../../img/main/recommendBg.gif") repeat-x 0 0;
		padding: 17px 0 20px 0;
		}
		.statisticsList .list {
			display: block;
			margin: 0 auto;
			padding: 0 0 0 3px;
			}
			.statisticsList .list ul {
				overflow: hidden;
				}

				.statisticsList .list ul li {
					float: left;
					width: 123px;
					color: #999999;
					}
					.statisticsList .list ul li a {
						color: #000000;
						}

				.statisticsList .list ul li p.img {
					width: 98px;
					height: 60px;
					overflow: hidden;
					padding: 0 12px 9px 13px;
					}
					.statisticsList .list ul li p.img img {
						width: 98px;
						height: 60px;
						overflow: hidden;
						}
				.statisticsList .list ul li p.name {
					width: 98px;
					margin: 0 auto;
					overflow: hidden;
					line-height: 130%;
					text-align: center;
					}
				.statisticsList .list ul li p.name span {
					color: #666666;
					}
		.statisticsList button {
			width: 27px;
			height: 86px;
			display: block;
			border: none;
			background: none;
			vertical-align: top;
			cursor: pointer;
			position: absolute;
			top: 21px;
			}
		.statisticsList button.staPrev { left: 15px; }
		.statisticsList button.staNext { right: 15px; }

	.statistics .more {
		position: absolute;
		top: 8px;
		right: 12px;
		}

.mainBoard {
	border-top: #c9c9c9 1px solid;
	overflow: hidden;
	}
	.mainBoard h2 {
		border-bottom: #e4e4e4 1px solid;
		}
	.mainBoard .more {
		position: absolute;
		top: 8px;
		right: 30px;
		}
	.mainBoard .notice {
		width: 485px;
		border-right: #efefef 2px solid;
		float: left;
		position: relative;
		}
		.mainBoard .notice .noticeList {
			padding: 10px 30px;
			}
		.mainBoard .notice .noticeList li {
			height: 22px;
			line-height: 22px;
			position: relative;
			}
			.mainBoard .notice .noticeList li a {
				color: #333333;
				}
			.mainBoard .notice .noticeList li span {
				display: block;
				position: absolute;
				top: 0; 
				right: 0;
				color: #7d7d7d;
				}


	.mainBoard .popularity {
		width: 492px;
		float: left;
		position: relative;
		}
		.mainBoard .popularity .popularityList {
			width: 206px; /*246px;*/
			float: left;
			padding: 10px 20px;
			}
			.mainBoard .popularity .popularityList  li {
				height: 22px;
				line-height: 22px;
				position: relative;

				}
				.mainBoard .popularity .popularityList  li a {
					width: 100px; 
					margin: 0 0 0 8px;
					color: #333333;
					}
				.mainBoard .popularity .popularityList  li span {
					position: absolute;
					top: 0;
					left: 165px;
					font-size: 0.9em;
					}
					.mainBoard .popularity .popularityList  li span.up {
						background: url("../../img/main/popularity_up.gif") no-repeat 0 48%;
						padding: 0 0 0 12px;
						}