@import "../baseStyle.css";

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

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

#sale img {
	vertical-align: top;
}


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

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

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

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


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

#sale div#contentWrap {
	width: 900px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_contents.gif) repeat-y;
}


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

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


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

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

#sale div.sub-L {
	width: 220px;
	text-align: center;
}

#sale div.sub-M {
	width: 220px;
	margin: 15px auto 0px auto;
	padding-top: 7px;
	text-align: center;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_010.gif) left top no-repeat;
}


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

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

#sale div.mv {
	width: 668px;
	margin-bottom: 8px;
}


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

#sale div.new_info {
	width: 668px;
}

#sale div.new_info div.info {
	width: 642px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	border:1px solid #fcbbc6;
	margin: 0px auto 13px auto;
}

#sale div.new_info div.info marquee {
	font-size: 12px;
}

#sale span.info_date {
	display: block;
	font-weight: bold;
	color: #dd2627;
	margin:6px 0 6px 6px;
	width:65px;
	float:left;
	text-align:center;
}
* html body div #sale span.info_date {margin:6px 0 3px 6px;}

#sale span.info_text {
	display: block;
	width:550px;
	float:right;
	margin:6px 10px 6px 0;
}
* html body div #sale span.info_text {margin:6px 10px 3px 0;padding-left:6px;}


#sale  div.new_info a {
	color: #2f2f2f;
	text-decoration: underline;
}

#sale div.new_info a:hover {
	color: #FFA600;
}

#sale div.ex_info {
	width: 648px;
	text-align: left;
	font-size:10px;
	line-height:16px;
	margin:0 auto 13px auto;
	padding:0 0 0 60px;
	color:#7d7c7d;
}



/* ******************************************
 PICKUPブランド
****************************************** */

#sale div.pickup_brand {
	width: 660px;
	margin: 0px auto 15px 10px;
	overflow: hidden;
}

#sale div.pickup_brand li {
	display: inline;
	width: 122px;
	height:85px;
	float: left;
	margin:0  9px 10px 0;
	text-align:center;
	overflow:hidden;
	background:url(http://swfs.jp/img/img2/sale_2009winter_pickupbr_bg.gif) left top no-repeat;
}

#sale div.pickup_brand li a{
	display: block;
	width: 122px;
	height:85px;
	padding:17px 0 0 0;
	text-decoration:none;
	line-height:16px;
}

#sale div.pickup_brand li a:hover{
	background:url(http://swfs.jp/img/img2/sale_2009winter_pickupbr_bg_on.gif) left top no-repeat;
}

#sale div.pickup_brand li a img{
	margin-bottom:15px;
}

#sale div.pickup_brand li a div.offper{
	font-size:12px;
	font-weight:bold;
	color:#f2494b;
}

#sale div.pickup_brand div.more_brand{
	text-align:right;
	padding-right:15px;
	margin-bottom:10px;
}

#sale div.pickup_brand li.mini_mag a{
	padding:5px 0 0 0;
}



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

#sale div.pick_up {
	width: 648px;
	margin: 0px auto ;
	text-align: center;
}

#sale div.pick_up h4 {
	margin-bottom: 15px;
}

#sale div.pick_up h5 {
	dispaly:block;
	margin: 10px 0 13px 0;
	text-align:left;
	width:634px;
	height:31px;
	padding-left:93px;
	font-size:16px;
	line-height:31px;
	font-weight:bold;
	color:#444;
}

#sale div.pick_up h5.pickup1 {
	background: url(http://swfs.jp/img/img2/sale_2009winter_pickup1.gif) left top no-repeat;
}

#sale div.pick_up h5.pickup2 {
	background: url(http://swfs.jp/img/img2/sale_2009winter_pickup2.gif) left top no-repeat;
}

#sale div.pick_up h5.pickup3 {
	background: url(http://swfs.jp/img/img2/sale_2009winter_pickup3.gif) left top no-repeat;
}

#sale div.pick_up h5.pickup4 {
	background: url(http://swfs.jp/img/img2/sale_2009winter_pickup4.gif) left top no-repeat;
}

#sale div.pick_up-L {
	width: 622px;
	margin: 0px auto;
	
}

#sale div.pick_up-L li {
	display: inline;
	float: left;
	width: 110px;
	margin:0 8px 25px 8px;
}

#sale div.pick_up-L li.marginOff {
	margin-right: 0px;
}

#sale div.pick_up-L li a {
	display: block;
	width: 110px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_002.gif) left top no-repeat;
	text-decoration: none;
}

#sale div.pick_up-L li a:hover {
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_003.gif) left top no-repeat;
}

#sale div.pick_up-L li a img {
	margin: 5px auto 10px auto;
}

#sale div.pick_up-L li a span.item {
	display: block;
	text-align: left;
	font-size: 10px;
	line-height: 1.4em;
	color: #54c0ef;
}

#sale div.pick_up-L li a span.price-down {
	display: block;
	text-align: left;
	font-size: 10px;
	line-height: 1.4em;
	color: #999999;
	text-decoration: line-through;
}

#sale div.pick_up-L li a span.price {
	display: block;
	text-align: left;
	font-size: 10px;
	line-height: 1.4em;
	color: #c92420;
	font-weight: bold;
}


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

#sale div.brand_list {
	width: 648px;
	margin: 10px auto;
	text-align: left;
}

#sale div.brand_list h4 {
	margin-bottom: 2px;
}

#sale div.brand_list div.list_wrap {
	width: 636px;
	padding: 10px 0px;
	background: #fcf6fa;
	margin-left: 8px;
}

#sale div.brand_list div.list_block {
	display: inline;
	float: left;
	width: 196px;
	margin-left: 12px;
}

#sale div.brand_list div.list_wrap li{
	padding-left: 7px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_004.gif) left 0.3em no-repeat;
	font-size: 12px;
	line-height: 1.2em;
}

#sale div.brand_list div.list_wrap li a{
	display: block;
	padding: 2px;
	color: #2d2d2d;
	text-decoration: none;
}
*html #sale div.brand_list div.list_wrap li a{
	height: 2px;
}

#sale div.brand_list div.list_wrap li a:hover{
	text-decoration: none;
	background: #eeeeee;
}



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

/* ******************************************
 新着順に見る
****************************************** */

#sale div.serch-bt {
	padding: 7px 0px;
}


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

#sale div.index {
	width: 220px;
	margin-bottom: 5px;
	text-align: center;
}

#sale div.index div {
	width: 210px;
	text-align: left;
	margin: 0px auto;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_005.gif) left top repeat-y;
}

#sale div.index ul.price {
	width: 210px;
	margin-top: 7px;
	padding-bottom: 7px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_006.gif) left bottom no-repeat;
}

#sale div.index ul.price li {
	padding-left: 40px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_007.gif) 20px 50% no-repeat;
	font-size: 13px;
	line-height: 1.6em;
}

#sale div.index ul.item {
	width: 210px;
	margin-top: 7px;
	padding-bottom: 7px;
}

#sale div.index ul.item li {
	padding-left: 40px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_009.gif) 20px 3px no-repeat;
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom:5px;
}

#sale div.index li a {
	text-decoration: none;
	color: #4a4d4e;
}

#sale div.index ul.price li a:hover {
	text-decoration: underline;
	color: #009900;
}

#sale div.index ul.brand li a:hover {
	text-decoration: underline;
	color: #0066cc;
}

#sale div.index ul.item li a:hover {
	text-decoration: underline;
	color: #cc33cc;
}

#sale div.index div.more_item {
	display:block;
	width:210px;
	height:25px;
	text-align:right;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_006.gif) left bottom no-repeat;
}

#sale div.index div.more_item a{
	text-align:right;
	margin-right:10px;
}

/* ******************************************
 ～から探すボタン
****************************************** */

#sale #subWrap div.common_btn {
	width: 210px;
	margin:5px auto;
	text-align: center;
}

#sale #subWrap div.common_btn li{
	margin:0 auto 5px auto;
	text-align: center;
}

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

#sale #subWrap div.nv_top_banner {
	display:block;
	width: 220px;
	height:200px;
	margin:0px auto;
	padding-top:5px;
	text-align: center;
	background:#fff;

}
* html body div #sale #subWrap div.nv_top_banner {height:205px;}

#sale #subWrap div.nv_top_banner2 {
	display:block;
	width: 220px;
	height:200px;
	margin:0px auto;
	padding-top:5px;
	text-align: center;
	background:#fff;
	font-size:12px;
	line-height:14px;
}
* html body div #sale #subWrap div.nv_top_banner2 {height:205px;}


#sale #subWrap div.nv_top_banner2 a{
	color:#0000ff;
	text-decoration:underline;
}

#sale #subWrap div.nv_top_banner2 a:hover{
	color:#f2494b;
}

#sale #subWrap div.nv_top_banner2 a img{
	margin-bottom:2px;
}

#sale #subWrap div.nv_top_banner3 {
	display:block;
	width: 220px;
	height:90px;
	margin:0px auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	background:#fff;
	font-size:12px;
	line-height:14px;
}
* html body #sale #subWrap div.nv_top_banner3 {height:100px;}

#sale #subWrap div.nv_top_banner4 {
	display:block;
	width: 220px;
	height:90px;
	margin:0px auto;
	padding-top:5px;
	padding-bottom:10px;
	text-align: center;
	background:#fff;
	font-size:12px;
	line-height:14px;
}
* html body #sale #subWrap div.nv_top_banner4 {padding-bottom:10px;}

#sale #subWrap div.banner {
	width: 210px;
	margin:0 auto 5px auto;
	text-align: center;
}


/* ******************************************
 SALE系サーチページ用
****************************************** */

#sale #serchBtn {
	width: 892px;
	height: 31px;
	margin: 9px auto 10px auto;
	text-align: right;
	overflow: hidden;
}

#sale #serchBtn ul{
	text-align: right;
	margin: 0px 13px 0px 0px;
}

#sale #serchBtn li{
	display:inline;
	width: 157px;
	height: 31px;
	margin: 0px 0px 0px 2px;
	text-align: right;
	overflow: hidden;
}

#sale #SerchContents {
	width: 855px;
	margin: 10px auto 25px auto;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding-left:10px;
}

#sale #SerchContents a{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:2px 0px 2px 2px;
}

#sale #SerchContents a:hover{
	text-decoration:underline;
}


/* ******************************************
アイテム一覧
****************************************** */

#sale #SerchContents div.itemListWrap {
	width: 855px;
	margin: 10px auto 25px auto;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#sale #SerchContents div.itemListWrap div.subCtList{
	display:block;
	width:208px;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0;
	overflow:hidden;
}


#sale #SerchContents div.itemListWrap div.subCtList dl{
	display:block;
	width:208px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sale #SerchContents div.itemListWrap div.subCtList dt{
	display:block;
	background:#fcdada;
	border-bottom:1px solid #f8adad;
	margin:0 0 4px 0;
	padding:1px 0 0 5px;
	overflow:hidden;
	font-weight:bold;
	color:#e43032;
	line-height:20px;
}

#sale #SerchContents div.itemListWrap div.subCtList dd{
	margin:0;
	padding:2px 0px 6px 16px;
	overflow:hidden;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_004.gif) 8px 3px no-repeat;
	color:#9f9f9f;
}

#sale #SerchContents div.itemListWrap div.subCtList dd a{
	padding:0px;
}


/* ******************************************
ブランド一覧
****************************************** */

#sale #SerchContents div.brandListWrap {
	width: 855px;
	margin: 10px auto 25px auto;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#sale #SerchContents div.list_wrap {
	width: 850px;
	padding: 0px;
	margin-left: 5px;
}

#sale #SerchContents div.list_block {
	display: inline;
	float: left;
	width: 190px;
	margin: 0px 10px 0px 10px;
}

#sale #SerchContents div.list_wrap li{
	padding:0px 0 4px 10px;
	background: url(http://swfs.jp/img/img2/sale_2009smr_bg_004.gif) 1px 6px no-repeat;
	font-size: 12px;
	line-height: 14px;
	width: 190px;
}