@charset "utf-8";
/**
 * トップページのみの要素
 * img path: /common/images/
 */


/* 重要なお知らせ
----------------------------------------------------------------------------------------------------*/

div#important {
	clear:both;
	margin:0 auto 10px;
	padding:3px 0;
	_width:949px;
	width:940px;
	background-color:#ffd369;
}

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

div#topFlashArea {
	margin:0 auto 5px;
	width:950px;
	height:210px;
}

div#flashOff {
	margin:0 auto 5px;
	width:950px;
	height:210px;
	position:relative;
	background-color:#ccc;
}

div#bnrCenter {
	position:absolute;
	left:190px;
	top:0;
}

div#flashOff div#btnLeftTop {
	position:absolute;
	left:4px;
	top:4px;
}

div#flashOff div#btnLeftMiddle {
	position:absolute;
	left:4px;
	top:72px;
}

div#flashOff div#btnLeftBottom {
	position:absolute;
	left:4px;
	top:140px;
}

div#flashOff div#btnRightTop {
	position:absolute;
	left:576px;
	top:4px;
}

div#flashOff div#btnRightMiddle {
	position:absolute;
	left:576px;
	top:72px;
}

div#flashOff div#btnRightBottom {
	position:absolute;
	left:576px;
	top:140px;
}

/* お知らせ
----------------------------------------------------------------------------------------------------*/

div#info {
	margin:0 auto 5px;
	width:950px;
}

/* コンテンツレイアウト
----------------------------------------------------------------------------------------------------*/

#content {
	width:950px;
	margin:0 auto 5px;
}

/* 見出し共通要素 */

p.allList {
	float:right;
	margin:0;
	padding:0;
	_margin-top:2px;
	text-align:right;
	vertical-align:middle;
	z-index:10;
}

/* インターネット */

#netOrder {
	width:564px;
	margin:0 5px 10px 0;
	float:left;
}

#netOrder div.hTagsOuter {
	background:url('/common/images/bg/bg_h2_web.gif') no-repeat left center;
	height:30px;
	clear:both;
	margin:0;
}

#netOrder h2 {
	padding:5px 0 9px 7px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	width:70%;
}
#netOrder h3 {
	background:url('/common/images/bg/bg_h3_web.gif') no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 7px 2px;
	font-weight:bold;
}

/* お店 */

#shopOrder {
	width:370px;
	margin:0 0 10px 10px;
	float:left;
}

#shopOrder div.hTagsOuter {
	background:url('/common/images/bg/bg_h2_shop.gif') no-repeat left center;
	height:30px;
	clear:both;
	margin:0;
}

#shopOrder h2 {
	padding:5px 0 9px 7px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	width:70%;
}

#shopOrder h3 {
	background:url('/common/images/bg/bg_h3_shop.gif') no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 7px 2px;
	font-weight:bold;
}

/* おすすめアイコンなど */

div.item img.alphafilter {
	position:absolute;
	right:-5px;
	top:50px;
	z-index:10;
}

/* キャンペーン・お得情報 */

#campaign {
	width:564px;
	margin:0 5px 10px 0;
	float:left;
}

#campaign div.hTagsOuter {
	background:url('/common/images/bg/bg_h2_campaign.gif') no-repeat left center;
	height:30px;
	clear:both;
	margin:0;
}

#campaign h2 {
	padding:7px;
	font-weight:bold;
	color:#666666;
	float:left;
	width:70%;
}

#campaign img.bnr {
	border:1px solid #ccc;
}

/* おしらせ・スタッフ便り */

#blog {
	width:370px;
	margin:0 0 10px 10px;
	float:left;
}

#blog div.hTagsOuter {
	background:url('/common/images/bg/bg_h2_blog.gif') no-repeat left center;
	height:30px;
	clear:both;
	margin:0;
}

#blog h2 {
	padding:7px;
	font-weight:bold;
	color:#666666;
	float:left;
	width:70%;
}

div#blogArea {
	/*padding:5px;*/
}

div#blogArea li {
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 5px;
	padding:5px 0;
}

div#blogArea span {
display:block;
font-size:90%;
text-align:right;
width:360px;
}


/* 商品
----------------------------------------------------------------------------------------------------*/

/* 1コマ */

div.item {
	background:url('/common/images/bg/bg_5col_top.gif') no-repeat top center;
	width:180px;
	padding-top:2px;
	float:left;
	margin:5px 0 5px 10px;
	position:relative;
}

div.itemBody {
	background:url('/common/images/bg/bg_5col_bottom.gif') no-repeat bottom center;
	width:180px;
	height:178px;
}

#netOrder div.item {
	margin:5px 0 5px 12px;
}



/* 2コマ */

div.itemWide {
	background:url('/common/images/bg/bg_2col_top.gif') no-repeat top center;
	width:372px;
	padding-top:2px;
	float:left;
	margin:6px 0 5px 0;
	position:relative;
}

div.itemWideBody {
	background:url('/common/images/bg/bg_2col_bottom.gif') no-repeat bottom center;
	width:372px;
	height:178px;
}

div.inner {
	margin:10px;
}

#netOrder div.inner p,#shopOrder div.inner p {
	margin:3px 0;
	line-height:1.4;
}

div.campaignContainer {
	margin:10px 0 0 0;
	padding:0 0 7px 0;
	border-bottom:1px dotted #ccc;
}

div.campaignImage {
	float:left;
}

div.text {
	float:left;
	width:430px;
	margin:0 0 0 10px;
}

.campaignIcon {
	float:right;
	margin:5px 5px 0 0;
}