@charset "utf-8";
/* CSS Document */

/*一覧*/
.coupon_wrap {
}

.coupon_wrap h3.title {
	font-size: 120%;
	color: #003399;
	margin: 0 0 10px;
	border-bottom: solid 1px #003399;
	width: 370px;
	text-align: center;
}

.coupon_wrap ul.tab {
	background:url(img/waku_top.gif) no-repeat left bottom;
	height:65px;
	margin: 30px 0 0;
}

.coupon_wrap ul.tab li {
	float:left;
	width:185px;
	height:50px;
}

.coupon_wrap .east h4,
.coupon_wrap .west h4 {
	margin:20px 0 10px;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	line-height:20px;
	letter-spacing:5px;
	height:22px;
	width:182px;
}

.coupon_wrap .east h4 {
	background:url(img/east_h4.gif) no-repeat left top;
}

.coupon_wrap .west h4 {
	background:url(img/west_h4.gif) no-repeat left top;
}

.coupon_wrap .shoplist {
	background:url(img/shoplist_bg.gif) repeat-y 5px -2px;
}
.coupon_wrap .shoplist dl {
	float:left;
	width:360px;
	padding-left:10px;
}

.coupon_wrap .shoplist dt {
	float:left;
	width:70px;
	height:71px;
}

.coupon_wrap .shoplist dt img {
	padding:2px;
	border:solid 1px #cccccc;
}

.coupon_wrap .shoplist dd {
	margin-left:70px;
}

.coupon_wrap .shoplist dl span {
	font-size:80%;
}

.coupon_wrap .shoplist dl strong {
	font-size:120%;
}

/*ショップ詳細ページ*/
.coupon_wrap .shop {
}

.coupon_wrap .shop h2 {
	height:60px;
	font-size:18px;
	line-height:35px;
	background:url(img/shop_title.gif) no-repeat left top;
	padding-left:20px;
}

.coupon_wrap .shop h2 span {
	font-size:12px;
	display:block;
	line-height:25px;
	color:#ffffff;
}

.coupon_wrap .shop .message,
.coupon_wrap .shop .info,
.coupon_wrap .shop .mobile,
.coupon_wrap .shop .coupon {
	padding:20px;
	border-bottom:dotted 1px #999999;
}

.coupon_wrap .shop .message .photo {
	float:left;
	width:220px;
}

.coupon_wrap .shop .message h3 {
	font-size:130%;
	color:#FF9900;
	margin-bottom:10px;
}

.coupon_wrap .shop .info table {
	width:350px;
	float:left;
	border-collapse:collapse;
}

.coupon_wrap .shop .info table caption {
	text-align:left;
	font-weight:bold;
	font-size:120%;
}

.coupon_wrap .shop .info table th,
.coupon_wrap .shop .info table td {
	padding:5px;
	border-bottom:solid 5px #ffffff;
}

.coupon_wrap .shop .info table th {
	background-color:#e5e5e5;
	vertical-align:middle;
}

.coupon_wrap .shop .info .map {
	float:right;
}

.coupon_wrap .shop .mobile .howto {
	float:left;
	width:480px;
	height:140px;
	position:relative;
}

.coupon_wrap .shop .mobile .howto p {
	position:absolute;
	z-index: 1;
	top: 60px;
	left: 120px;
	line-height:150%;
}

.coupon_wrap .shop .mobile .qr {
	float:left;
	padding:10px 40px;
}

.coupon_wrap .shop .mobile .qr img {
	padding:9px;
	border:solid 1px #000000;
}

.coupon_wrap .shop .coupon {
	background-color:#FFCCFF;
}

.coupon_wrap .shop .coupon h3,
.coupon_wrap .shop .coupon .merit {
	font-size:150%;
	line-height:150%;
	color:#FF0099;
	text-align:center;
	font-weight:bold;
}

.coupon_wrap .shop .coupon dl {
	height:80px;
	width:500px;
	margin:10px auto;
}

.coupon_wrap .shop .coupon dl dt {
	float:left;
	width:150px;
	height:80px;
	line-height:80px;
	background-color:#FF66CC;
	border:double 3px #FF99FF;
	text-align:center;
	font-size:120%;
	color:#ffffff;
	font-weight:bold;
}

.coupon_wrap .shop .coupon dl dd {
	margin-left:200px;
}

.coupon_wrap .shop .coupon dl dd li {
	list-style:square;
}