@import "../baseStyle.css";

/* ******************************************
 基本設定
****************************************** */

/* =clearfix
====================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */







/* ページID設定 */
#eclat {
	width: 900px;
	font-size: 100%;
	line-height: 100%;
	color: #424242;
	text-align: center;
	background: #ffffff;
}

#eclat img {
	vertical-align: top;
}


/* ******************************************
 メインタイトル・パンクズ ブロック
****************************************** */

/* メインタイトル */
#eclat div#mainTitle {
	width: 892px;
	height: 42px;
	margin: 0px auto 17px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}

/* パンクズ */
#eclat ul#pankuzu {
	display: block;
	width: 892px;
	height: 38px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
#eclat ul#pankuzu li {
	display: inline;
	float: right;
	margin-right: 5px;
	height: 38px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 12px;
	color: #e7e0d6;/* ページ毎にカラー設定 */
}

/* パンクズリンク設定 */
#eclat ul#pankuzu a {
	color:#ffffff;
	text-decoration: none;
}
#eclat ul#pankuzu a:hover {
	color:#ffffff;
	text-decoration: underline;
}


/* ******************************************
 コンテンツ大枠 ブロック
****************************************** */

#eclat div#wrapper {
	width: 900px;
	text-align: center;
}



/* ******************************************
 category-container
****************************************** */

#eclat div#wrapper div.category-container {
	width: 865px;
	margin: 0 auto 20px;
	text-align: center;
}

#eclat div#wrapper div.category-container h2 {
	margin-bottom: 12px;
}

#eclat div#wrapper div.category-container div.inner {
	width: 815px;
	margin: 0 auto 24px;
}

#eclat div#wrapper div.category-container div.inner h3 {
	margin-bottom: 20px;
}

#eclat div#wrapper div.category-container div.inner ul li {
	display: inline;
	float: left;
	width: 197px;
	margin-right: 5px;
}



/* ******************************************
 ブランドから探す
****************************************** */

#eclat div.brandWrap {
	margin: 0px auto;
	text-align: center;
}

#eclat div.brandWrap h2 {
	margin-bottom: 25px;
}

#eclat div.brandWrap div.alpha_list {
	width: 844px;
	margin: 0px auto;
	text-align: center;
}

#eclat div.brandWrap li.li-Col {
	display: inline;
	float: left;
	width: 211px;
	padding-bottom: 60px;
}

#eclat div.brandWrap li.li-Col div.alphaWrap {
	width: 185px;
	margin: 0px auto;
}

#eclat div.brandWrap li.li-Col div {
	background: url(http://swfs.jp/img/img2/srh_bg_001.gif) no-repeat;
	text-align: center;
}

#eclat div.brandWrap li.li-Col div li {
	width: 165px;
	margin: 0px auto;
	padding-top: 8px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2em;
}

#eclat div.brandWrap li.li-Col div span.brandNameKana {
	font-size: 10px;
	line-height: 1.2em;
	color: #aa9f8f;
}

#eclat div.brandWrap li div li.ic_new {
	background: url(http://swfs.jp/img/img2/srh_ic_001.gif) 0px 5px no-repeat;
}

#eclat div.brandWrap li div li.ic_check {
	background: url(http://swfs.jp/img/img2/srh_ic_002.gif) 0px 5px no-repeat;
}

#eclat div.brandWrap li div li.ic_sale {
	background: url(http://swfs.jp/img/img2/srh_ic_003.gif) 0px 5px no-repeat;
}

#eclat div.brandWrap li div li a {
	display: block;
	color: #554b3e;
	padding-left: 10px;
	background: url(http://swfs.jp/img/img2/srh_bg_002.gif) left 0.2em no-repeat;
	text-decoration: none;
}

#eclat div.brandWrap li div li a:hover {
	text-decoration: underline;
}