@charset "utf-8";
/**
 * サービス一覧ページのみの要素
 * img path: /common/images/
 */

/* アンカーリンク */

ul.service li {
	background:url("/common/images/icon/ico_link.gif") no-repeat scroll left center transparent;
	float:left;
	font-size:11px;
	margin:0 10px 0 0;
	padding:2px 2px 2px 9px;
}

/* インターネットで注文できるもの */

#netOrder,#shopOrder {
	width:950px;
	margin:0 0 10px 0;
}

#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:7px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	width:70%;
}

#netOrder h3,#both h3.netOrder,#web h3.netOrder {
	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;
	border-left:none;
}

/* お店で注文できるもの */

#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:7px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	width:70%;
}

#shopOrder h3,#both h3.shopOrder,#shop h3.shopOrder {
	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;
	border-left:none;
}

/* 共通で注文できるもの */

#both h3.bothOrder,#web h3.bothOrder,#shop h3.bothOrder {
	background:url('/common/images/bg/bg_h3_both.gif') no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 7px 2px;
	font-weight:bold;
	border-left:none;
}

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

/* 1コマ */

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

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

h3 {
	padding:2px 0 2px 10px;
	font-weight:bold;
}

/* 2コマ */

div.itemWide {
	background:url('/common/images/bg/bg_2col_top.gif') no-repeat top center;
	width:372px;
	padding-top:2px;
	float:left;
	margin: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;
	line-height:1.4;
	font-size:90%;
}

div.inner p {
	margin:3px 0;
	line-height:1.3;
}

div.campaignContainer {
	margin:10px 0 0 0;
}

div.campaignImage {
	float:left;
}

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

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

/* アイコン
----------------------------------------------------------------------------------------------------*/

.iconRight {
	position:absolute;
	right:-5px;
	bottom:-5px;
}

.iconLeft {
	position:absolute;
	right:35px;
	bottom:-5px;
}

.new {
	position:absolute;
	right:-5px;
	top:60px;
}