@charset "utf-8";

/* ------------------------------------------------------------

	filename:	coupon.css
	created:	090206
	update:		090825

------------------------------------------------------------ */

/* ------------------------------------------------------------ 共通エレメント */
div#mainContents p.icon {
}

div#mainContents dl.couponDetail dt {
	padding: 0;
	background-image: none;
}

/* ------------------------------------------------------------ クーポンテーブル */
/* th */
div#mainContents table.coupon th {
	width: 248px;
	padding: 25px 0 5px 0;
	color: #333;
}

div#mainContents table.coupon th p {
	width: 15.9em;
	margin-left: 30px;
	font-weight: bold;
}

div#mainContents table.coupon th p span.price {
	font-size: 184%;
	line-height: 1em;
	font-weight: bold;
}

div#mainContents table.coupon th p span.priceYen {
	font-size: 134%;
	font-weight: bold;
}

div#mainContents table.coupon th p span.priceOff {
	color: #D0111A;
	font-weight: bold;
}

table.coupon th a { font-weight: bold; }

table.t02 th { background-image: url(/SYS/cmn/images/common/bg_coupon_course.gif); }
table.t03 th { background-image: url(/SYS/cmn/images/common/bg_coupon_discount.gif); }
table.t04 th { background-image: url(/SYS/cmn/images/common/bg_coupon_present.gif); }
table.t05 th { background-image: url(/SYS/cmn/images/common/bg_coupon_birthday.gif); }
table.t06 th { background-image: url(/SYS/cmn/images/common/bg_coupon_lunch.gif); }
table.t07 th { background-image: url(/SYS/cmn/images/common/bg_coupon_women.gif); }
table.t09 th { background-image: url(/SYS/cmn/images/common/bg_coupon_all_you_can_eat.gif); }
table.t08 th { background-image: url(/SYS/cmn/images/common/bg_coupon_party.gif); }
table.t10 th { background-image: url(/SYS/cmn/images/common/bg_coupon_surprise.gif); }

table.t20 th {
	background-image: url(/SYS/cmn/images/common/bg_coupon_get.gif);
	background-color: #fdf4d8;
}

/* td */
table.coupon td { padding: 9px 9px 9px 15px; }

table.coupon td div.detail,
table.coupon td div.price { float: left; }

table.coupon td div.detail { width: 233px; }

table.coupon td div.price { width: 200px; }

table.coupon td div.priceInner {
	margin-left: 10px;
	padding: 7px 9px;
	border: 1px solid #E2DFD8;
	background-color: #F3F3F3;
	text-align: center;
}

div#mainContents table.coupon td div.priceInner p.couponPrice {
	background-color: transparent;
	font-weight: bold;
	font-size: 116%;
}

div#mainContents table.coupon td div.priceInner p.couponPrice span.strong {
	font-size: 128%;
	color: #333333;
}

div#mainContents table.coupon td div.priceInner p.couponPrice span {
	color: #666;
	font-weight: bold;
	font-size: 71.4%;
}

div#mainContents table.coupon td div.priceInner p.couponPrice span.referencePrice {
	color: #333;
	font-weight: normal;
}

div#mainContents table.coupon td div.priceInner ul.links li {
	padding-left: 0;
	background-image: none;
}

div#mainContents table.coupon td div.priceInner ul.links li a {
	padding-left: 8px;
	background-image: url(/SYS/cmn/images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: -5px 0;
}

div.couponBuyBtnWrapper {
	position: relative;
	height:30px;
	margin-top:-10px;
}

p.couponBuyBtn img{
	position: absolute;
	right: 7px;
	bottom: 0px;
}

/*-------------------------　ページを印刷表示、ケータイ・PCへ送るボタン */

div.typeSp div#mainContents {
	margin-bottom: 5px;
	background: none;
}

div#platform.typeSp,
div.typeSp div#platformWrap,
div.typeSp div#mainContentsWrapFirst,
div.typeSp div#mainContentsWrapSecond { background: none; }

div.typeSp div#mainContents p,
div.typeSp div#mainContents table { margin: 0 0 0 5px; }

div.typeSp div#mainContents div#shopHeader {
	margin-bottom: 5px;
}

div.typeSp div#mainContents div#shopHeader p#siteID {
	float: left;
	width: 139px;
	margin: 5px 7px 0 5px;
}

* html div.typeSp div#mainContents div#shopHeader p#siteID { margin-left: 2px; }

div.typeSp div#mainContents div#shopHeader p#shopLogo {
	float: left;
	width: 70px;
	margin: 5px 5px 0 0;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle {
	float: left;
	width: 409px;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle div#shopTitleInner {
	clear: both;
	margin-bottom: 5px;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle div#printBtnArea {
	float: right;
	width: 142px;
	margin: 0 0 0 5px;
	text-align: right;
}

* html div.typeSp div#mainContents div#shopHeader div#shopTitle div#printBtnArea { margin-left: 2px; }

div.typeSp div#mainContents div#shopHeader div#shopTitle div#printBtnArea li#printBtn {
	cursor: pointer;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle div#printBtnArea p,
div.typeSp div#mainContents div#shopHeader div#shopTitle div#printBtnArea ul.btn { margin: 0; }

div.typeSp div#mainContents div#shopHeader div#shopTitle p#shopNameRuby {
	margin: 5px 0 0 0;
	color: #000;
	font-size: 90%;
	line-height: 1.1;
}

* html div.typeSp div#mainContents div#shopHeader div#shopTitle p#shopNameRuby { margin-bottom: 2px; }
*+html div.typeSp div#mainContents div#shopHeader div#shopTitle p#shopNameRuby { margin-bottom: 2px; }

div.typeSp div#mainContents div#shopHeader div#shopTitle h1#shopName {
	background: none;
	border: none;
	margin: 5px 0 0;
	padding: 0;
	color: #000;
	font-size: 120%;
	line-height: 1.1;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle p#shopNameRuby + h1#shopName {
	margin: 0;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle ul.icon {
	float: left;
	width: 69px;
	margin: 0 5px 0 0;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle dl.telAccess {
	clear: none;
	float: left;
	width: 335px;
	margin: 0;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle dl.telAccess dt {
	float: left;
	width: 20px;
	margin: 0;
	background: none;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle dl.telAccess dd {
	float: left;
	color: #000;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	line-height: 1.1;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle dl.telAccess dd.tel {
	margin: 2px 5px 0 0;
	width: 95px;
	font-size: 120%;
	white-space: nowrap;
}

div.typeSp div#mainContents div#shopHeader div#shopTitle dl.telAccess dd.access {
	margin: 0;
	width: 195px;
}

div.typeSp div#mainContents div.shopInner { padding: 0;}

div.typeSp div#mainContents div.shopInner table { margin-bottom: 0; }

div.typeSp div#mainContents div.shopInner table th { vertical-align: top; }

div.typeSp div#mainContents div.shopInner table th {
	width: 181px;
	background-image: url(/SYS/cmn/images/common/bg_table.gif);
	font-weight: bold;
	padding: 2px;
}

* html div.typeSp div#mainContents div.shopInner table th { width: 185px; }

div.typeSp div#mainContents div.shopInner table.couponDetail th p {
	margin: 0;
	color: #000;
	font-weight: bold;
}

div.typeSp div#mainContents div.shopInner table th p.image {
	float: left;
	width: 76px;
	margin: -4px 0 0 0;
	text-align: left;
}

div.typeSp div#mainContents div.shopInner table td {
	color: #000;
	font-size: 100%;
	padding: 2px;
}

div.typeSp div#mainContents div.shopInner table.couponDetail table.precondition {
	margin: 0;
	width: 439px;
	border: none;
}

* html div.typeSp div#mainContents div.shopInner table.couponDetail table.precondition { width: 438px; }

div.typeSp div#mainContents div.shopInner table.couponDetail div.column5C table.precondition { width: 250px;}

* html div.typeSp div#mainContents div.shopInner table.couponDetail div.column5C table.precondition { width: 248px;}

div.typeSp div#mainContents div.shopInner table.couponDetail table.precondition th {
	padding: 0;
	width: 5.5em;
	border: none;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 1;
}

div.typeSp div#mainContents div.shopInner table.couponDetail table.precondition td {
	padding: 0;
	border: none;
	font-size: 100%;
	line-height: 1;
}

div.typeSp div#mainContents div.shopInner table td div.column5C {
	width: 57%;
	margin-right: 5px;
}

* html div.typeSp div#mainContents div.shopInner table td div.column5C {
	width: 56%;
	margin-right: 1px;
}

div.typeSp div#mainContents div.shopInner table td dl dt,
div.typeSp div#mainContents div.shopInner table td dl dd,
div.typeSp div#mainContents div.shopInner table td p { line-height: 1.1; }

div.typeSp div#mainContents div.shopInner table.couponDetail div.column3B {
	width: 230px;
	margin-right: 5px;
}

div.typeSp div#mainContents div.shopInner table.couponDetail div.column3A {
	float: left;
	width: 180px;
}

div.typeSp div#mainContents div.shopInner table.couponDetail div.couponPrice {
	width: 177px;
	margin-right: 0;
	padding: 2px;
	background-color: #f3f3f3;
	border: 1px solid #E2DFD8;
	text-align: center;
}

* html div.typeSp div#mainContents div.shopInner table.couponDetail div.couponPrice {
	width: 179px;
}

div.typeSp div#mainContents div.shopInner table.couponDetail div.couponPrice p {
	margin: 0;
	color: #000;
	font-weight: bold;
}

div.typeSp div#mainContents div.shopInner table.couponDetail div.couponPrice p.price {
	color: #000;
	font-size: 120%;
}

div.typeSp div#mainContents div.shopInner table.couponDetail div.couponPrice p.referencePrice {
	color: #000;
	font-size: 90%;
	font-weight: normal;
}

div.actionBtn { text-align: right; }

div.actionBtn p,
div.actionBtn ul li { font-weight: bold; }

div.actionBtn ul li { margin-right: 0; }

div.actionBtn ul li span { margin-right: 10px; }

div#mainContents div.boxedItem .directLastChild ul { margin-bottom: 0; }

div.typeSp div#mainContents div.shopInner table.infoTable { border-bottom: 1px solid #D6D5D1; }

div.typeSp div#mainContents div.shopInner table.infoTable th {
	width: 60px;
	padding: 2px;
	color: #000;
	font-size: 100%;
}

body#print div.typeSp div#mainContents div.shopInner table.infoTable td { width: 460px; }

body#print div.typeSp div#mainContents div.shopInner table.infoTable td.route {
	width: 560px;
	font-size: 120%;
}

body#print div.typeSp div#mainContents div.shopInner table.infoTable td.tel { font-size: 120%; }

body#print div.typeSp div#mainContents div.shopInner table.infoTable td.mobile {
	width: 99px;
	padding: 7px 0 10px 0;
	text-align: center;
}

div.typeSp div#mainContents div.shopInner table.infoTable td.mobile p { margin: 0; }

div.typeSp div#mainContents div.shopInner table.infoTable td.mobile p.txt {
	margin-bottom: 7px;
	font-size: 120%;
	font-weight: bold;
	color: #C00;
}

div.typeSp div#mainContents div.shopInner table th
div.typeSp div#mainContents div.shopInner table td,
div.typeSp div#mainContents table.infoTable th,
div.typeSp div#mainContents table.infoTable td,
div.typeSp div#mainContents div.shopInner table th p,
div.typeSp div#mainContents div.shopInner table td p,
div.typeSp div#mainContents div.shopInner table td dl dt,
div.typeSp div#mainContents div.shopInner table td dl dd { line-height: 1; }

.infoTableFreeShop {
	width: 640px !important;
}
.infoTableFreeShop > tbody > tr > th {
	width: 60px;
	padding: 6px 0 0 4px;
	vertical-align: top;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
}
.infoTableFreeShop > tbody > tr > td {
	color: #000000;
	font-size: 10px;
}
/* ------------------------------------------------------------ 地図・広告あり */
#mapAdv_box {
	width: 630px;
	margin-left: 5px;
}
.mapAdvBoxFreeShop {
	width: 630px;
	margin: 0 auto;
}
#mapAdv_box img {
	vertical-align: top;
}

#adv_box {
	float: right;
	width: 100px;
	height: 360px;
}

.fl	{ float: left; }
.fr	{ float: right; }

/* ------------------------------------------------------------ clearfix */
div.typeSp div#mainContents div#shopHeader:after,
div.typeSp div#mainContents div#shopHeader div#shopTitle div#shopTitleInner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.typeSp div#mainContents div#shopHeader,
div.typeSp div#mainContents div#shopHeader div#shopTitle div#shopTitleInner { display: inline-table; }

* html div.typeSp div#mainContents div#shopHeader,
* html div.typeSp div#mainContents div#shopHeader div#shopTitle div#shopTitleInner { height: 1%; }

div.typeSp div#mainContents div#shopHeader,
div.typeSp div#mainContents div#shopHeader div#shopTitle div#shopTitleInner {
	display: block;
	zoom: 1;
}

/* ------------------------------------------------------------ ポイント画像 */
.point {
	top:0;
	border:0;
	margin-left:30px;
}

.pointS {border:0;}

/* ------------------------------------------------------------メール記入欄 */
div#mainContents div#EmailText {
	display: block;
	margin: 5px;
	padding: 0 0 0 5px;
	border-bottom:2px solid #ccc;
}
div#mainContents div#EmailText p {
	margin:0;
	font-size:120%;
	/*font-weight: bold;*/
	color: #666;
}
/* ------------------------------------------------------------ クーポンカセット */
.couponCassettet {
	display:block;
	background:url(/SYS/cmn/images/common/bg_couponArea.png) left top no-repeat;
	width:658px;
	height:78px;
	margin: 0 0 10px 30px;
	padding-left:52px;
	padding-top:20px;
	font-size:24px;
}
a.couponCassettet:link, a.couponCassettet:hover, a.couponCassettet:active,
a.couponCassettet2:link, a.couponCassettet2:hover, a.couponCassettet2:active {
	color:#333333;
	text-decoration:none;
}
.couponCassettet:hover {
	background:url(/SYS/cmn/images/common/bg_couponArea_on.png) left top no-repeat;
}
.offPrice {
	width:60px;
	height:60px;
	font-size:22px;
	color:#FFFFFF;
	text-align:center;
	padding-top:8px;
	padding-left:4px;
	float:left;
	display:inline;
	font-weight:bold;
	margin-right:18px;
}
.offPrice span{
	font-size:15px;
}
.couponPriceAera {
	padding-top:14px;
}
.couponCassettet span.fixPrice,
.couponCassettet2 span.fixPrice {
	color:#333333;
	font-size: 30px;
	font-weight: bold;
}
.couponCassettet span.price,
.couponCassettet2 span.price {
	font-size:45px;
	font-weight: bold;
	color:#CA0000;
}
.contAtent,
.couponCassettet span.redYen,
.couponCassettet span.redYen {
	color:#CA0000;
}

div#mainContents h2 span img.newIco{
	margin-top:-3px;
}

.fixPriceImage{
	float: left;
	margin-top: 14px;
}
/* --------------------------------------------- クーポンカセット（割引なしお食事券） */
.couponCassettet4 {
	display:block;
	background:url(/SYS/cmn/images/common/bg_couponArea4.png) left top no-repeat;
	width:710px;
	height:98px;
	margin: 0 0 10px 30px;
	font-size:24px;
	position: relative;
}
.couponCassettet4:hover {
	background:url(/SYS/cmn/images/common/bg_couponArea4_on.png) left top no-repeat;
	cursor: pointer;
}
a.couponCassettet4:link, a.couponCassettet4:hover, a.couponCassettet4:active {
	color:#333333;
	text-decoration:none;
}
.couponCassettet4 span.fixPrice {
	color:#333333;
	font-size: 30px;
	font-weight: bold;
}
.couponCassettet4 span.price01 {
	font-size:45px;
	font-weight: bold;
	color:#CA0000;
	line-height: 45px;
}
.couponPriceAeraTitle4 {
	margin-top:12px;
	line-height: 1;
}
.couponObiIcon4 {
	float: left;
	width: 160px;
	height: 98px;
	position: relative;
}
.couponObiIcon4 .obiIcon {
	margin-top: 12px;
	margin-left: 17px;
}
.couponObiIcon4 .pointTicket {
	right: 5px;
	top: 35px;
	position: absolute;
}
.pointPlus4 img {
	right:25px;
	top:19px;
	position: absolute;
}
.pointPlus4 img.couponBuyBt4 {
	right:56px;
	top:60px;
	position: absolute;
}
/* ------------------------------------------------------------ クーポンカセット（ポイント貯まる付き） */
.couponCassettet2 {
	display:block;
	background:url(/SYS/cmn/images/common/bg_couponArea3.png) left top no-repeat;
	width:605px;
	height:63px;
	margin: 0 0 10px 30px;
	padding: 20px 25px 15px 80px;
	font-size:24px;
	position: relative;
}

.couponCassettet2:hover {
	background:url(/SYS/cmn/images/common/bg_couponArea3_on.png) left top no-repeat;
	cursor: pointer;
}
.pointPlus img {
	right:25px;
	top:19px;
	position: absolute;
}
.pointPlus span{
	right:25px;
	top: 38px;
	position: absolute;
	font-size: 50%;
	color: #333333;
}
/* ------------------------------------------------------------ ただし書き（すぐポン印刷） */
div#mainContents div.suguponNotice p {
	margin-top: 5px;
	padding: 0 5px;
	color: #ff0005;
	font-weight: bold;
}

/* ------------------------------------------------------------ クーポンカセット（すぐポン印刷） */
div.typeSp div#mainContents div.shopInner table.suguponDetail th p {
	margin: 0;
	color: #000;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2;
}

div.typeSp div#mainContents div.shopInner table.suguponDetail table.precondition {
	margin: 0;
	width: 426px;
	border: none;
}

* html div.typeSp div#mainContents div.shopInner table.suguponDetail table.precondition { width: 426px; }

div.typeSp div#mainContents div.shopInner table.suguponDetail table.precondition th {
	padding: 0;
	width: 5.5em;
	border: none;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 1;
}

div.typeSp div#mainContents div.shopInner table.suguponDetail table.precondition td {
	padding: 0;
	border: none;
	font-size: 100%;
	line-height: 1.3;
}

div.typeSp div#mainContents div.shopInner table.suguponDetail th {
	padding: 10px 0 10px 15px;
	vertical-align: middle;
}

div.typeSp div#mainContents div.shopInner table.suguponDetail td {
	padding: 10px 8px;
	font-size: 120%;
}


/* ------------------------------------------------------------ クーポンカセット（すぐポン） */
div#mainContents div.shopInner div.suguponInfo > p { margin-bottom: 0px !important; }
div#mainContents div.shopInner div.suguponInfo .suguponAtent li {
	color: #35363f;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 10px;
}

a.couponCassettet3:link, a.couponCassettet3:hover, a.couponCassettet3:active, a.couponCassettet3:visited {
	color: #7F5F43;
	text-decoration:none;
}

.couponCassettet3 {
	display:block;
	background:url(/SYS/cmn/images/common/bg_coupon_sugupon.png) 0 0 no-repeat;
	width:571px;
	height:63px;
	margin: 0 0 10px 30px;
	padding: 12px 25px 23px 114px;
	_padding-bottom: 18px;
	font-size:24px;
	position: relative;
	zoom:1;
}

.couponCassettet3:hover {
	background:url(/SYS/cmn/images/common/bg_coupon_sugupon.png) 0 -98px no-repeat;
	color: #7F5F43;
	text-decoration:none;
	zoom:1;
	cursor: pointer;
}

.couponCassettetNothing3 {
	display:block;
	background:url(/SYS/cmn/images/common/bg_coupon_nothing.png) 0 0 no-repeat;
	width:571px;
	height:63px;
	margin: 0 0 10px 30px;
	padding: 20px 25px 15px 114px;
	font-size:24px;
	position: relative;
}

.detailText	{
	height: 41px;
	*height: 36px;
	_height: 39px;
	width: 432px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	zoom:1;
	word-break: break-all;
	background-color: transparent;
	color: #7F5F43;
	vertical-align: middle;
}

.couponNothingText {
	padding-top:17px;
	padding-left: 66px;
	font-size: 71%;
	font-weight: bold;
	color: #7f5f43;
	zoom:1;
}
.couponTimeArea{
	margin-left: -10px;
	cursor: pointer;
	line-height: 1;
	zoom:1;
}
.couponTimeArea * {
	vertical-align: -5px;
	cursor: pointer;
	line-height: 1;
	zoom:1;
}

.startTime {
	display: inline-block;
	width: 3.3em;
	line-height: 1;
	padding-left: 0;
	padding-right: 5px;
	color: #ca0000;
	text-align: center;
	zoom:1;
}

.endTime {
	display: inline-block;
	width: 3.3em;
	padding-right: 5px;
	line-height: 1;
	color: #ca0000;
	text-align: center;
	zoom:1;
}

.endTime .yoku {
	font-size: 15px;
}

.limitEnd {
	display: inline-block;
	width: 161px;
	padding-left: 84px;
	padding-right: 0;
	line-height: 1;
	zoom:1;
}

.limitEnd img {
	vertical-align: 0;
}


/* coupon renewal
************************************/
.font11 {
	font-size: 11px!important;
}
.font12 {
	font-size: 12px;
}
.mR5 {
	margin-right: 5px;
}

/* print btn */
.couponPrintBtn {
	display: block;
	margin: 0 0 auto auto;
	text-align: center;
}
/* coupon
************************************/
.couponsWrapper {
	background: none;
	padding: 5px 5px 10px;
	margin: 0 0 20px 24px;
}
.couponCassetteWrappper {
	margin: 10px 0;
}
div#mainContents div.couponPrintBtn+ul.couponCassetteListWrapper,
div#mainContents div.couponPrintBtn+div.timeSaleWrap,
div#mainContents div.couponPrintBtn+div.userLimitCouponWrap,
div#mainContents div.couponPrintBtn+.couponCassetteWrappper,
div#mainContents div.userLimitCouponWrap+ul.couponCassetteListWrapper {
	margin-top: 20px;
}

/* ie7 */
*:first-child+html .couponCassetteListWrapper li {
	margin-top: -4px;
}
*:first-child+html .couponBorderBottom table {
	table-layout: fixed;
}

div#mainContents .couponsWrapper ul {
	margin: 10px 0;
	border: 1px solid #d6d4ce;
}
*:first-child+html .couponRightInner{
	display:inline-block;
	zoom: 1;
}
.couponTitleText {
	text-align: left;
	padding: 0 18px;
	font-weight: bold;
	vertical-align: middle;
	word-break: break-all;
}
div#mainContents p.couponLoginTitleText {
	color: #ababab;
	text-align: left;
	margin: 40px 20px 0;
	position: absolute;
	font-weight: bold;
	vertical-align: middle;
	word-break: break-all;
}
.userLimitCouponWrap {
	height: 92px;
	background: url(/SYS/cmn/images/common/front/bg_coupon_user_login.png) no-repeat 0 0;
}
.userLimitCouponWrap+.userLimitCouponWrap {
	margin-top: 10px;
}
.userLimitCouponWrap a:hover {
	background: url(/SYS/cmn/images/common/front/bg_coupon_user_login_on.png) no-repeat 0 0;
}
.userLimitCouponWrap:hover,
.userLimitCouponMessage:hover,
.couponLoginTitleText:hover {
	cursor: pointer;
}
.userLimitCouponMessage {
	margin-left: 252px;
	width: 316px;
	padding-top: 18px;
}
div#mainContents .userLimitCouponMessage p {
	margin: 0;
	color: #f20600;
	font-weight: bold;
}
.userLimitCouponWrap a {
	text-decoration: none;
	color: #ABABAB;
}
.couponLoginTitleInner .couponLabel {
	top: 5px;
}
.couponLoginTitleInner .couponTitleIcon {
	top: 15px;
}
.couponTitleIcon {
	position: absolute;
	top: 10px;
	left: 125px;
}
.couponDetailInfo {
	width: 438px;
}
.couponDetailInfo dd {
	margin-left: 6.5em;
	word-wrap: break-word;
}
div#mainContents table td div.couponLimtWrap {
	margin: 10px 0 8px 0;
}
/*detail inner bottom*/
.couponBorderBottom td {
	margin: 0;
}
.couponTitleInner {
	width: 220px;
	font-weight: bold;
}
div#mainContents .couponTitleInner p {
	width: 184px;
	font-size: 12px;
	word-break: break-all;
	word-wrap: break-word;
}
.couponLogin p {
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
}
/* coupon login */
.userLimitCouponWrap {
	position: relative;
	text-decoration: none;
}
.userLimitCouponWrap a {
	width: 100%;
	height: 100%;
	display: block;
}
.userLimitCouponWrap:hover {
	text-decoration: none;
}
.couponLoginImg {
	position: relative;
}
.couponLoginTitleInner {
	position: relative;
	top: -4px;
}
.couponLoginTitle .couponLabel {
	top: 5px;
}
.couponLogin {
	background: none;
}
.couponTitle .couponLoginTitle {
	padding: 25px 15px 13px;
}
/*front.css L113 との競合回避*/
.couponDetailInfo dt {
	background-image: none;
	float: left;
}
.couponTimeSaleLimit {
	color: #e20000;
	padding: 7px 0;
	font-weight: bold;
	text-align: center;
	background-color: #f4f2ee;
}
.couponSaleLimit {
	color: #333333;
	text-align: center;
	padding: 6px 0;
	background-color: #f4f2ee;
}
.couponPriceText {
	width: auto!important;
}

.useCouponList {
	display: block;
	float: right;
	margin: 6px 2px 2px 0;
}
.useCouponList a:visited {
	color: #1470CC;
}
.useCouponList span {
	margin-right: 4px;
	font-weight: bold;
	color: #1470cc;
	vertical-align: bottom;
}

/* 既存のcssの影響回避*/
div#mainContents p.couponTitleText,
div#mainContents dl.couponDetailInfo,
div#mainContents p.couponCautionText {
	margin: 0;
}
/* today coupon none */
.todayCouponNone {
	width: 705px;
	height: 95px;
	margin: 10px 0;
	background: url(/SYS/cmn/images/common/front/today_coupon_none.png) no-repeat 0 0;
}
.todayCouponNone .todayCouponInner .couponLabel {
	top: 5px;
}
.todayCouponInner {
	position: relative;
}
.todayCouponNone p {
	font-size: 14px;
	padding: 37px 0 28px;
	color: #f2ad00;
	font-weight: bold;
	text-align: center;
}
/*caution text*/
.couponCautionBox {
	padding: 0;
}
div#mainContents .couponCautionBox p {
	text-align: right;
	color: #35363f;
	margin: 10px 0;
}
.couponPrintBtn  img.btnPrintMapCoupon {
	margin: 0;
}
/* lightbox */

.courseCouponListWrap {
	width: 680px;
}
.courseCouponListWrap a {
	color: #1470CC;
}
.courseCouponListWrap .courseCouponListInner {
	position: relative;
	zoom: 1;
	padding: 0 10px 10px;
	background-color: #B2AA9C;
}
.courseCouponListWrap .courseCouponListInner img {
	vertical-align: top;
}
.courseCouponListWrap .courseCouponListHead {
	display: block;
	height: 46px;
}
.courseCouponListWrap ul.courseCouponList {
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	clear: both;
	background: #FFFFFF repeat 0 0;
}
.courseCouponListWrap .courseCouponList li:first-child {
	border-top: none;
}
.courseCouponListWrap .courseCouponList li {
	padding: 5px;
	overflow: hidden;
	border-top: 1px dotted #CCCCCC;
}
.courseCouponListWrap .courseCouponList a {
	display: block;
	overflow: hidden;
}
.courseCouponListWrap .courseCouponList a:hover {
	text-decoration: underline;
}
.courseCouponListWrap .courseCouponList span {
    display: inline-block;
    margin-top: 6px;
}
.courseCouponListWrap .couseListClose {
	position: absolute;
	top: 10px;
	right: 10px;
}
.courseCouponListWrap .couseListClose span {
	font-weight: bold;
}
.courseCouponListWrap .couseListClose img {
	margin: 3px;
	position: absolute;
	right: 30px;
	top: -1px;
}
.courseCouponListWrap .courseCouponPrise {
	color: #CC0000;
	font-weight: bold;
}
.courseCouponListWrap .courseCouponTax {
	color: #CC0000;
	font-size: 10px;
}
.courseCouponListWrap .courseCouponListHeadInner {
	height: 32px;
	top: 14px;
	width: 100%;
	position: absolute;
	background-color: #B2AA9C;
}
.courseCouponListWrap .courseCouponListHeadContents {
	position: relative;
}
.courseCouponListWrap .couponListArrowTop {
	position: absolute;
	right: 55px;
}
.couponCassetteListWrapper .couponBorderRight {
    padding: 5px 5px 6px 7px;
}
.couponCassetteListWrapper .couponRightInner {
	width: 100%;
	display: inline-block;
}
.couponCassetteListWrapper .couponDetailInfo {
    width: 338px;
}
.couponCassetteListWrapper .couponPrintBtn {
    width: 130px;
}
.couponCassetteListWrapper li {
	min-height: 0;
    background: none;
	margin-top: -2px;
    padding-top: 2px;
	line-height: normal;
}
.couponCassetteListWrapper li + li {
    border-top: 1px solid #e8e6dd;
    padding-top: 0;
    margin-top: 0;
}
.couponBorderBottom {
	position: relative;
    background: none;
	border-collapse: collapse;
    padding-bottom: 0;
}
.couponBorderLeft {
    background: #fff7e5;
    border-right: 1px solid #d6d4ce;
	width: 220px;
    padding: 35px 1px;
}
.couponBorderRight {
	width: 100%;
    background: #fff;
	vertical-align: middle;
}
.couponBtnArea {
    background: #fff;
}
.couponLabel {
	position: absolute;
    top: 0;
    left: 0;
}
#couponAttentionTitle {
    color:#35363f !important;
    font-size:12px !important;
    font-weight: 700;
    margin: 20px 0 8px;
}
#mainContents table {
    width: 0;
}
.printBtnTopArea {
    margin-top: 20px;
}
.printBtnTopArea>p {
    float: left;
    font-size: 10px;
}
.availableTime {
    width: auto !important;
    color: #e73820 !important;
}
.expirationDate {
    font-weight: 700;
}
.cassetteHeadWrap {
    width: 100%;
}
.cassetteHeadWrap > p {
    margin: 0 !important;
    float: left;
    font-weight: 700;
    line-height: 32px;
}
.utilities a {
	width: 228px;
}
.courseCouponItemDetail {
	display: table-cell;
	width: 100%;
}
.courseCouponItemBtn {
	display: table-cell;
	width: 200px;
	padding-left: 37px;
	text-align: right;
	vertical-align: middle;
}
.couponBorderRight + .couponBtnArea {
	border-left: 1px dashed #d6d4ce;
}
.couponPrintText {
	background: #F3EEE4;
	margin-left: 4px !important;
	margin-right: 4px !important;
	padding: 9px;
	border-radius: 3px;
	font-size: 10px;
	color: #35363F;
}
.availableTime dt,
.availableTime dd {
	color: red !important;
}

.bgMembersOnly {
	background:url(/SYS/cmn/images/front_002/bg_coupon_user_no_login_on.png) 0 0 no-repeat;
}
.bgMembersOnly a {
	background: url(/SYS/cmn/images/front_002/bg_coupon_user_no_login.png) 0 0 no-repeat;
}
.bgMembersOnly a:hover {
	background: none;
}
.courseCouponItemBtnInner {
	background: url(/SYS/cmn/images/front_002/btn_coupon_reserve_on.png) no-repeat;
}
.courseCouponItemBtnInner a {
	display: block;
}
.courseCouponItemBtnInner a:hover {
	background: none;
}
.courseCouponItemBtnInner a:hover img {
	visibility: hidden;
}
.courseCouponItemBtnInner img {
	border: none;
}
.cassetteHeadWrap .couponPrintBtn,
.mapCouponPrintBtn {
	text-align: right;
}
.recommendStoreWrap {
	width: 720px;
	background-color: #fdebd8;
	margin: 34px auto;
	margin-left: 20px;
	border-radius: 4px;
	padding: 10px 4px 20px;
	box-sizing: border-box;
}
.recommendStoreTitle {
	margin-top: 6px;
	padding-left: 16px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	color: #e41a12;
}
.recommendStoreTitle:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNzkxQUI3RDkzNTExMUU2QTc1N0E3RTIyQkJDMzU0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNzkxQUI3RTkzNTExMUU2QTc1N0E3RTIyQkJDMzU0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3OTFBQjdCOTM1MTExRTZBNzU3QTdFMjJCQkMzNTQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3OTFBQjdDOTM1MTExRTZBNzU3QTdFMjJCQkMzNTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cXy7ggAAA0NJREFUeNrUmFuITWEUx/c5DiOXxjU1mKNc5sWLa1NILqPMGJmRjBJnJElJHgwSuUW5PHjwgBcezAMxbrnk8iK3YhSKJIOYScOYwzQMM8Z/6X9q2629z3fSnPb3r18zs2d93/7Wd1nfWjvyPm+AoygKZoCRTjjUDh6TfxRTjHPAZTDTCZ92gW3emfaqMqSDF20BBekcWOyEVzLeRUEODAbTnHCrPMiBUtAt5A6MAyP8HChz7FCZ5kBfUGSJAws0B4oZQm3QVDDE64At2yc17vluB3K4Ajap3O3AbJ4BmySXbW5Ui62WqAcoiTLulzp2apY4MIw3sI0aJQ40gDZLHagTB36C6xk06ujCAf3O0P5K6hDvA52GjQ6Bm4a2X8CGDAa0BrwxtH0BzqQcuA22GzR6ALaCldx66VZqOTgIThr0LTZHQQVoTmP7jWl/u/sm3gnWgpaAF8wBrZwluc7v+tg28GK8yJVNgAMsDbVycT9tOjlJ08Ern76fgSngifwRUWriQWAhmAy6s6Ma8FTpLMILZS4YChrp1HnwXbHPZ0Eylm1fcmLeKrby7hLW5pL31POsXnOflYhPUR+kMWAiqDawlTtmBThH59KpF1gKTphGRvcW2gg2cQU0ySzs5pcBmbWrAdWb9DsP3OO+ltVbHZDt9uTAZXscAY+4x2M+9hPAWVlR9wrspQMSVh/ypUlecrLk432qtQ/gDve9DHw4HRuo2LYwYNTxIMrLR4NJoLdin2TfrzkumcRC1+eeuOaATYpHHcsVM7BJckt1etoVcu+2MvR1eM6ARLE+Pn02gVqDd+czaPyXAwlGEa82gz2gChxW/r+M0USThNJbhinzR9DPJAr56ZPP82ZXuqDpc0CfjYY7RA7uV9MwaqVMHCjwy8U9P03bZf0QH2Ou4nU8l7/vAOuVbLZ/WBx4Di4pUWgJyGMec1qJQmUBq5NVB9aBG8rzd6wNJA0/rvz/vuTrYTgDP3ye/3JFCk1tYTnE1t/EpczFtTpAVMTt4lVxth3wq4mrSNBNnQjDPVBv2e6RqqzJ7UANEzNbdEHqi6inMKm05COXVG6rtEN8iqmzfNqId+EAmjKwrWbllgrZtXz2d6L/CDAAFEyqlQEmaQEAAAAASUVORK5CYII=);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0;
	margin-right: 10px;
}
.recommendStoreList {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
}
.recommendStore {
	display:block;
	width: 216px;
	padding-left: 16px;
	padding-top: 16px;
}
.recommendStore > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
}
.recommendStore > a .recommendStoreImage {
	width: 196px;
	height: 196px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.recommendStore > a .recommendStoreName {
	margin-top: 10px;
	color: #3b92c8;
	font-size: 12px;
	line-height: 1.5;
}
.recommendStore > a .recommendStoreProperties {
	font-size: 10px;
	line-height: 1.4;
	color: #35363f;
}
.recommendStore > a .recommendStoreProperties > span + span:before {
	content: "/";
	display: inline;
}
.recommendStore>a:hover {
	text-decoration: none;
}
.recommendStore > a:hover .recommendStoreName {
	text-decoration: underline;
}
.recommendStore > a:hover .recommendStoreProperties {
	text-decoration: none;
}
.marB50 {
	margin-bottom: 50px !important;
}