@charset "UTF-8";
@import url("../../../../web/css/front/common/common.css");

/* CoordiShopSubmainR
----------------------------------- */
.CoordiShop{
	width:740px;
	height:687px;
	padding:0;
	margin:0;
	overflow:hidden;
	background:url('../../../../web/images/front/coordinateShop/bg_coordiShop.gif') no-repeat top left;
}
.CoordiShop h4{
	padding:0 0 0 135px;
	margin:80px 0 0 0;
	font:0/0 Arial;
}
.CoordiShop div.text02{
	padding:7px 0 0 143px;
	margin:0;
	font:0/0 Arial;
}
.CoordiShop .giftForL{
	float:left;
	padding:0;
	margin:67px 0 0 0;
	font:0/0 Arial;	
}
.CoordiShop .giftForL h5{
	padding:0 0 0 115px;
	margin:0;
	font:0/0 Arial;
}
.CoordiShop .giftForL  ul{
 	list-style:none;
	width:239px;
 	padding:0 0 0 107px;
	margin:40px 0 0 0;
	font:0/0 Arial;
	overflow:hidden;	
}
.CoordiShop .giftForL ul li{
	float:left;
	width:126px;
	height:130px;
	padding:0;
	margin:0;
	text-align:left;
	font:0/0 Arial;
}
.CoordiShop .giftForL ul li.right{
	float:right;
	width:113px;
}
.CoordiShop .themeR{
	float:left;
	padding:0 0 0 49px;
	margin:66px 0 0 0;
	font:0/0 Arial;
}
.CoordiShop .themeR h5{
	padding:0 0 0 12px;
	margin:0;
	font:0/0 Arial;
}
.CoordiShop .themeR ul{
	list-style:none;
	width:300px;
 	padding:0 0 0 0;
	margin:40px 0 0 0;
	overflow:hidden;
	font:0/0 Arial;
 }
.CoordiShop .themeR ul li{
	float:left;
	width:126px;
	height:130px;
	padding:0;
	margin:0;
	text-align:left;
	font:0/0 Arial;	
}
 /* CoordiShopSubcategoryListR
--------------------------------------------- */
.CoordiShopFlash{
	float:left;
	width:330px;
	padding:0 0 0 20px;
	margin:12px 0 26px 0;
	overflow:hidden;
	font:0/0 Arial;	
}
ul.category{
	float:right;
	list-style:none;
	width:329px;
	padding:0 21px 0 0;
	margin:18px 0 0 0;
	font:0/0 Arial;	
 }
ul.category li{
	width:329px;
	padding:0 0 0 1px;
	margin:15px 0 0 0;
	font:0/0 Arial;	
	border-bottom:1px solid #E9E9E9;
	overflow:hidden;
}
ul.category li dl{
	float:left;
	width:245px;
	padding:0;
	margin:0;
	font:0/0 Arial;	
}
ul.category li dt{
	width:245px;
 	padding:0;
	margin:0;
	font:0/0 Arial;	
}
ul.category li dd{
	float:left;
 	padding:0;
	margin:8px 0 0 0;
	font:0/0 Arial;	
}
ul.category li dd.proposal{
	width:100%;
}
ul.category li dd img{
	vertical-align:middle;
}
ul.category li dd.bar{
	padding:0 0 0 6px;
	margin:8px 0 0 10px;
	background:url('../../../../web/images/front/icon/icon_verBar.gif') no-repeat top left;
}
ul.category li .product{
	float:right;
	padding:0;
	margin:4px 0 0 0;
	font:0/0 Arial;	
}
ul.category li .mt14{
	margin:14px 0 0 0;
}

ul.divisionList{
	clear:both;
	list-style:none;
	width:706px;
	height:21px;
	padding:6px 0 0 34px;
	margin:0;
	overflow:hidden;
 	background:url('../../../../web/images/front/coordinateShop/bg_listDivision.gif') no-repeat top left;
}
ul.divisionList li{
 	float:left;
 	padding:0 11px 0 0;
 	margin:0 11px 0 0;
	font:12px Gulim;
	color:#F6F5F5;
	border:none;
	overflow:hidden;
	background:url('../../../../web/images/front/icon/icon_verBar02.gif') no-repeat top right;
}
ul.divisionList li.last{
	background:none;
}
ul.divisionList li.on{
	font-weight:blod;
}
ul.divisionList li a:link,
ul.divisionList li a:visited{
	color: #F6F5F5;
	text-decoration: none;
}
ul.divisionList li a:active, 
ul.divisionList li a:hover {
	color: #F5E590;
	text-decoration: none;
}

ul.DesignPhoto{
	list-style:none;
	width:740px;	
	margin:15px 0 0 0;
	padding:0;
	font:0/0 Arial;
	overflow:hidden;
}
.DesignPhoto li{
	float:left;
	width:137px;
	height:188px;
	padding:0;
	margin:0 13px 0 0;
	font:0/0 Arial;
	border:none;
	overflow:hidden;
}
.DesignPhoto li.last,
.DesignPhoto li.first{
	margin-right:0;
}
.DesignPhoto li div.imgview{
	float:left;
	width:135px; 
	height:102px; 
	padding:0;
	margin:0;
	font:0/0 Arial;
	border:1px solid #D4D4D4;
}
.DesignPhoto li dl{
	width:137px;
	padding:0;
	margin:0;
}
.DesignPhoto li dl dt{
	clear:both;
	width:137px;
	padding:9px 0 0 0;
	margin:0;	
	font:12px/14px Gulim;
	color:#696969;	
	text-align:center;
}
.DesignPhoto li dl dt strong{
	font-weight:bold;
}
.DesignPhoto li dl dd{
	width:137px;
	padding:7px 0 0 0;
	margin:0;
	font:0/0 Arial;
	text-align:center;
}
.DesignPhoto li dl dd.picon{
	padding-top:4px; !important;
}
.DesignPhoto dl dd img.left{
	margin-right:5px;
}

