@charset "utf-8";

/* ZIPZIP TOP.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.PROMO
*	02.TOPICS
*	03.NEWS
*
*	MODULES
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

div#topContent
{
	width: 800px;
}

/**-------------------------------------
	01.PROMO
---------------------------------------**/

div#promo
{
	margin-bottom: 56px;
	width: 800px;
}

/**-------------------------------------
	02.TOPICS
---------------------------------------**/

div#topTopics
{
	float: left;
	width: 540px;
}

div#topTopics h3
{
	margin-bottom: 17px;
	width: 540px;
	border-bottom: 3px solid #892E37;
}

div#topTopics dl.topTopBox
{
	clear: both;
	margin-bottom: 15px;
	width: 540px;
}

div#topTopics dl.topTopBox dt
{
	float: left;
	margin: 0 20px 0 0;
	padding: 2px;
	width: 146px;
	background: url(../images/topics_pic_bg.gif) no-repeat;
}

div#topTopics dl.topTopBox dd
{
	float: left;
}

div#topTopics dl.topTopBox dd.TTBhead
{
	margin-bottom: 6px;
	padding: 0 0 0 20px;
	background: url(../images/topics_tt_head.gif) no-repeat left 0.32em;
	font-size: 92%;
	color: #333333;
}

div#topTopics dl.topTopBox dd.TTBbody
{
	width: 350px;
	font-size: 77%;
	color: #666666;
}

/**-------------------------------------
	03.NEWS
---------------------------------------**/

div#topNews
{
	float: right;
	width: 210px;
}

div#topNews h3
{
	margin-bottom: 13px;
	width: 210px;
	border-bottom: 3px solid #892E37;
}

div#topNews dl.TopNewsBox
{
	margin-bottom: 9px;
	padding-bottom: 8px;
	width: 210px;
	background: url(../common/images/dotted_line_hori.gif) repeat-x bottom;
}

div#topNews dl.TopNewsBox dt
{
	display: block;
	width: 210px;
	font-size: 77%;
	color: #892E37;
}

div#topNews dl.TopNewsBox dd
{
	width: 210px;
	font-size: 77%;
	color: #666666;
}





/**-------------------------------------
	MODULES
---------------------------------------**/

div#topContent:after,
dl.topTopBox:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

div#topContent,
dl.topTopBox
{display:inline-block;}

/* \*/
* html div#topContent,
* html dl.topTopBox
{height:1%;}
/* */




