@charset "utf-8";

/*
======================================
	KBC
	2009.10.16
	2010.01.05
	2010.04.08

	[10]Web
		1)WebTitle
		2)WebNew
		3)WebShop
		4)WebPresent
		5)WebCoupon
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");

/*
-------------------------
	[10]Web
-------------------------
*/
/*
++++++++++++++++++++++++
	1)WebTitle
++++++++++++++++++++++++
*/
.WebTitle{
	background:url(../web/image/top/web_bg_title.gif) no-repeat 0 0;
	/*background:url(../web/image/top/web_091102_bg_title.jpg) no-repeat 0 0;*/
	width:670px;
	height:213px;
}
.WebTitle h2{
	padding:6px 0 0 8px;	
}
.WebRecommend{
	margin:4px 8px;
	text-align:center;
}
.WebRecommend li{
	display:inline;
}
.WebRecommend li img{
	margin:0 4px;
}
/*
++++++++++++++++++++++++
	2)WebNew
++++++++++++++++++++++++
*/
.WebNew{
	background:url(../web/image/top/web_bg_new.gif) no-repeat 0 0;
	width:670px;
	height:70px;
}
.WebNewText{
	padding:10px 10px 10px 165px;
}
.WebNew dl{
	height:50px;
	overflow:auto;
}
/*
++++++++++++++++++++++++
	3)WebShop
++++++++++++++++++++++++
*/
.WebShop{
	float:left;
	width:490px;
	/*height:470px;*/
}
/*
.WebShop ul{
	height:400px;
	overflow:auto;
}
*/
.WebShop ul li{
	float:left;
	width:230px;
	height:103px;
}
.WebShop dl,
.WebPresent dl{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0 10px 5px 0;
	padding-bottom:5px;
}
.WebShop dt{
	float:left;
	width:120px;
}
.WebShop dt img,
.WebPresent dt img{
	border:3px solid #C6BEA6;
}
.WebPresent dd{
	font-size:10px;
}
.WebShop dd.orange_link,
.WebPresent dd.orange_link,
.WebPresent dd.InfoTitle{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
.WebShopMoreinfo,
.MoreInfo{
	margin-top:3px;
}
.WebShopDVD{
	background:#F4F3EE url(../web/image/top/web_bg_dvd.gif) no-repeat 0 bottom;
	float:right;
	width:167px;
	text-align:center;
}
.WebShopDVD dl{
	height:500px;
	margin:10px 5px 10px 10px;
	overflow:auto;
}
.WebShopDVD dt{
	font-weight:bold;
	color:#FF3300;
}
.WebShopDVD dt.Space{
	border-top:1px solid #C6BEA6;
	padding-top:10px;
}

/*
++++++++++++++++++++++++
	4)WebPresent
++++++++++++++++++++++++
*/
.WebPresent{
	width:670px;
	/*
	height:270px;
	overflow:auto;
	*/
}
/*
.WebPresent li{
	float:left;
	width:320px;
}
*/
.WebPresent ul{
	width:670px;
}
.WebPresent li{
	width:330px;
	display:-moz-inline-box;/* For Firefox 2 */
	display:inline-block;
	/display:inline;	 /* For IE 5-7 */
	/zoom: 1;	 /* For IE 5-7 */
	vertical-align:top;
}
.WebPresent dl{
	width:325px;
}
.WebPresent dt{
	float:left;
}
.WebPresent .LatteIcon{
	display:none;
}
.WebPresent dd{
	margin-left:90px;
}
.WebPresent dd.InfoTitle{
	text-decoration:none;
	color:#996600;
}

/*
++++++++++++++++++++++++
	5)WebCoupon
++++++++++++++++++++++++
*/
.WebCoupon{
	background:url(../web/image/top/web_bg_coupon.gif) no-repeat 0 0;
	height:232px;
}
.WebCoupon dl{
	margin:10px;
}
.WebCoupon dt{
	float:left;
	width:145px;
}
.WebCoupon dt img{
	border:1px solid #614629;
}
/*
++++++++++++++++++++++++
	6)WebLatteList
++++++++++++++++++++++++
*/
.WebLatteList{
	background:url(../web/image/top/web_bg_latte.gif) repeat-y 0 0;
}
.WebLatteList ul{
	padding:10px 10px 5px;
}
.WebLatteList li{
	background:url(../image/border.gif) repeat-x bottom left;
	margin-bottom:8px;
	padding-bottom:8px;
}
.WebLatteList dl{
	min-height:50px;
}
.WebLatteList dt{
	float:left;
	padding-right:7px;
}
.WebLatteList dd{
	overflow:hidden;
	zoom: 1;
	font-size:10px;
	line-height:1.2em;
}
.WebLatteList dd.InfoTitle{
	font-size:12px;
	line-height:1.2em;
	color:#996600;
}
.WebLatteList p{
	background:url(../web/image/top/web_bg_latte_bottom.gif) no-repeat 0 bottom;
	padding:0 10px 10px;
	text-align:right;
}
.WebLatteList img.smbnail{
	display:none;
}