@charset "utf-8";

/* VANFOOK TOP.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.PROMO_AREA
*	02.TOP_BLOG
*	03.TOP_NEWS
*	04.TOP_PRESENT
*	05.TOP_PRODUCT
*	06.TOP_BLUE
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

#left
{
	float: left;
	margin-right: 20px;
	width: 600px;
}

#right
{
	float: left;
	width: 260px;
}

/**-------------------------------------
	01.PROMO_AREA
---------------------------------------**/

p#PromoArea
{
	margin: 0 auto 30px;
	width: 880px;
	height: 243px;
}

/**-------------------------------------
	02.TOP_BLOG
---------------------------------------**/

div#topBlog
{
	margin-bottom: 20px;
	width: 600px;
	background: url(../common/images/bg_600.jpg) no-repeat bottom;
}

div#topBlog h3
{
	height: 90px;
	background: url(../common/images/bg_head_600_90.jpg) no-repeat;
}

div#topBlog .topTitle
{
	margin: 10px 70px 0 10px;
}

div#topBlog div.catHeader
{
	margin: 5px 0 5px 10px;
	padding: 5px 5px 5px 5px;
	width: 568px;
	height: 1.0em;
	border: 1px solid #414141;
	background-color: #515151;
	line-height: 1em;
}

div#topBlog div.catHeader h4
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

div#topBlog div.catHeader p
{
	float: right;
	font-size: 12px;
}

div#topBlog div.catHeader p a
{
	color: #88AAEE;
	text-decoration: none;
}

div#topBlog div.catHeader p a:hover
{
	text-decoration: underline;
}

div#topBlog dl
{
	margin: 0 0 0 10px;
	padding: 0 0 8px 0;
	width: 580px;
	background: url(../common/images/bg_line_467.gif) no-repeat right 7px;
}

div#topBlog dl dt
{
	font-size: 26px;
}

div#topBlog dl dd.topBlogDate
{
	padding: 0 0 6px 0;
	font-size: 12px;
	color: #525252;
}

div#topBlog dl dd.topBlogPic
{
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	width: 120px;
	height: 90px;
	background: url(../images/top_blog_pic_bg.gif) no-repeat;
}

div#topBlog dl dd.topBlogTheme
{
	font-size: 14px;
	color: #BDA619;
}

div#topBlog dl dd.topBlogText
{
	font-size: 12px;
	color: #5A5A5A;
}

span.topBlogButton
{
	float: right;
	margin: 0.7em 0 0 20px;
}

dd.topBlogDate img
{
	vertical-align: text-bottom;
}

/**-------------------------------------
	03.TOP_NEWS
---------------------------------------**/

div#topNews
{
	width: 600px;
	background: url(../common/images/bg_600.jpg) no-repeat bottom;
}

div#topNews h3
{
	height: 50px;
	background: url(../common/images/bg_head_600_50.jpg) no-repeat;
}

div#topNews .topTitle
{
	margin: 10px 0 0 10px;
}

div#topNews dl
{
	margin:  0 0 0 15px;
	padding: 10px 0 12px 0;
	width: 570px;
	background: url(../common/images/bg_line_580.gif) no-repeat;
	font-size: 92%;
}

div#topNews dl dt
{
	display: block;
	clear: left;
	float: left;
	margin: 0 35px 0 0;
	color: #525252;
}

div#topNews dl dd
{
	color: #4E4E4E;
}

div#topNews dl dd a
{
	text-decoration: none;
}

div#topNews dl dd a:hover
{
	text-decoration: underline;
}



/**-------------------------------------
	04.TOP_PRESENT
---------------------------------------**/

div#topPresent
{
	margin-bottom: 20px;
	width: 260px;
	background: url(../common/images/bg_260.jpg) no-repeat bottom;
}

div#topPresent h3
{
	height: 55px;
	background: url(../common/images/bg_head2_260_55.jpg) no-repeat;
}

div#topPresent .topTitle
{
	margin: 10px 0 0 10px;
}

div#topPresent dl
{
	clear: both;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	width: 240px;
	background: url(../common/images/bg_line_467.gif) no-repeat;
}

div#topPresent dl dt
{
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	width: 92px;
	height: 65px;
	background: url(../images/top_prsnt_pic_bg.gif) no-repeat;
}

div#topPresent dl dd a
{
	text-decoration: none;
}

div#topPresent dl dd a:hover
{
	text-decoration: underline;
}

/**-------------------------------------
	05.TOP_PRODUCT
---------------------------------------**/

div#topProduct
{
	margin-bottom: 20px;
	width: 260px;
	background: url(../common/images/bg_260.jpg) no-repeat bottom;
}

div#topProduct h3
{
	height: 55px;
	background: url(../common/images/bg_head_260_55.jpg) no-repeat;
}

div#topProduct .topTitle
{
	margin: 15px 0 0 10px;
}

div#topProduct dl
{
	margin: 0 0 0 6px;
	padding: 0 0 16px 0;
}

div#topProduct dl dt
{
	margin-bottom: 10px;
	padding: 0 0 0 8px;
	width: 240px;
	height: 24px;
	background: url(../images/top_prdct_head_bg.jpg) no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}

div#topProduct dl dd
{
}

div#topProduct dl dd.topProductPic
{
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	width: 64px;
	height: 64px;
	background: url(../images/top_prdct_pic_bg.gif) no-repeat;
}

div#topProduct dl dd.topProductAbout
{
	float: left;
	width: 160px;
	color: #B91518;
	font-size: 92%;
	font-weight: 800;
}

div#topProduct dl dd.topProductDesc
{
	float: left;
	width: 160px;
	color: #4F4F4F;
	font-size: 92%;
}

div#topProduct dl dd a
{
	text-decoration: none;
}

div#topProduct dl dd a:hover
{
	text-decoration: underline;
}

/**-------------------------------------
	06.TOP_BLUE
---------------------------------------**/

p#topBlue
{
	width: 260px;
	height: 130px;
}