@charset "UTF-8";

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

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

css : shoplist
Date : 2011.03.11

[shoplist] 
	13. Shoplist

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

/* ------------------------------------------------------------
	13. Shoplist
------------------------------------------------------------ */

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

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


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

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


/* mainColumn */

#shoplist .mainColumn .articleLogo{
	margin: 0 0 20px 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}

#shoplist .mainColumn #shopArea{
	margin: 0 0 20px 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
	background: #000;
}
#shoplist .mainColumn #shopArea ul{
	margin: 0 auto;
	padding: 0;
	width: 540px;
	overflow: hidden;
	list-style: none;
}
#shoplist .mainColumn #shopArea ul li{
	margin: 0;
	padding: 0;
	width: 90px;
	overflow: hidden;
	float: left;
	text-align: center;
}
#shoplist .mainColumn #shopArea ul li a{
	margin: 0 auto;
	text-align: center;
}


#shoplist #shopAreaColumn1,
#shoplist #shopAreaColumn2,
#shoplist #shopAreaColumn3,
#shoplist #shopAreaColumn4,
#shoplist #shopAreaColumn5,
#shoplist #shopAreaColumn6{
	margin: 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}
#shoplist #shopAreaColumn1 .shopAreaTitle,
#shoplist #shopAreaColumn2 .shopAreaTitle,
#shoplist #shopAreaColumn3 .shopAreaTitle,
#shoplist #shopAreaColumn4 .shopAreaTitle,
#shoplist #shopAreaColumn5 .shopAreaTitle,
#shoplist #shopAreaColumn6 .shopAreaTitle{
	margin: 0;
	padding: 0;
	width: 90px;
	height: 30px;
	overflow: hidden;
	float:left;
}
#shoplist #shopAreaColumn1 .shopAreaTitle span,
#shoplist #shopAreaColumn2 .shopAreaTitle span,
#shoplist #shopAreaColumn3 .shopAreaTitle span,
#shoplist #shopAreaColumn4 .shopAreaTitle span,
#shoplist #shopAreaColumn5 .shopAreaTitle span,
#shoplist #shopAreaColumn6 .shopAreaTitle span{
	display:none;
}

#shoplist #shopAreaColumn1 .shopAreaTitle{
	background: url(../images/shoplist/area1.gif) no-repeat 0;
}
#shoplist #shopAreaColumn2 .shopAreaTitle{
	background: url(../images/shoplist/area2.gif) no-repeat 0;
}
#shoplist #shopAreaColumn3 .shopAreaTitle{
	background: url(../images/shoplist/area3.gif) no-repeat 0;
}
#shoplist #shopAreaColumn4 .shopAreaTitle{
	background: url(../images/shoplist/area4.gif) no-repeat 0;
}
#shoplist #shopAreaColumn5 .shopAreaTitle{
	background: url(../images/shoplist/area5.gif) no-repeat 0;
}
#shoplist #shopAreaColumn6 .shopAreaTitle{
	background: url(../images/shoplist/area6.gif) no-repeat 0;
}

#shoplist #shopAreaColumn1 .shopAreaList,
#shoplist #shopAreaColumn2 .shopAreaList,
#shoplist #shopAreaColumn3 .shopAreaList,
#shoplist #shopAreaColumn4 .shopAreaList,
#shoplist #shopAreaColumn5 .shopAreaList,
#shoplist #shopAreaColumn6 .shopAreaList{
	margin: 0;
	padding: 0;
	width: 460px;
	overflow: hidden;
	float:right;
}


/* shoplist article */
#shoplist .mainColumn#shopView .articles{
	margin: 0 0 20px 0;
	padding: 0;
	width: 460px;
	overflow: hidden;
	background: url(../images/common/border2.gif) repeat-y 370px;
}
#shoplist .mainColumn#shopView .articleTitle{
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
	background: #F0F0F0;
}
#shoplist .mainColumn#shopView .articleTitleInner{
	margin: 0 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#shoplist .mainColumn#shopView .articleBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 460px;
}
#shoplist .mainColumn#shopView .articleBrands{
	margin: 0;
	padding: 10px 0 0;
	overflow: hidden;
	width: 80px;
	float: right;
}
#shoplist .mainColumn#shopView .articleDetail{
	margin: 0;
	padding: 10px 0 0;
	overflow: hidden;
	width: 370px;
	float: left;
	/* background: url(../images/common/border2.gif) repeat-y right; */
}

#shoplist .mainColumn#shopView .articleTel{
	margin: 0 0 5px 10px;
	padding: 0 0 0 50px;
	overflow: hidden;
	background: url(../images/shoplist/cotion_tel.gif) no-repeat left 0;
	color: #333;
}
#shoplist .mainColumn#shopView .articleAddress{
	margin: 0 0 10px 10px;
	padding: 0 0 0 50px;
	overflow: hidden;
	background: url(../images/shoplist/cotion_address.gif) no-repeat left 0;
	color: #333;
}
#shoplist .mainColumn#shopView .btn_detail{
	margin: 0 0 5px 10px;
	padding: 0;
	overflow: hidden;
}
#shoplist .mainColumn#shopView .btn_detail a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 90px;
	height: 20px;
	background: url(../images/shoplist/btn_detail.gif) no-repeat;
}



/* shopDetail article */
#shoplist .mainColumn#shopDetail .articles{
	margin: 0 0 20px 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}
#shoplist .mainColumn#shopDetail .articleTitle{
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
	background: #F0F0F0;
}
#shoplist .mainColumn#shopDetail .articleTitleInner{
	margin: 0 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#shoplist .mainColumn#shopDetail .articleBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 550px;
}
#shoplist .mainColumn#shopDetail .articleBorder{
	background: url(../images/common/border2.gif) repeat-y 460px;
	margin: 0 0 10px;
}
#shoplist .mainColumn#shopDetail .articleBrands{
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
	width: 80px;
	float: right;
}
#shoplist .mainColumn#shopDetail .articleDetail{
	margin: 0 0 10px 0;
	padding: 10px 0 0;
	overflow: hidden;
	width: 460px;
	float: left;
}

#shoplist .mainColumn#shopDetail .articleTel,
#shoplist .mainColumn#shopDetail .articleAddress,
#shoplist .mainColumn#shopDetail .articleShop,
#shoplist .mainColumn#shopDetail .articleTime,
#shoplist .mainColumn#shopDetail .articleOther{
	margin: 0 10px 5px;
	padding: 0 0 0 50px;
	overflow: hidden;
	color: #333;
}
#shoplist .mainColumn#shopDetail .articleTel{
	background: url(../images/shoplist/cotion_tel.gif) no-repeat left 0;
}
#shoplist .mainColumn#shopDetail .articleAddress{
	background: url(../images/shoplist/cotion_address.gif) no-repeat left 0;
}
#shoplist .mainColumn#shopDetail .articleShop{
	background: url(../images/shoplist/cotion_shop.gif) no-repeat left 0;
}
#shoplist .mainColumn#shopDetail .articleTime{
	background: url(../images/shoplist/cotion_time.gif) no-repeat left 0;
}
#shoplist .mainColumn#shopDetail .articleOther{
	background: url(../images/shoplist/cotion_other.gif) no-repeat left 0;
}

#shoplist .mainColumn#shopDetail .btn_shopblog{
	margin: 0 0 5px 10px;
	padding: 0;
	overflow: hidden;
}
#shoplist .mainColumn#shopDetail .btn_shopblog a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 103px;
	height: 20px;
	background: url(../images/shoplist/btn_shopblog.gif) no-repeat;
}

#shoplist .mainColumn#shopDetail .articleMaps{
	margin: 0;
	padding: 0;
	width: 550px;
	overflow: hidden;	
}

#shoplist .mainColumn#shopDetail .btn_print{
	margin: 0 10px 10px 0;
	padding: 10px 0 0;
	overflow: hidden;
	float: right;
}

#shoplist .mainColumn#shopDetail .btn_print a{
	margin: 0;
	overflow: hidden;
	width: 103px;
	height: 20px;
	background: url(../images/shoplist/btn_print.gif) no-repeat;
}

#shoplist .mainColumn#shopDetail .btn_sendmobile{
	margin: 0 0 10px 0;
	padding: 10px 0 0;
	overflow: hidden;
	float: right;
}
#shoplist .mainColumn#shopDetail .btn_sendmobile a{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 103px;
	height: 20px;
	background: url(../images/shoplist/btn_sendmobile.gif) no-repeat;
}

#shoplist .mainColumn#shopDetail .articleBody p{
	margin: 0 0 10px 0;
	color: #333;
}