@charset "Shift_JIS";
	/*
	--------------------------------
	Name: brandlist.css
	Created: 2009.09.29
	Last Modified: 2014.09.03
		--------------------------------
	- Table of Contents -

	　トップ（新着ブランド情報）

	--------------------------------
*/


/* --------------------------------
	トップ（新着ブランド情報）
-------------------------------- */

/* #### 09/12/17 修正 ここから ####################### */

/* IE6・7で半角スペースが入ることによるマージンを抹殺 */
div#topPR  {
	font-size: 0;
  line-height: 0;
	margin-bottom: 22px;
}

/* #### 09/12/17 修正 ここまで ####################### */



/* ------------------------------
	ページ内共通
------------------------------ */

/* ブランド情報 ----------- */

div.contents div.brandList {
	position: relative;
	width: 650px;
	margin: 10px -20px 0 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	font-size: 92%;
}

div.contents div.brandList ul {
	width: 650px;
	margin: -1px 0 0 0;
	padding: 8px 0 8px 0;
	background: url(/images/brandcollection/brandlist/list_dotline.gif) no-repeat;
}
/* clearfix: Ver. 2007.05.31 ---------------- */
div.contents div.brandList ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
div.contents div.brandList ul { display:inline-block; }
/*\*/
* html div.contents div.brandList ul { height:1%; }
div.contents div.brandList ul { display:block; }
/**/

/* ------------------------------
	スペシャル情報
------------------------------ */

div#special {
	width: 630px;
	margin: 0 0 35px 0;
	background: #c8b6cb url(/images/brandcollection/top/sp_bg.gif) repeat-y;
	border-bottom: 2px solid #c8b6cb;
}

div#special div.spBg {
	width: 630px;
	padding: 0 0 0 0;
	background: url(/images/brandcollection/top/sp_bg_btm.gif) no-repeat 0% 100%;
}

div#special div.spBg div.spBg {
	width: 630px;
	padding: 0 0 0 0;
	background: url(/images/brandcollection/top/sp_bg_top.gif) no-repeat;
}

div#special ul {
	width: 617px;
	margin: 0 0 0 13px;
}

div#special ul li {
	float: left;
	width: 204px;
	padding: 0 0 11px 0;
}

div#special dl.bc-pibContainer {
	width: 195px;
	padding: 5px 0 0 0;
	background: url(/images/brandcollection/top/sp_set_bg_top.gif) no-repeat;
}

div#special dl.bc-pibContainer dt.img {
	padding: 5px 0 0 10px;
  background:#FFF;
}

div#special dl.bc-pibContainer dd.text {
  background: #fff url(/images/brandcollection/top/sp_set_bg_btm.gif) no-repeat 0% 100%;
	padding: 7px 10px 10px;
	min-height: 56px;
	font-size: 11px;
	line-height: 1.333;
}

* html div#special dl.bc-pibContainer dd.text {
	height: 56px;
}

div#special dl.bc-pibContainer dd.text a {
	color: #333;
}






/* ------------------------------
	絞り込む
------------------------------ */

div#filter {
	padding: 2px 0 0 0;
}

div#filter div#filterSelect {
	width: 630px;
	height: 31px;
	background: url(/images/brandcollection/top/filter_bg.gif) repeat-x;
}

div#filter div#filterSelect div#filterFormWrap {
	width: 450px;
	padding: 1px 8px 0 0;
	text-align: right;
}

div#filter div#filterSelect div#filterFormWrap select {
	margin: 1px 0 0 0;
}

div#filter div#filterSelect div#filterFormWrap input.rollover {
	cursor: pointer;
}

div#filter div#filterLegend {
	margin: 0 0 0 15px;
}

div#filter div#filterLegend dl {
	margin: 15px 0 0 0;
}

div#filter div#filterLegend dl dt,
div#filter div#filterLegend dl dd {
	float: left;
	margin: 0 10px 0 0;
}

div#filter div#filterLegend dl img {
	vertical-align: bottom;
}



/* エラー ----------------- */

div#filter div.filterError {
	width: 600px;
	margin: 30px 0 0 15px;
	padding: 30px 0 100px 0;
	background: url(/images/brandcollection/dot_x_1_2_00.gif) repeat-x;
	text-align: center;
}

div#filter div.filterError p {
	padding: 0 0 15px 0;
}




/* ------------------------------
	ブランド情報 共通
------------------------------ */

ul.brandRow {
	position: relative;
	width: 640px;
	margin: 0 -10px 0 0;
	padding: 15px 0 10px 0;
}

ul.brandRow li.newSet {
	float: left;
	width: 320px;
	word-wrap: break-word;
}

/* clearfix: Ver. 2007.05.31 ---------------- */
ul.brandRow:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
ul.brandRow li.newSet:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
ul.brandRow { display:inline-block; }
ul.brandRow li.newSet { display:inline-block; }
/*\*/
* html ul.brandRow { height:1%; }
* html ul.brandRow li.newSet { height:1%; }
ul.brandRow { display:block; }
ul.brandRow li.newSet { display:block; }
/**/


ul.brandRow li.newSet h4 {
	width: 310px;
	margin: 0 0 14px 0;
	padding: 7px 0 7px 0;
	background: url(/images/brandcollection/top/name_bg.gif);
	font-size: 92%;
	line-height: 1.333;
	font-weight: bold;
}

ul.brandRow li.newSet h4 a {
	display: block;
	padding: 0 5px 0 18px;
	background: url(/images/brandcollection/dot01.gif) no-repeat 6px 0.5em;
	text-decoration: underline;
}
ul.brandRow li.newSet h4 a:hover {
	text-decoration: none;
}

ul.brandRow li.newSet p.img {
	float: left;
	width: 128px;
}
ul.brandRow li.newSet p.img a {
	display: inline-block;
}
ul.brandRow li.newSet p.img img {
	pointer-events: none;
}

ul.brandRow li.newSet div.textArea {
	float: left;
	width: 175px;
}

ul.brandRow li.newSet div.textArea p.text {
	font-size: 85%;
	line-height: 1.364;
}

ul.brandRow li.newSet div.textArea p.text a {
	color: #333;
}

ul.brandRow li.newSet div.textArea ul.icon {
	padding: 10px 0 0 0;
}

ul.brandRow li.newSet div.textArea ul.icon li {
	float: left;
	width: 24px;
}
/* clearfix: Ver. 2007.05.31 ---------------- */
ul.brandRow li.newSet div.textArea ul.icon li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
ul.brandRow li.newSet div.textArea ul.icon li { display:inline-block; }
/*\*/
* html ul.brandRow li.newSet div.textArea ul.icon li { height:1%; }
ul.brandRow li.newSet div.textArea ul.icon li { display:block; }
/**/


ul.brandRow ul.icon li img {
	vertical-align: bottom;
}

/* ------------------------------
	注目ブランド情報
------------------------------ */
div#hotBrand h3 {
	padding: 0 0 5px 0;
}
/* ------------------------------
	新着情報
------------------------------ */
div#newBrand {
	padding: 40px 0 0 0;
}
/* ------------------------------
	ブランド情報
------------------------------ */

div#brand {
	padding: 40px 0 0 0;
}

ul.brandRow li.brandSet {
	float: left;
	width: 128px;
	word-wrap: break-word;
}
ul.brandRow li.brandSet p.img a {
	display: inline-block;
}
ul.brandRow li.brandSet p.img img {
	pointer-events: none;
}
ul.brandRow li.brandSet h4 {
	width: 115px;
	padding: 6px 0 0 0;
	font-size: 85%;
	line-height: 1.5;
	font-weight: bold;
}
ul.brandRow li.brandSet h4 a {
	text-decoration: underline;
}
ul.brandRow li.brandSet h4 a:hover {
	text-decoration: none;
}

ul.brandRow li.brandSet p.text {
	width: 115px;
	padding: 4px 0 0 0;
	font-size: 85%;
	line-height: 1.4;
}

ul.brandRow li.brandSet p.text a {
	color: #333;
}

ul.brandRow li.brandSet ul.icon {
	padding: 4px 0 0 0;
}

ul.brandRow li.brandSet ul.icon li {
	float: left;
	width: 17px;
}

/* clearfix: Ver. 2007.05.31 ---------------- */
ul.brandRow li.brandSet ul.icon li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
ul.brandRow li.brandSet ul.icon li { display:inline-block; }
/*\*/
* html ul.brandRow li.brandSet ul.icon li { height:1%; }
ul.brandRow li.brandSet ul.icon li { display:block; }
/**/





/* ------------------------------
	モニター／プレゼント
------------------------------ */

div#monitorPresent {
	width: 628px;
	margin: 25px 0 0 0;
	padding: 8px 0 8px 0;
}

div#monitorPresent h3 {
	width: 595px;
	height: 30px;
	margin: 0 0 0 14px;
	background: url(/images/brandcollection/dot_x_1_2_00.gif) repeat-x 2px 100%;
}
div#monitorPresent h3 img {
	vertical-align: top;
}

div#monitorPresent ul.infoList {
	width: 595px;
	margin: 2px 0 0 14px;
	padding: 3px 0 3px 0;
}

div#monitorPresent ul.infoList li {
	width: 595px;
	background: none;
	padding: 3px 0 3px 0;
}

div#monitorPresent ul.infoList li dl a {
	color: #333;
}
div#monitorPresent ul.infoList li dl dt {
	padding-left: 15px;
	background: url(/images/brandcollection/top/mon_dot.gif) no-repeat 2px 7px;
}
div#monitorPresent ul.infoList li dl dt a {
	text-decoration: underline;
}
div#monitorPresent ul.infoList li dl dt a:hover {
	text-decoration: none;
}
div#monitorPresent ul.infoList li dl dd a:hover {
	text-decoration: underline;
}


/* ------------------------------
	プロデュースメンバー
------------------------------ */

div#produce {
	width: 630px;
	margin: 20px 0 0 0;
	background: url(/images/brandcollection/top/pro_bg.gif) repeat-y;
}

div#produce div.produceBg {
	background: url(/images/brandcollection/top/pro_bg_btm.gif) no-repeat 0% 100%;
}

div#produce div.produceBg div.produceBg {
	padding: 0 22px 25px 22px;
	background: url(/images/brandcollection/top/pro_bg_top.gif) no-repeat;
}

div#produce h3 {
	padding: 15px 0 11px 0;
}

div#produce p.text {
	float: left;
	width: 410px;
	margin: 0 15px 0 0;
	font-size: 92%;
	line-height: 1.667;
	color: #000;
}

div#produce div.btnArea {
	float: left;
	width: 160px;
}

div#produce div.btnArea p.detail {
	padding: 5px 3px 0 0;
	text-align: center;
}

div#produce div.btnArea p.detail a {
	padding: 0 0 0 11px;
	background: url(/images/brandcollection/top/pro_arw.gif) no-repeat 0em 0.2em;
	font-size: 85%;
	line-height: 1.5;
}