@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;
}

h2 {
	padding:6px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #666;
	font-weight:bold;
	color:#666666;
	width:100%;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 5px;
}

/* 商品ラインナップ
----------------------------------------------------------------------------------------------------*/

ul.lineup {
	width:936px;
	height:30px;
	padding:7px;
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

li.orange {
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin:0 15px 0 0;
	padding:5px;
	float:left;
}

li.blue {
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin:0 15px 0 0;
	padding:5px;
	float:left;
}

li.pink {
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin:0 15px 0 0;
	padding:5px;
	float:left;
}

li.green {
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin:0 15px 0 0;
	padding:5px;
	float:left;
}

ul.lineup a:hover {
	text-decoration:underline;
}

ul.lineup a {
	text-decoration:none;
}

ul.lineup li#current {
	background-color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin:0 15px 0 0;
	padding:5px;
}

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

div.item {
	width:295px;
	height:140px;
	float:left;
	padding:7px 0;
	margin:0 0 10px 30px;
}

div#print,div#keep,div#present,div#goods {
	clear:both;
	margin:20px 0 0 0;
}

div#print div.item {
	border-top:3px solid #FF7700;
}

div#keep div.item {
	border-top:3px solid #0089E0;
}

div#present div.item {
	border-top:3px solid #FC004E;
}

div#goods div.item {
	border-top:3px solid #3DAE02;
}

p.catch {
	margin:0 0 5px 9px;
	float:left;
	width:180px;
	line-height:1.4;
}

.btnArea img {
	margin:0 0 9px 9px;
	float:left;
}

.itemPhoto {
	float:left;
	width:100px;
	height:100px;
}

.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;
}

.free {
position:absolute;
left:-5px;
bottom:-5px;
}