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

/* 共通 */

h3 a  {
background:url("/common/images/arrow_sqRed.gif") no-repeat scroll 0 4px transparent;
padding-left:14px;
}

div.section{
	margin:0;
	padding-bottom:20px;
}


.marLeft0px {
	margin-left:0 !important;
}
/* インターネット */

#netOrder, #shopOrder {
	width:950px;
	margin:0 0 10px 0;
}
#netOrder div.hTagsOuter {
	background:url('/service/images/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%;
}*/
/*h3.netOrder {
	background:url('/service/images/bg_h3_web.gif') no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 7px 2px;
	border-left:none;
}*/

/* お店 */

#shopOrder div.hTagsOuter {
	background:url('/service/images/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%;
}*/

/*h3.shopOrder {
	background:url('/service/images/bg_h3_shop.gif') no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 7px 2px;
	border-left:none;
}

h3.order {
	background:url('/service/images/bg_h3_order.gif') no-repeat left center;
	padding:2px 0 2px 30px;
	margin:0 0 7px 2px;
	border-left:none;
}*/

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

/* 1コマ */

div.item {
	background:url('/service/images/bg_5col_top.gif') no-repeat top center;
	width:180px;
	padding-top:2px;
	float:left;
	margin:6px 0 6px 10px;
	position:relative;
}
div.itemBody {
	background:url('/service/images/bg_5col_bottom.gif') no-repeat bottom center;
	width:180px;
	height:158px;
}
h3 {
	font-weight:normal !important;
	padding:2px 0 2px 10px;
	font-size:1em !important;
}
/* 2コマ */

div.itemWide {
	background:url('/service/images/bg_2col_top.gif') no-repeat top center;
	width:372px;
	padding-top:2px;
	float:left;
	margin:5px 0;
	position:relative;
}
div.itemWideBody {
	background:url('/service/images/bg_2col_bottom.gif') no-repeat bottom center;
	width:372px;
	height:178px;
}
div.inner {
	margin:0 8px 3px 8px;
	line-height:1.4;
	font-size:90%;
}
div.inner p {
	margin:3px 0;
}
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;
}
/* アイコン
----------------------------------------------------------------------------------------------------*/

div.itemBody img.iconRight {
	position:absolute;
	right:10px;
	top:65px;
}
div.itemBody img.iconLeft {
	position:absolute;
	right:50px;
	top:65px;
}
div.itemBody_s img.iconRight {
	position:absolute;
	right:10px;
	top:68px;
}
div.itemBody_s img.iconLeft {
	position:absolute;
	right:50px;
	top:68px;
}
/* マウスオーバーで画像を上にスライドする */


.boxgrid {
	width: 158px;
	height: 120px;
	margin-bottom: 20px;
	/*	border: solid 5px #555; 
	background: #161613;*/
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
}
.boxgrid p {
	padding: 0 10px;
	color: #afafaf;
	font-weight:bold;
}
/* マウスオーバーでキャプションを出す */

         /* caption styling */
         .caption-top, .caption-bottom {
	color:#fff;
	padding:1.2em;
	font-size:12px;
	cursor:default;
	background: #333;
}
.caption-top {
	border-width:0 0 2px 0;
}
.caption-bottom {
	border-width: 2px 0 0 0;
	width:140px!important;
}
.caption a, .caption a {
	border:0;
	text-decoration:none;
	background:#666;
	padding:.3em;
}
.caption a:hover, .caption a:hover {
	background:#202020;
}
.caption-wrapper {
	float:left;
}
#images span {
	font-size:1.2em;
}