@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");
@import url("/defaultMall/css/ct1/ct1.css");


/* ■■ 01.汎用class */

/* ■□ 01-01.clearfix(回り込み解除) */
#SPList ul,
#Recommend .other,
#Banners,
#SeasonCellar .group,
#SeasonCellar ul,
#PickupCategory .list ul {
	zoom:1;
}
#SPList ul:after,
#Recommend .other:after,
#Banners:after,
#SeasonCellar .group:after,
#SeasonCellar ul:after,
#PickupCategory .list ul:after {
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}

/* ■□ 01-02.banners(バナーブロック) */
/* 左のサイドバーにてバナーを並べて掲載するブロック用class。
　 [dl.banners] - バナーブロック
　 [dl.banners dt] - 見出し
　 [dl.banners dd ul li] - バナー */

#LocalNav .banners img {
	vertical-align:bottom;
}
#LocalNav .banners dd{
	background: #f3f1ec;
	padding: 10px 0px;
	}
#LocalNav .banners dd li {
	width:180px;
	padding: 0;
	margin:0px auto 0;
}

/* ■□ 01-03.texts(テキスト＋バナーブロック) */
/* 左のサイドバーにてバナーとテキストを並べて掲載するブロック用class。
　 別途.bannersを使用しています。
　 [dl.texts] - バナーブロック
　 [dl.texts dt] - 見出し
　 [dl.texts dd ul li] - バナー */
#LocalNav .texts dd li {
	margin:10px auto 20px;
}
#LocalNav .texts li img {
	display:block;
	margin-bottom:10px;
}

/* ■□ 01-03.banners(バナーブロック) */
/* 右のサイドバーにてバナーを並べて掲載するブロック用class。
　 [dl.banners] - バナーブロック
　 [dl.banners dt] - 見出し
　 [dl.banners dd ul li] - バナー */
#Aside .banners dt {
	padding:0 0 3px 0px;
	border-bottom:2px solid #a7a196;
}
#Aside .banners img {
	vertical-align:text-bottom;
}
#Aside .banners dd li {
	width:168px;
	margin:10px auto 0;
}
#Aside .banners dd{
border-bottom:1px solid #FFFFFF!important;
}

/* ■■ 02.レイアウト */

/* ■□ 02-01.SPList(特集一覧) */
/* メインカラム上部の特集一覧ブロックです。
　 importで読み込んでいる外部CSSの記述を上書きしています。
　 [div#SPList] - 特集一覧
　 [div#SPList ul li] - 各特集 */
#SPList ul {
	margin-right:-13px;
}
#SPList li {
	float:left;
	width:168px;
	margin-right:13px;
}
#SPList img {
	display:block;
	margin-bottom:10px;
	vertical-align:text-bottom;
}

/* ■□ 02-02.Recommend(RECOMMEND!) */
/* メインカラム中のRECOMMEND!ブロックです。
　 [div#Recommend] - RECOMMEND!
　 [div#Recommend h2] - 見出し
　 [div#Recommend dl.pickup] - 大ピックアップ
　 [div#Recommend dl.pickup dt] - キャッチコピー
　 [div#Recommend dl.pickup dd p.read] - リード文
　 [div#Recommend dl.pickup dd p.title] - 商品名
　 [div#Recommend dl.pickup dd p.title a img] - 商品画像
　 [div#Recommend dl.pickup dd p.price] - 価格
　 [div#Reocmmend dl.pickup dd p.comment] - 買った人のコメント
　 [div#Recommend dl.pickup dd p.tv] - テレビで紹介されました！
　 [div#Recommend ul.other] - 小ピックアップ
　 [div#Recommend ul.other li p.title] - 商品名
　 [div#Recommend ul.other li p.title a img] - 商品画像
　 [div#Recommend ul.other li p.price] - 価格
　 [div#Recommend ul.other li p.comment] - 買った人のコメント
　 [div#Recommend p.more] - おすすめ一覧へ */
#Recommend h2 {
	margin-bottom:1px;
	background:#c4969c;
	color:#fff;
}
#Recommend h2 img {
	vertical-align:text-bottom;
}
#Recommend .pickup {
	position:relative;
	min-height:180px;	_height:180px;
	margin-bottom:1px;
	padding:15px 10px 15px 250px;
	background:#f2f1ef;
	color:#666;
}
#Recommend .pickup .title img {
	position:absolute;
	left:10px;
	top:15px;
}
#Recommend .pickup p {
	margin-bottom:10px;
	color:#666;
}
#Recommend .pickup p.title,
#Recommend .pickup p.price {
	margin-bottom:5px;
}
#Recommend .pickup .price,
#Recommend .pickup .comment,
#Recommend .pickup .tv {
	font-weight:bold;
}
#Recommend .comment a {
	padding-left:20px;
	background:url("/defaultMall/images/includehtml/interior/images/ico_comment.gif") no-repeat left center;
}
#Recommend .pickup p.tv {
	background:#90a5a0;
	color:#fff;
}
#Recommend .other {
	padding:15px 0 15px 10px;
	background:#f2f1ef;
	color:#666;
}
#Recommend .other li {
	float:left;
	width:120px;
	margin-right:10px;
}
#Recommend .other p {
	margin-bottom:5px;
}
#Recommend .other .title {
	line-height:1.5;
}
#Recommend .other img {
	display:block;
	margin-bottom:5px;
	vertical-align:text-bottom;
}
#Recommend .other .price,
#Recommend .other .comment {
	font-weight:bold;
}
#Recommend .other .comment {
	font-size:83.3%;
}
#Recommend .other .comment a {
	padding-top:5px;
	padding-bottom:5px;
}
#Recommend .more {
	padding:0 10px 15px;
	background:#f2f1ef;
	text-align:right;
}
#Recommend .more img {
	background:#b88794;
	color:#fff;
	font-weight:bold;
}

/* ■□ 02-03.Banners(バナーブロック) */
/* メインカラム中のバナーブロックです。
　 [div#Banners] - バナーブロック
　 [div#Banners ul li] - 各バナー */
#Banners {
	margin-right:-20px;
}
#Banners li {
	float:left;
	width:255px;
	margin-right:20px;
}
#Banners img {
	vertical-align:text-bottom;
}

/* ■□ 02-04.SeasonCellar(季節のベストセラー) */
/* メインカラムの季節のベストセラーブロックです。
　 [div#SeasonCellar] - 季節のベストセラー
　 [div#SeasonCellar h2] - 見出し
　 [div#SeasonCellar div.group] - 分類(1行)
　 [div#SeasonCellar div.group h3] - 分類名
　 [div#seasonCellar div.group ul li] - 各項目 */
#SeasonCellar h2 {
	padding:10px 15px;
	background:#df863c;
	color:#fff;
}
#SeasonCellar img {
	vertical-align:text-bottom;
}
#SeasonCellar .group {
	height:140px;
	overflow:hidden;
}
#SeasonCellar h3 {
	float:right;
}
#SeasonCellar ul {
	float:left;
}
#SeasonCellar li {
	float:left;
}

/* ■□ 02-05.PickupCategory(おすすめカテゴリ) */
/* メインカラム下部のおすすめカテゴリブロックです。
　 [div#PickupCategory] - おすすめカテゴリ
　 [div#PickupCategory h2] - 見出し
　 [div#PickupCategory p.read] - リード文
　 [div#PickupCategory div.list] - カテゴリ一覧
　 [div#PickupCategory div.list ul] - 1行(3*3)
　 [div#PickupCategory div.list ul li] - 各カテゴリ
　 [div#PickupCategory div.list ul li a img] - イメージ画像
　 [div#PikcupCategory div.list ul li a span] - カテゴリ名 */
#PickupCategory h2 {
	padding-bottom:5px;
	border-bottom:2px solid #867f71;
	font-size:116.7%;
}
#PickupCategory .list ul {
	margin-right:-10px;
	margin-bottom:10px;
	background:url("/img_food/bg_pickup-category_ul.gif") no-repeat left bottom;
}
#PickupCategory .list li {
	float:left;
	width:158px;
	padding:6px;
	margin-right:10px;
	background:url("/img_food/bg_pickup-category_li.gif") no-repeat center top;
}
#PickupCategory .list img {
	display:block;
	margin-bottom:10px;
	vertical-align:text-bottom;
}
#PickupCategory .list li span {
	display:block;
	padding-left:20px;
	background:url("/defaultMall/images/template/common/arrow_gray.gif") no-repeat 5px 2px;
}

/* ■□ 02-06.CatalogAd(カタログ) */
/* 右カラムのカタログ紹介ボックスです。
　 [dl#CatalogAd] - おすすめカテゴリ
　 [dl#CatalogAd dt] - 見出し
　 [dl#CatalogAd dd] - 内容
　 [dl#CatalogAd dd p.pic] - カタログ画像
　 [dl#CatalogAd dd p.name] - カタログ名
　 [dl#CatalogAd dd p.more] - デジタルカタログを見る */
#Aside #CatalogAd dd {
	text-align:center;
}
#Aside #CatalogAd .name {
	margin:5px 0;;
	font-weight:bold;
}


/* ■□ SeasonBanners(春のベストヒット、夏のロングセラーなど)バナー */
.SeasonBanners {
	margin-bottom:20px;
}


/* プレゼントキャンペーン */

div#present h2{
	clear: both;
	margin: 0;
}

div#present p{
	margin: 5px 0 20px 0;
}


/* テレビで紹介されました */

div#tv h2{
	clear: both;
	margin-bottom: 10px;
}

div#tv p{
	margin: 0;
	padding-bottom: 20px;
}


/* ロールオーバー効果 */

.pickupWrap a:hover img,
.banners a:hover img{
opacity:0.8;/*Opera・Firefox・Safari用*/
filter:alpha(opacity=80);/*IE用*/
}


/* 左のサイドバーにて幅180pxのバナーを並べて掲載 */

#LocalNav .banners180 dt {
	padding:0 0 3px 7px;
	border-bottom:1px solid #a7a196;
	border-left:5px solid #a7a196;
}
#LocalNav .banners180 img {
	vertical-align:text-bottom;
}
#LocalNav .banners180 dd li {
	width:180px;
	margin:10px auto;
}

/* 左のサイドバー「まとめて徳買い」 */

dl#Matome{
	background: #f3f1ec;
	margin: -10px 0 20px 0;
}
dl#Matome dd{
	padding: 0 10px 7px 10px;
}
dl#Matome li{
	background: url(/defaultMall/images/includehtml/food/images/ico_matome.gif) no-repeat left center;
	line-height: 2em;
	padding:0 0 0 15px;
	font-weight: bold;
}
dl#Matome li a{
	color: #da673a;
}


/* Pickup 新着・おすすめ商品 */

.pickup {
	background: url(/defaultMall/images/includehtml/food/images/bg_pickup.gif) no-repeat left bottom;
	padding-left: 8px;
	padding-top: 10px;
	margin: 0px;
	clear: both;
	width: 522px;
}

.pickup .item{
	width: 174px;
	float: left;
	padding-bottom: 10px;
}

.pickup .item .left{
	float: left;
	width: 69px;
}

.pickup .item .right{
	float: left;
	width: 100px;
	padding-right: 5px;
}

.pickup span{
	color:#F30;
	display: block;
	font-weight: bold;
	font-size: 10px;
}
#fooMainContentsWrap .pickupWrap {
	padding: 0px 0px 0px;
	margin: 0px;
}

#fooMainContentsWrap .bunnerWrap {
	padding: 10px 0px 0px;
	margin: 0px;
}

#fooMainContentsWrap div#recommendWrap {
	clear: both;
	padding: 10px 0px 13px;
	position:relative;
	margin: 0px;
}

#fooMainContentsWrap div#recommendWrap h2 {
}

#fooMainContentsWrap div#recommendWrap ul.mSizeBnrs li{
	float: left;
}

#fooMainContentsWrap div#recommendWrap ul.mSizeBnrs li{
	padding-top: 5px;
}

#fooMainContentsWrap div#recommendWrap li.ipSep{
	overflow:hidden;
	position:absolute;
	left: 270px;
	top: 49px;
}

#fooMainContentsWrap div#recommendWrap li.tvBnr{
	position:absolute;
	clear:both;
	left: 0px;
	top: 175px;
}


/* Mail Magazine */

dl#mailmagaRegist{
	width:180px;
	margin-bottom:20px;
	background: url(images/bg_magshop.gif) repeat-y;
	text-align: left;
}

dl#mailmagaRegist dt{
	padding: 0;
	margin: 0;
	width: 180px;
	height: 32px;
	border-style: none;
}

dl#mailmagaRegist dd{
	width: 158px;
	border-left: 1px solid #d1cbbd;
	border-right: 1px solid #d1cbbd;
	border-bottom: 1px solid #d1cbbd;
	background: #f3f1ec;
	padding: 7px 10px 10px;
}

dl#mailmagaRegist dd p#btnMailmaga{
	margin:5px 0 0 10px;
	padding: 0px;
}