@charset "Shift_JIS";
@import url("/defaultMall/css/common/default.css");
@import url("/defaultMall/css/common/layout.css");
@import url("/defaultMall/css/common/parts-ct.css");

/* ■■ 01.汎用class */

/* ■□ 01-01.clearfix(回り込み解除) */
#RelatedCategory .cat ol,
#SPList ul {
	zoom:100%;
}
#RelatedCategory .cat ol:after,
#SPList ul:after {
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}

/* ■□ 01-02.main(メイン見出し) */
/* 背景に角丸グラデーションのある大きな扱いの見出しです。
　 コンテンツ毎に個別にロゴ画像を背景として指定し直しています。 */
#Special h2 span {
	padding-left:85px;
	background-image:url("/defaultMall/images/template/ct1/logo_special.gif");
}

/* ■□ 01-03.one-line(角丸灰色ボックス) */
/* 灰色背景の角丸ボックスです。 */
#Article dl.one-line {
	margin:10px auto 0;
	padding:10px;
	background:#f3f1ec url("/defaultMall/images/template/ct2/bg_item-list_filter-sort_bottom.gif") no-repeat center bottom;
	zoom:1;
}
#Article dl.one-line dt {
	float:left;
	margin:-10px 0 0 -10px;	_margin-left:-5px;
	padding:10px 0 0 10px;
	background:url("/defaultMall/images/template/ct2/bg_item-list_filter-sort_top.gif") no-repeat left top;
}
#Article dl.one-line dd {
	margin:-10px -10px 0 80px;
	padding:10px 10px 0 0;
	background:url("/defaultMall/images/template/ct2/bg_item-list_filter-sort_top.gif") no-repeat right top;
}
#Article dl.one-line dt span {
	display:block;
	margin-right:10px;
	padding:2px 10px 2px 0;
	background:url("/defaultMall/images/template/common/line_vertical_dotted_505050.gif") repeat-y right top;
}
#Article dl.one-line dd * {
	display:inline;
}
#Article dl.one-line li {
	padding:0 8px 0 5px;	*padding:0 5px 0 8px;
	border-right:1px solid #505050;
}
#Article dl.one-line li.first {
	padding-left:0;
}
#Article dl.one-line li.end {
	padding-right:0;
	border-right:none;
}
#Article dl.one-line li.now {
	font-weight:bold;
}
#Article dl.one-line li a,
#Article dl.one-line li.now span {
	white-space:nowrap;
}

/* ■■ 02.レイアウト */
/* [div#Contents] - 大外
　 [div#Contents div#ContentHeader] - ページ見出し
　 [div#Contents div#Content] - コンテンツ中身
　 [div#Contents div#Content div#Article] - コンテンツ本文
　 [div#Contents div#Content div#Aside] - コンテンツ関連情報
　 [div#Contents div#LocalNav] - ローカルナビ */

/* ■□ 02-01.Article(コンテンツ本文) */

/* ■□□ 02-01-01.ItemList(商品一覧) */
#FilterSort .category,
#FilterSort .category dt,
#FilterSort .category dd {
	margin:0!important;
	padding:0!important;
	background:transparent!important;
}
#FilterSort .category {
	margin:20px 0!important;
}
#FilterSort .category dt {
	width:auto;
}
#RelatedCategory {
	margin-top:20px;
}
#RelatedCategory .cat li {
	float:left;
	padding-left:20px;
	background:url("/defaultMall/images/template/common/icon_breadcrumbs-list.gif") no-repeat 8px 50%;
	white-space:nowrap;
}
#RelatedCategory .cat li.home {
	padding-left:0;
	background-image:none;
}
#Keywords {
	margin-top:35px;
}

/* ■□□ 02-01-02.Special(特集) */
/* [div#Special] - 特集
　 [div#Special h2] - 見出し
　 [div#Special p.large-sp] - 超特大バナーエリア
　 [div#Special div#Pickup] - Pick up
　 [div#Special div#SPList] - 特集リスト */
#Special p.read {
	margin-top:0;
}

/* ■□□□ 02-01-02-01.SPList(特集リスト) */
/* [div#SPList] - 特集リスト
　 [div#SPList ul.large] - 大バナー特集
　 [div#SPList ul.middle] - サムネイル特集
　 [div#SPList div.small ul.level02] - テキスト特集 */
#SPList .large {
	margin-right:-13px;
	margin-bottom:20px;
}
#SPList .large li {
	float:left;
	width:168px;
	margin-right:13px;
}
#SPList .large img {
	display:block;
	margin:0 auto 10px;
}

/* ■□ 02-02.LocalNav(ローカルナビ) */
/* [div#LocalNav] - ローカルナビ
　 [div#LocalNav dl.group] - 大グループ
　 [div#LocalNav dl.group dd.top-level .category] - カテゴリ
　 [div#LocalNav ul.ad] - 広告エリア
　 [div#LocalNav dl.frame] - 角丸ボックス */
#LocalNav p.search {
	border-bottom:none;
	background-color:#f3f1ec;
}

/* ■□□ 02-02-01.form(商品一覧) */
/* [dl.form] - 商品一覧
　 [dl.form dt] - 絞り込み項目見出し
　 [dl.form dd] - 絞り込み項目内容 */
#LocalNav .group dt {
	font-size:100%;
}
#LocalNav dt.category {
	padding-bottom:0;
}
#LocalNav dl.form {
	margin-top:-10px;
	padding:0 5px;
}
#LocalNav dl.form dt {
	padding:10px 0 5px;
	border-top:none;
}
#LocalNav dl.form dt span {
	padding:0;
	border-left:none;
}
#LocalNav dl.form img {
	vertical-align:text-bottom;
}
#LocalNav dl.form dd {
	padding:0;
	zoom:1;
}
#LocalNav dl.form .text,
#LocalNav dl.form select {
	width:160px;
	margin-bottom:5px;
}
#LocalNav dl.form .price-filter {
	width:130px;
	margin-right:5px;
}
#LocalNav dl.form .size-filter input {
	width:45px;
	margin-right:5px;
	margin:0 0 5px;
}
#LocalNav dl.form .size-filter .range {
	vertical-align:text-top;
}
#LocalNav dl.form .size-filter dt {
	background:#DEDBD4 none repeat scroll 0%;
	display:inline;
	float:none;
	font-weight:normal;
	margin-right:2px;
	padding:5px 2px 2px;
}
#LocalNav dl.form .size-filter dt {
	clear:both;
	float:left;
	margin-right:5px;
	width:2em;
}
#LocalNav p.submit {
	margin-top:10px;
	text-align:center;
}

/* ■□□ 02-02-02.frame(角丸ボックス) */
/* 四隅が角丸になった、線で囲まれたボックスです。
　 [dl.frame] - 角丸ボックス
　 [dl.frame dt] - 見出し
　 [dl.frame dd] - ボックス中身
　 [dl.frame dd ul.level01 li] - キーワードリスト
　 [dl.frame dd ol] - キーワード順位ショートカット */
.frame .level01 li {
	margin:3px 0;
}
.frame ol {
	margin:10px 0 0;
	padding:10px 0 0;
	background:url("/defaultMall/images/template/common/line_side_dotted_cccccc.gif") repeat-x left top;
	font-size:83.3%;
}
.frame ol li {
	display:inline;
	padding:0 3px 0 5px;
	border-left:1px solid #505050;
}
.frame ol li.first {
	padding-left:0;
	border-left:none;
}
.frame ol a {
	white-space:nowrap;
}
/* ■□ 02-02-03.Aside(コンテンツ関連情報) */
#LocalNav .ad dt {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:2px solid #867f71;
}
#LocalNav .ad dt img {
	vertical-align:text-bottom;
}
#LocalNav .ad dd {
	padding-bottom:5px;
	border-bottom:1px solid #867f71;
}
#LocalNav .ad dd {
	padding-bottom:0;
}
#LocalNav .ad li {
	margin:10px 0;
}
