@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 0px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	background: url(http://swfs.jp/img/img2/e_bg_contents2.gif) left repeat-y;
}

/* パンクズ */
#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#contentWrap {
	width: 900px;
	background: url(http://swfs.jp/img/img2/e_bg_contents.gif) repeat-y;
}


/* ******************************************
 メインコンテンツ左枠 ブロック
****************************************** */

#eclat div#mainWrap {
	float: left;
	display: inline;
	width: 635px;/* コンテンツ毎に幅指定 */
	margin-left: 4px;/* コンテンツ毎に余白幅指定 */
}


/* ******************************************
 サブコンテンツ右枠 ブロック
****************************************** */

#eclat div#subWrap {
	float: right;
	display: inline;
	width: 251px;/* コンテンツ毎に幅指定 */
	margin-right: 4px;/* コンテンツ毎に余白幅指定 */
}

#eclat div.sub-L {
	width: 251px;
	background: #f2f2ec;
	margin-bottom: 5px;
}

#eclat div.sub-M {
	width: 235px;
	margin: 0px auto;
	text-align: left;
}

/* ****************************************************************************
 ▼▼▼　メインコンテンツ内　要素　▼▼▼
**************************************************************************** */

/* ******************************************
 メインビジュアル
****************************************** */

#eclat div.mv {
	width: 635px;
	/*height: 550px;*/
	margin-bottom: 20px;
	position: relative;
}
#eclat div.mv div {
	position: absolute;
	overflow: hidden;
}
#eclat div.mv div a {
	display: block;
	background-repeat: no-repeat;
	background-position: -9999px 0px;
}
#eclat div.mv div a:hover {
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#eclat div.mv div span {
	display: none;
}


/* ******************************************
 デジタルカタログ「Digital Catalog」
****************************************** */

#eclat div.digital_catalog {
	width: 610px;
	margin: 0px auto 20px auto;
	text-align: left;
}

/* カタログ表紙 */
#eclat div.digital_catalog h4{
	margin-bottom: 15px;
}
#eclat div.catalogImg {
	display: inline;
	float: left;
	margin-left: 10px;
	width: 247px;
}

#eclat div.catalogImg img {
	border: 1px solid #cabead;
}
#eclat div.catalogImg a:hover img {
	border: 1px solid #ad370c;
}

/* 掲載情報 */
#eclat div.catalog_picup {
	display: inline;
	float: right;
	margin-right: 10px;
	width: 316px;
	background: url(http://swfs.jp/img/img2/e_bg_001.gif) repeat-y;
}
#eclat div.catalog_picup a {
	display: block;
	width: 316px;
	background: url(http://swfs.jp/img/img2/e_bg_004.gif) left top no-repeat;
}
#eclat div.catalog_picup a:hover {
	text-decoration: none;
}
/* 掲載情報テキスト1 */
#eclat div.catalog_picup span.newText01 {
	display: block;
	margin: 10px 0px 2px 0px;
	padding: 0px 10px;
	font-size: 12px;
	color: #815e30;
	font-weight: bold;
}
/* 掲載情報テキスト2 */
#eclat div.catalog_picup span.newText02 {
	display: block;
	margin-bottom: 2px;
	padding: 0px 10px;
	font-size: 12px;
	color: #815e30;
}
/* 掲載情報テキスト3 */
#eclat div.catalog_picup span.newText03 {
	display: block;
	margin-bottom: 10px;
	padding: 0px 10px;
	font-size: 14px;
	line-height:16px;
	color: #655826;
	font-weight: bold;
	background: url(http://swfs.jp/img/img2/e_bg_005.gif) 248px top no-repeat;
	min-height:17px;
}
* html body #eclat div.catalog_picup span.newText03 {height:17px;overflow:bisible;}

#eclat div.catalog_picup a:hover span.newText03 {
	text-decoration: underline;
	color: #ad370c;
}

/* 掲載情報背景 */
#eclat div.catalog_picup span.newBgTop {
	display: block;
	height: 2px;
	background: url(http://swfs.jp/img/img2/e_bg_002.gif) no-repeat;
	line-height: 0;
	font-size: 0;
}
#eclat div.catalog_picup span.newBgBottom {
	display: block;
	height: 2px;
	background: url(http://swfs.jp/img/img2/e_bg_003.gif) no-repeat;
	line-height: 0;
	font-size: 0;
}


/* ******************************************
 ランキング
****************************************** */

#eclat div.ranking {
	width: 610px;
	margin: 0px auto 20px auto;
	text-align: left;
}

#eclat div.ranking h4 {
	width: 610px;
	margin: 0px auto 15px auto;
	text-align: left;
}

#eclat div.rankingItem {
	width: 610px;
	background: #f3eae0;
}

/* ランキングアイテム５つの場合↓から */

#eclat div.rankingItem li {
	float: left;
	display: inline;
	margin: 0 0 10px 17px;
	width: 102px;
}

#eclat div.rankingItem li.marginL16 {
	margin-left: 16px;
}
/* ランキングアイテム５つの場合↑まで */


 
/* ランキングアイテム４つの場合↓から

#eclat div.rankingItem li {
	float: left;
	display: inline;
	margin: 0 0 10px 41px;
	width: 102px;
}
#eclat div.rankingItem li.marginL16 {
	margin-left: 40px;
}

ランキングアイテム４つの場合↑まで */
 

/* ランキング画像 設定 */
#eclat div.rankingItem li img {
	margin-bottom: 5px;
}

/* 商品画像 設定 */
#eclat div.rankingItem img.itemImg {
	margin-bottom: 5px;
	border: 1px solid #cabead;
}
#eclat div.rankingItem li a:hover img.itemImg {
	border: 1px solid #ad370c;
}

/* 商品説明ブロック 設定 */
#eclat div.rankingItem div {
	width: 102px;
	background: #ffffff;
}
#eclat span.itemBland {
	display: block;
	padding: 5px;
	font-size: 10px;
	color: #ad370c;
	line-height: 1.2em;
}
#eclat span.itemDetail {
	display: block;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
	color: #333333;
}


/* ******************************************
 プレミアムコンテンツ
****************************************** */

#eclat div.premium {
	width: 610px;
	margin: 0px auto 20px auto;
	text-align: left;
}

#eclat div.premium h4 {
	width: 610px;
	margin: 0px auto 15px auto;
	text-align: left;
}

#eclat div.premium div.premium-inner {
	padding-left: 7px;
}

#eclat div.premium div.premium-inner ul li {
	display: inline;
	float: left;
	width: 195px;
	margin-right: 6px;
}

#eclat div.premium div.premium-inner ul li.last {
	margin-right: 0;
}



/* ******************************************
 おすすめアイテム
****************************************** */
#eclat div.pickup-block {
	margin-bottom: 13px;
	text-align: center;
}
#eclat div.pickup-block h3 {
	margin-bottom: 13px;
}
/*□□ スライドブロック □□*/
#eclat div.pickup-block div.pic_sliderWrap {
	width: 620px;
	margin: 0px auto;
	text-align: left;
}

#eclat div.pickup-block div.pic_sliderWrap div.content {
	overflow:hidden;
	width:620px;
	position:relative;
	margin: 0px;
	padding: 0px;
}

#eclat div.pickup-block div.pic_sliderWrap div.section {
	width: 2480px; /* 620×ブロック数 */
	position:relative;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub {
	position:relative;
	float:left;
	width:620px;
	text-align: center;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub table {
	width: 560px;
	margin: 0px auto;
}

/* ボタン位置指定 */
#eclat div.pickup-block div.pic_sliderWrap li.sub a.next {
	position: absolute;
	top: 25px;
	left: 600px;
}
#eclat div.pickup-block div.pic_sliderWrap li.sub a.prev {
	position: absolute;
	top: 25px;
	left: 1px;
}

/* アンカーブロック 要素定義 */
#eclat div.pickup-block div.pic_sliderWrap li.sub td {
	width: 112px;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td a {
	display: block;
	width: 112px;
	padding: 5px 0 5px 0;
	text-align: center;
	text-decoration: none;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td a:hover {
	text-decoration: none;
	background: #F3EAE0;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td img {
	border: 1px solid #CABEAD;
	margin-bottom: 5px;
}
#eclat div.pickup-block div.pic_sliderWrap li.sub td a:hover img {
	border: 1px solid #CABEAD;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td p {
	padding: 0px 6px;
	font-size: 10px;
	text-align: left;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td p img {
	margin-bottom: 3px;
	border: 0px;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td a:hover p img {
	border: 0px;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td span {
	display: block;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td span.brand {
	margin-bottom: 1px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	color: #ff0099;
}

#eclat div.pickup-block div.pic_sliderWrap li.sub td span.item {
	line-height: 1.4em;
	color: #505050;
}



/* ******************************************
 ピックアップブランド
****************************************** */

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

#eclat div.brandWrap h4 {
	width: 610px;
	margin: 0px auto 15px auto;
	text-align: left;
}

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

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

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

#eclat div.brandWrap li.li-Col div {
	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;
}

#eclat div.brandWrap p.brand-all-area {
	text-align: right;
}








/* ****************************************************************************
 ▼▼▼　サブコンテンツ内　要素　▼▼▼
**************************************************************************** */

/* ******************************************
 最新号掲載
****************************************** */
#eclat div.new_info {
	width: 235px;
}

#eclat div.new_info h4 {
	width: 235px;
	height: 22px;
	background: url(http://swfs.jp/img/img2/e_title_006.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	text-indent: 22px;
}

#eclat div.new_info div.new_release {
	/*width: 231px;*/
	margin-bottom: 10px;
	padding-top: 12px;
	background-color: #E6E0CA;
	border: 1px solid #CFCDBE;
	/*background: url(http://swfs.jp/img/img2/e_bg_006.gif) bottom no-repeat;*/
}

#eclat div.magazine {
	margin-bottom: 10px;
	padding-bottom: 12px;
	background: url(http://swfs.jp/img/img2/e_bg_009.gif) bottom left no-repeat;
	text-align: center;
}

#eclat div.magazine div.magazine-inner {
	width: 210px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
/*
#eclat div.magazine img {
	border: 1px solid #c2ac68;
}
*/
#eclat div.release_date {
	display: inline;
	float: right;
	margin-right: 15px;
	padding-top: 20px;
	width: 110px;
	text-align: left;
}

#eclat div.release_date p {
	margin-bottom: 5px;
	color: #ad370c;
	font-size: 12px;
	line-height: 1.2em;
}


/* ******************************************
 新着情報/インフォメーション
****************************************** */



#eclat div.info {
	width: 232px;
}

#eclat div.info li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 232px;
}

#eclat div.info p.info_date {
	margin-bottom: 5px;
	padding: 0px 10px;
	color: #ad370c;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

#eclat div.info p.info_words {
	padding: 0px 10px 0px 16px;
	background: url(http://swfs.jp/img/img2/e_bg_007.gif) 10px 0.5em no-repeat;
	font-size: 12px;
	line-height: 1.2em;
}

/* リンク無しの場合 */
#eclat div.info p.info_text {
	padding: 0px 10px 0px 16px;
	background: url(http://swfs.jp/img/img2/e_bg_007.gif) 10px 0.5em no-repeat;
	font-size: 12px;
	line-height: 1.2em;
	color: #655826;
}


#eclat div.info p.info_words a {
	color: #655826;
	text-decoration: underline;
}



/* ******************************************
 ピックアップ
****************************************** */

#eclat div.pick_up {
	width: 235px;
	padding-top: 5px;
	text-align: center;
}

#eclat div.pick_up h4 {
	width: 235px;
	margin-bottom: 12px;
}

#eclat div.pick_up div {
	width: 225px;
	margin: 0px auto;
	text-align: left;
}

#eclat div.pick_up li {
	text-align: center;
	margin-bottom: 12px;
	padding-bottom: 12px;
	background: url(http://swfs.jp/img/img2/e_bg_006.gif) bottom no-repeat;
}

#eclat div.pick_up a {
	display: block;
	color: #ad370c;
	height: 5px;
}

#eclat div.pick_up p {
	font-size: 12px;
	line-height: 1.2em;
	text-align: left;
}

#eclat img.pick_pic {
	float: left;
	border: 1px solid #cabead;
	vertical-align: top;
	margin-right: 10px;
}

#eclat div.pick_up a:hover img {
	border: 1px solid #ad370c;
}

#eclat p.pick_words {
	padding-top: 10px;
}
#eclat p.pick_words span.pick_text01 {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(http://swfs.jp/img/img2/e_bg_008.gif) right bottom no-repeat;
	font-weight: bold;
	
}

#eclat div.pick_up p.pick_text02 {
	text-align: left;
	padding: 10px 10px 0px 10px;
	clear: both;
}

#eclat div.pick_up p.pick_text02 a {
	width: 68px;
	height: auto;
	margin-top: 8px;
	margin-left: 152px;
	padding-left: 12px;
	background: url(http://swfs.jp/img/img2/e_ic_001.gif) center left no-repeat;
	text-decoration: underline;
}



/* ******************************************
 インデックス・検索
****************************************** */

#eclat div.index {
	padding-top: 5px;
	width: 235px;
}
#eclat div.index li {
	padding-bottom: 5px;
}


/* ******************************************
 バナーエリア
****************************************** */

#eclat div.banner {
	width: 235px;
		padding-top: 5px;
	margin-bottom: 5px;
}

/* ****************************************************************************
 ▼▼▼　要素なし　▼▼▼
**************************************************************************** */

/* ******************************************
 ブランドリスト
****************************************** */

/*なし*/

/* ******************************************
 ネクストアライバル「next arrival」
****************************************** */

/*なし*/