@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

# NICE CLAUP Co.,LTD.
# COPYRIGHT (C) NICE CLAUP CO,.LTD ALL RIGHTS RESERVED.

css : brands
Date : 2011.03.11

[brands] 
	12. Brands

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	12. Brands
------------------------------------------------------------ */

#brands{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 900px;
}

/* common */
#brands .leftColumn{
	width: 150px;
	overflow: hidden;
	float: left;
}
#brands .rightColumn{
	width: 750px;
	overflow: hidden;
	float: right;
}
#brands .sideColumn{
	width: 190px;
	overflow: hidden;
	float: left;
	background: url(../images/common/line.gif) repeat-y left;
}
#brands .mainColumn{
	width: 550px;
	overflow: hidden;
	float: right;
}
#brands .mainColumn#brandsList{
	width: 750px;
	overflow: hidden;
	float: none;
	background: url(../images/common/line.gif) repeat-y left;
}


/* leftColumn */
#brands .pageTitle{
	width: 130px;
	height: 50px;
	background: url(../images/brands/title.gif) no-repeat 0 0;
}
#brands .pageTitle span{
	display: none;
}

/* mainColumn */

/* brandsList article */
#brands .mainColumn#brandsList .articles{
	margin: 0 0 20px 0;
	padding: 0;
	width: 750px;
	overflow: hidden;
}
#brands .mainColumn#brandsList .articleImage{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 200px;
	float: left;
	text-align: center;
}
#brands .mainColumn#brandsList .articleImage span{
	display: none;
}
#brands .mainColumn#brandsList .articleImage img{
	margin: 0 auto;
	text-align: center;
}
#brands .mainColumn#brandsList .articleBox{
	margin: 0;
	padding: 0 0 0 1px;
	overflow: hidden;
	width: 549px;
	float: right;
	background: url(../images/common/border2.gif) repeat-y left;
}
#brands .mainColumn#brandsList .articleTitle{
	margin: 0 0 10px;
	padding: 5px 0;
	overflow: hidden;
	background: #F0F0F0;
}
#brands .mainColumn#brandsList .articleTitleInner{
	margin: 0 5px 0 10px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#brands .mainColumn#brandsList  .articleBody{
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}
#brands .mainColumn#brandsList  .articleBody p{
	margin: 0;
	color: #333;
}

#brands .mainColumn#brandsList .btn_brandinfo{
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}

#brands .mainColumn#brandsList .btn_brandinfo a{
	margin: 0;
	overflow: hidden;
	width: 105px;
	height: 20px;
	background: url(../images/brands/btn_brandinfo.gif) no-repeat;
}



/* sideColumn */
#brands .sideColumn ul{
	margin: 0 0 0 10px;
	padding: 0;
	width: 180px;
	overflow: hidden;
	list-style: none;
}
#brands .sideColumn ul li{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	width: auto;
	overflow: hidden;
}
#brands .sideColumn ul li a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	* zoom: 1;
}
#brands .sideColumn ul li.selecter{
	background: url(../images/common/arr.gif) no-repeat 0 center;
}


/* brandsDetail article */
#brands .mainColumn#brandsDetail .articles{
	margin: 0 0 20px 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}

#brands .mainColumn#brandsDetail .articleLogo{
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	width: 550px;
}

#brands .mainColumn#brandsDetail .articleImage{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 250px;
	float: left;
}

#brands .mainColumn#brandsDetail .articleBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 290px;
	float: right;
}
#brands .mainColumn#brandsDetail .articleTitle{
	margin: 0 0 10px 0;
	padding: 5px 0;
	overflow: hidden;
	background: #F0F0F0;
}
#brands .mainColumn#brandsDetail .articleTitleInner{
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#brands .mainColumn#brandsDetail .articleBody{
	margin: 0 0 10px 0;
	padding: 0 5px 0 10px;
}
#brands .mainColumn#brandsDetail .articleBody p{
	margin: 0;
	color: #333;
}

#brands .mainColumn#brandsDetail .btn_onlineshop{
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}
#brands .mainColumn#brandsDetail .btn_onlineshop a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 110px;
	height: 20px;
	background: url(../images/brands/btn_onlineshop.gif) no-repeat;
}
#brands .mainColumn#brandsDetail .btn_officialsite{
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}
#brands .mainColumn#brandsDetail .btn_officialsite a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 110px;
	height: 20px;
	background: url(../images/brands/btn_officialsite.gif) no-repeat;
}
#brands .mainColumn#brandsDetail .btn_shoplist{
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}
#brands .mainColumn#brandsDetail .btn_shoplist a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 110px;
	height: 20px;
	background: url(../images/brands/btn_shoplist.gif) no-repeat;
}