@charset "utf-8";

/* VANFOOK PRODUCT.CSS  */


/*--------------------------------------
*	
*	00.GLOBAL_COMMON
*		00-01.SIDE_MENU
*	01.INDEX
*	02.CATEGORY
*		02-00.CATEGORY_COMMON
*		02-01.CATEGORY_HEAD
*		02-02.CATEGORY_MAIN
*	03.ENTRY
*		03-00.ENTRY_COMMON
*		03-01.ENTRY_HEAD
*		03-02.ENTRY_MAIN
*		03-03.ENTRY_THUMNAIL
*		03-04.ENTRY_SUB
*
*--------------------------------------*/


/**-------------------------------------
	00.GLOBAL_COMMON
---------------------------------------**/

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

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

h2
{
	margin-bottom: 30px;
}

/**-------------------------------------
	00-01.SIDE_MENU
---------------------------------------**/

div.menu
{
	background: url(../../common/images/menu_bg.gif) no-repeat bottom;
}

div.menu dl
{
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
}

div.menu dl dt
{
	padding: 0 0 0 10px;
	height: 35px;
}

div.menu dl dt.menuFirst
{
	padding: 10px 0 0 10px;
	background: url(../../common/images/menu_head_bg.gif) no-repeat;
}

div.menu dl dd
{
	margin: 0 15px 5px 30px;
	padding: 0 0 0 14px;
	background: url(../../common/images/menu_listhead.gif) no-repeat 0px 7px;
	color: #D9D9D9;
	font-size: 92%;
}

div.menu dl dd a
{
	color: #D9D9D9;
	text-decoration: none;
}

div.menu dl dd a:hover
{
	color: #D9D9D9;
	text-decoration: underline;
}

div.menu dl dd a:visited
{
	color: #A3A3A3;
}

/**-------------------------------------
	01.INDEX
---------------------------------------**/

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

div#indexHead
{
	margin: 0 0 18px 0;
	background: url(../images/bg_head.jpg) no-repeat;
}

div#indexHead h3
{
	padding: 0 0 0 10px;
	width: 580px;
	height: 90px;
	background: url(../../common/images/bg_line_580.gif) no-repeat 10px bottom;
}

div#indexHead h3 img
{
	margin: 10px 0 0 10px;
}

div.indexBlock
{
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	width: 560px;
}

div.indexBlock dl
{
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
	width: 558px;
	background-color: #FFFFFF;
	border: 1px solid #CBCBCA;
}

div.indexBlock dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.indexBlock dl{
	display:inline-block;
}

/* \*/
* html div.indexBlock dl{ 
	height:1%;
}
/* */

div.indexBlock dl dt
{
	margin: 0 0 16px 0;
	padding: 4px 0 0 10px;
	height: 40px;
	background: url(../images/h4_bg.jpg) no-repeat;
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	overflow: hidden;
}

div.indexBlock dl dd.indexBloPic
{
	display: inline;
	float: left;
	margin: 0 20px 0 10px;
	padding: 3px;
	background: url(../images/entry_pic_bg.jpg) no-repeat;
}

div.indexBlock dl dd.indexBloDesc
{
	float: left;
	width: 340px;
	font-size: 92%;
	color: #3A3A3A;
}

div.indexBlock dl dd.indexBloBtn
{
	display: inline;
	float: right;
	margin: 12px 20px 0 0;
}

/**-------------------------------------
	02-00.CATEGORY_COMMON
---------------------------------------**/

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

div.categoryMain
{
	margin-left: 20px;
}

/**-------------------------------------
	02-01.CATEGORY_HEAD
---------------------------------------**/

div#categoryHead
{
	background: url(../../common/images/bg_head_600_50.jpg) no-repeat;
}

div#categoryHead h3
{
	padding: 0 20px 0 20px;
	width: 560px;
	height: 50px;
	background: url(../../common/images/bg_line_580.gif) no-repeat bottom;
}

span.entryH3
{
	float: left;
	margin: 8px 0 0 0;
	font-size: 20px;
	font-weight: 800;
	color: #313131;
}

span.proTopBtn
{
	float: right;
	margin: 12px 0 0 0;
}

/**-------------------------------------
	02-02.CATEGORY_MAIN
---------------------------------------**/

div.categoryMain
{
	padding: 17px 0 33px;
}

div.categoryMain h4
{
	padding: 4px 0 0 18px;
	height: 35px;
	background: url(../images/h4_bg.jpg) no-repeat;
	font-size: 20px;
	color: #F4F4F4;
}

div.categoryMain dl
{
}

div.categoryMain dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.categoryMain dl{
	display:inline-block;
}

/* \*/
* html div.categoryMain dl{ 
	height:1%;
}
/* */

div.categoryMain dl dt
{
	padding: 6px 0 8px 2px;
	font-size: 122%;
	font-weight: 800;
	color: #B91518;
}

div.categoryMain dl dd.entryPic
{
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
	width: 160px;
	height: 160px;
	background: url(../images/entry_pic_bg.jpg) no-repeat;
}

div.categoryMain dl dd.entryDesc
{
	float: left;
	width: 374px;
	font-size: 92%;
	color: #3A3A3A;
}

div.categoryMain dl dd.entryBtn
{
	display: inline;
	float: right;
	margin: 12px 20px 0 0;
}

/**-------------------------------------
	03-00.ENTRY_COMMON
---------------------------------------**/

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

div#entryMain,
div#entryTN,
div#entrySub
{
	margin-left: 20px;
}

/**-------------------------------------
	03-01.ENTRY_HEAD
---------------------------------------**/

div#entryHead
{
	margin-bottom: 17px;
	background: url(../../common/images/bg_head_600_50.jpg) no-repeat;
}

div#entryHead h3
{
	padding: 0 20px 0 20px;
	width: 560px;
	height: 50px;
	background: url(../../common/images/bg_line_580.gif) no-repeat bottom;
}

span.entryH3
{
	float: left;
	margin: 8px 0 0 0;
	font-size: 20px;
	font-weight: 800;
	color: #313131;
}

span.proTopBtn
{
	float: right;
	margin: 12px 0 0 0;
}

/**-------------------------------------
	03-02.ENTRY_MAIN
---------------------------------------**/

div#entryMain
{
	padding-bottom: 24px;
}

div#entryMain h4
{
	padding: 4px 0 0 18px;
	height: 35px;
	background: url(../images/h4_bg.jpg) no-repeat;
	font-size: 20px;
	color: #F4F4F4;
}

div#entryMain dl
{
}

div#entryMain dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#entryMain dl{
	display:inline-block;
}

/* \*/
* html div#entryMain dl{ 
	height:1%;
}
/* */

div#entryMain dl dt
{
	padding: 6px 0 8px 2px;
	font-size: 122%;
	font-weight: 800;
	color: #B91518;
}

div#entryMain dl dd.entryPic
{
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
	width: 160px;
	height: 160px;
	background: url(../images/entry_pic_bg.jpg) no-repeat;
}

div#entryMain dl dd.entryDesc
{
	float: left;
	width: 374px;
	font-size: 92%;
	color: #3A3A3A;
}

/**-------------------------------------
	03-03.ENTRY_THUMNAIL
---------------------------------------**/

div#entryTN
{
	margin-bottom: 24px;
}

div#entryTN ul
{
	padding: 0 15px 12px 15px;
	width: 528px;
	border: 1px solid #E3E3E3;
	background-color: #FFFFFF;
}

div#entryTN ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#entryTN ul{
	display:inline-block;
}

/* \*/
* html div#entryTN ul{ 
	height:1%;
}
/* */

div#entryTN ul li
{
	float: left;
	margin: 12px 15px 0 0;
	padding: 3px;
	background: url(../images/entry_thum_bg.jpg) no-repeat;
}

div#entryTN p
{
	clear: left;
	margin: 2px 0 0 15px;
	font-size: 92%;
	color: #6A6A6A;
}

/**-------------------------------------
	03-04.ENTRY_SUB
---------------------------------------**/

div#entrySub
{
	padding-bottom: 20px;
}

div#entrySub h5
{
	width: 530px;
	height: 30px;
}

div#entrySub table
{
	width: 560px;
	border: #E3E3E3 1px solid;
	text-align: center;
	color: #0A3155;
	font-size: 92%;
}

div#entrySub table tr
{
	border: #E3E3E3 1px solid;
}

div#entrySub table th
{
	height: 30px;
	background-color: #F4FBFF;
	border: #E3E3E3 1px solid;
	text-align: center;
}

div#entrySub table td
{
	height: 30px;
	background-color: #FFFFFF;
	border: #E3E3E3 1px solid;
}