@charset "utf-8";

/* TOP.CSS  */


/*--------------------------------------
*	
*	00.Top
*	01.LeftArea
*	02.RightArea
*
*--------------------------------------*/


/**-------------------------------------
*	00.Top
---------------------------------------**/

#contents h3
{
	background: none;
}

/**-------------------------------------
*	01.LeftArea
---------------------------------------**/


#topLeft
{
	float: left;
	margin: 0;
	padding: 0 0 10px 5px;
	width: 555px;
}

/* topItemCategory */

#topLeft h3
{
	margin: 20px 0 10px;
	padding: 0;
}

#topItemCategory
{
	margin: 0;
	padding: 0;
	width: 550px;
}

#topItemCategory li
{
	float: left;
	margin: 0 10px 5px 0;
	padding: 5px;
	background: url(../images/top_categry_bg.jpg) no-repeat;
	width: 250px;
	height: 80px;
	overflow: hidden;
}

#topItemCategory .TICImg
{
	float: left;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 75px;
}

#topItemCategory .TICImg img
{
	margin: 0;
	padding: 1px;
	border: solid 1px #CCCCCC;
}

#topItemCategory .TICInfo
{
	float:left;
	margin: 0;
	padding: 0;
	width: 165px;
}

#topItemCategory h5
{
	margin: 6px 0 3px;
	padding: 0 0 0 0;
	font-size: 92%;
	color: #4B5B63;
}

#topItemCategory .TICCopy
{
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
	font-size: 77%;
}


/* topItemRecomend */

#topItemRecomend
{
	margin: 0;
	padding: 20px 0 0;
	clear: left;
}


/* topOriginal */

#topOriginal
{
	margin: 0;
	padding: 20px 0 10px;
	clear: left;
}


/* topTopics */

#topTopics,
#topBlog
{
	margin: 0;
	padding: 0 0 20px;
	background: url(../images/topics_bg.jpg) bottom left no-repeat;
	width:550px;
}

#topTopics dl,
#topBlog dl
{
	margin: 0;
	padding: 0 0 0 25px;
	width: 490px;
}

#topTopics dt,
#topBlog dt
{
	float: left;
	margin: 0 0 5px;
	padding: 0;
	width: 90px;
}

#topTopics dd,
#topBlog dd
{
	float: left;
	margin: 0 0 5px;
	padding: 0;
	width: 350px;
}


/**-------------------------------------
*	02.RightArea
---------------------------------------**/

#topRight
{
	float: left;
	margin: 0;
	padding: 0 0 10px;
	width: 280px;
}


/* topItemRanking */

#topRight h3
{
	margin: 20px 0 10px;
	padding: 0;
}

#topItemRanking
{
	margin: 0;
	padding: 0;
}

#topItemRanking li.TIRCont
{
	margin: 0 0 10px 0;
	padding: 0;
}

#topItemRanking p.TIRNum
{
	clear: left;
	margin: 0;
	padding: 0;
	width: 270px;
	height:30px;
}

#topItemRanking .TIRInfo
{
	margin: -2px 0 0;
	padding: 5px;
	width: 260px;
}

#topItemRanking .TIRLeft
{
	float: left;
	margin: 0;
	padding: 0;
	width: 80px;
}

#topItemRanking .TIRRight
{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}

#topItemRanking .TIRImg
{
	margin: 0;
	padding: 1px;
	border: solid 1px #CCCCCC;
}

#topItemRanking .TIRRight h5
{
	margin: 3px 0;
	padding: 0;
	font-size: 92%;
}

#topItemRanking .TIRCopy
{
	margin: 0 0 6px;
	padding: 0;
	font-size: 77%;
}

#topItemRanking .TIRIcon li
{
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
}

#topItemRanking .TIRBtn
{
	clear: left;
	margin: 0;
	padding: 0;
}

#topItemRanking .TIRBtn img
{
	margin: 0;
	padding: 5px 0 0 0;
}


/* topBnr */

#topBnr
{
	margin: 0;
	padding: 20px 0 0;
}


/* topIntro */

.topIntro
{
	margin: 0;
	padding: 0 20px 20px;
	width: 250px;
	background: url(../images/topintro_bg.jpg) bottom left no-repeat;
}