@charset "utf-8";

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

	filename:	map.css
	created:	090213
	update:		090318

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

/* ------------------------------------------------------------ アクセス */
div#mainContents div.accessMap { clear: both; }

div#mainContents div.accessMap div.navArea {
	float: left;
	width: 128px;
}

div#mainContents div.accessMap div.mapArea {
	width: 710px;
	margin-left: 30px;
}

div#mainContents div.accessMap div.navArea ul.btn {
	width: 89px;
	padding: 5px 4px 5px 5px;
	background-color: #CCC;
}

div#mainContents div.accessMap div.navArea div.boxedItem {
	margin-left: 30px;
	border: none;
}

div#mainContents div.accessMap div.mapArea div.map { border: solid 1px #CCC; }

div#mainContents div.accessMap div.mapArea div.map p {
	margin: 0;
}

div#mainContents div.accessMap div.mapArea div.utilities {
	clear: both;
	padding: 10px 0;
}

div#mainContents div.accessMap div.mapArea div.utilities ul.links {
	float: left;
	margin-top: 0.5em;
	margin-left: 0;
	margin-bottom: 0;
}

div#mainContents div.accessMap div.mapArea div.utilities div.actionBtn {
	white-space: nowrap;
}

div#mainContents div.accessMap div.mapArea div.utilities div.actionBtn ul {
	margin-bottom: 0;
	margin-left: 0;
}

div#mainContents div.accessMap div.mapArea div.utilities div.actionBtn ul li { font-weight: normal; }

div#mainContents div.accessMap div.mapArea div.utilities div.actionBtn ul li.lastChild { margin-right: 0; }

div#mainContents table.access th { width: 134px; }

div#mainContents table.access td.info { width: 186px; }

* html div#mainContents table.access td.info { width: 200px; }

div#mainContents table.access td.mobile { width: 332px; }

* html div#mainContents table.access td.mobile { width: 355px; }

div#mainContents div.accessMap div.mapArea div.map p.shopName {
	margin-right: 5px;
	font-size: 13px;
	color: #333333;
}
/* ------------------------------------------------------------ お食事券 */

/* clear */
#mainContents .mapTicketList p {margin: 0;}

/*general*/
.tCenter {text-align: center;}
.fs30 {font-size: 30px !important;}
.fs23 {font-size: 23px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs16 {font-size: 16px !important;}
.fcBlack6 {color: #666666 !important;}
.fcBlack3 {color: #333333 !important;}
.tRight {text-align: right !important;}
.m0 {margin: 0 !important;}
.mB20 {margin-bottom: 20px !important;}
.fwN {font-weight: normal !important;}
.nmT4 {margin-top: -4px !important;}
.nmT2 {margin-top: -2px !important;}
.mR1 {margin-right: 1px !important;}
.mR2 {margin-right: 2px !important;}
.mR4 {margin-right: 4px !important;}
.mL2 {margin-left: 2px !important;}
.mR8 {margin-right: 8px !important;}
.mR110 {margin-right: 110px !important;}
.vaN10per {vertical-align: -10% !important;}
.ls1 {letter-spacing: 1px;}
.dib {display: inline-block !important;}
.vaM {vertical-align: middle !important;}
.lh15p {line-height: 16px !important;}
.va1p {vertical-align: 1px !important;}
.pT20 {padding-top: 20px !important;}

/* style */
.mapTicketInfo {
	margin: 0 0 10px 30px;
}
.mapTicketAttention {
	color: #CB0101;
}
.mapTicketAttentionList {
	margin: 0 !important;
}
.mapTicketAttentionList>li {
	color: #f20600;
	font-size: 10px;
}
.mapPointsBoxWrap {
	border: solid 1px #D6D4CE;
	margin-left: 20px;
}
.mapPointsBox {
	border: solid 1px #FFFFFF;
	table-layout: fixed;
	width: 718px !important;
	margin: 0 !important;
}
.mapPointsBox tr>td {
	background-color: #F8F5EC;
	vertical-align: top;
}
.mapPointsBox tr>td+td {
	border-left : dotted 1px #999999;
}
.mapPointsContents {
	padding: 10px 5px 9px;
	font-size: 12px;
}
.mapPointsContents>dt {
	color: #3F3D35 !important;
	border-left: solid 4px #3F3D35;
	padding-left: 5px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.mapPointsContents>dd {
	padding: 25px 0 0 5px;
	position: relative;
}
.mapPointsIconWrap {
	background-position: left 50%;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	padding-left: 35px;
}
.mapPointsNewIcon {
	position: absolute;
	right: -2px;
	top: -1px;
}
.mapPointsTitleDescription {
	font-size: 10px;
	line-height: 1;
	color: #333333 !important;
	margin: 0 !important;
	position: absolute;
	left: 0;
	top: 7px;
}
.mapPointsDetail {
	color: #666666 !important;
	font-size: 10px;
	min-width: 160px;
	overflow: hidden;
}
.iconPointPrint		{ background-image: url(/SYS/cmn/images/common/shop/icon_points_printer.png);}
.iconPointDesktop	{ background-image: url(/SYS/cmn/images/common/shop/icon_points_desctop.png);}
.iconPointTicket	{ background-image: url(/SYS/cmn/images/common/shop/icon_points_ticket.png);}
.iconPointMail		{ background-image: url(/SYS/cmn/images/common/shop/icon_points_mail.png);}
.mapLoginBoxWrap {
	border: solid 1px #EBA23C;
}
.mapLoginBox {
	border: solid 1px #FFFFFF;
	background: url(/SYS/cmn/images/common/shop/bg_ticket_net.gif) repeat 0 0;
	padding: 5px;
	margin: 0 !important;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	width: 240px;
}
.mapLoginBox>* {
	font-weight: bold;
	color: #1470CC !important;
}
.mapLoginBox>a {
	padding-left: 8px;
}
.mapLoginBox>a:hover {
	padding-bottom: 1px;
}
.mapLoginName {
	float: left;
	display: block;
	width: 130px;
	text-align: left;
}
.mapLoginPoint {
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -8px;
}
.mapTicketList .cFix {
	overflow: visible;
	zoom: 1;
}
.mapTicketList>li+li {
	margin-top: 10px;
}
.mapTicketList>li>a {
	cursor: pointer;
}
.mapTicketList>li>a:hover {
	text-decoration: none;
}
.mapTicketCoupon,
.mapTicketDiscount {
	margin: 0 !important;
	position: relative;
}
.mapTicketDiscount {
	background: url(/SYS/cmn/images/common/shop/bg_map_ticket_discount.jpg) no-repeat 0 0;
}
.mapTicketDiscount:hover {
	background-image: url(/SYS/cmn/images/common/shop/bg_map_ticket_discount_on.jpg);
}
.mapTicketCoupon {
	background: url(/SYS/cmn/images/common/shop/bg_map_ticket_coupon.jpg) no-repeat 0 0;
}
.mapTicketCoupon:hover {
	background-image: url(/SYS/cmn/images/common/shop/bg_map_ticket_coupon_on.jpg);
}
.mapTicketCoupon:hover {}
.mapTicketCoupon>dt,
.mapTicketDiscount>dt {
	position: absolute;
	left: 35px;
	top: 26px;
}
.mapTicketCoupon>dt,
.mapTicketDiscount>dt,
.mapTicketCoupon>dt>.mapTicketTitle,
.mapTicketDiscount>dt>.mapTicketTitle {
	line-height: 16px;
	color: #FFFFFF !important;
	font-size: 14px;
	font-weight: bold;
}
.mapTicketCoupon>dd,
.mapTicketDiscount>dd {
	width: 377px;
	height: 76px;
	padding-right: 123px;
	padding-left: 210px;
}
.mapTicketSubTitle {
	padding-top: 10px !important;
	font-weight: bold;
	color: #400000 !important;
	line-height: 1;
	text-indent: 3px;
}
.mapTicketPriceCoupon,
.mapTicketPriceDiscount {
	color: #CC0000 !important;
	line-height: 1;
	padding-top: 10px;
	float: left;
}
.mapTicketPriceDiscount {
	position: relative;
	padding-right: 45px;
}
.mapTicketPricePopDiscount {
	color: #FFFFFF;
	position: absolute;
	right: 2px;
	bottom: -5px;
	width: 43px;
	padding-top: 10px;
	line-height: 1;
	padding-bottom: 9px;
	background: url(/SYS/cmn/images/common/shop/bg_ticket_pop_discount.png) no-repeat -1px 0;
}
.mapTicketPricePopDiscount>* {
	display: block;
	text-align: center;
	font-weight: bold;
}
.mapTicketPoint {
	position: absolute;
	right: 30px;
	top: 7px;
	text-align: right;
}
.mapTicketDescription {
	position: absolute;
	right: 30px;
	bottom: 10px;
	background: url(/SYS/cmn/images/common/shop/bg_ticket_description.png) no-repeat 0 0;
	width: 80px;
	text-align: center;
	height: 17px;
	padding-top: 4px;
	padding-bottom: 2px;
}
.mapTicketDescription img {
	vertical-align: top;
}
.mapTicketCoupon:hover .mapTicketDescription,
.mapTicketDiscount:hover .mapTicketDescription {
	background-image: url(/SYS/cmn/images/common/shop/bg_ticket_description_on.png);
}
.mapTicketRibbonCoupon,
.mapTicketRibbonDiscount {
	position: absolute;
	left: -11px;
	top: -9px;
	background: url(/SYS/cmn/images/common/shop/bg_ticket_ribbon.png) no-repeat 10px 8px;
}
.mapTicketRibbonCoupon {
	padding: 10px 14px 11px 10px;
}
.mapTicketRibbonDiscount {
	padding: 13px 16px 12px 12px;
}
.mapHowToTicket {
	border: solid 1px #EBEBEB;
	background-color: #FFFFFF;
}
.mapHowToTicket>dt {
	color: #333333;
	text-align: center;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 10px;
	background-color: #EBEBEB;
}
.mapHowToTicket>dd {
	color: #333333;
	float: left;
	width: 107px;
	padding: 10px 0px 10px 70px;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	min-height: 60px;
}
.mapHowToTitleTxt {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	vertical-align: middle;
}
.icnTicketShoppingCart {background-image: url(/SYS/cmn/images/common/shop/icon_ticket_shopping_cart.png);}
.icnTicketNet {background-image: url(/SYS/cmn/images/common/shop/icon_ticket_net.png);}
.icnTicketPrinter {background-image: url(/SYS/cmn/images/common/shop/icon_ticket_printer.png);}
.icnTicketBeer {background-image: url(/SYS/cmn/images/common/shop/icon_ticket_beer.png);}
.icnTicketArrow {background: url("/SYS/ticket/images/icon/icon_ticket_arrow.gif") no-repeat left 3px;}

.mealTicketPurchase {
	padding: 6px 20px 0 31px;
	background-image: url(/SYS/mypage/images/icon/icon_meal_ticket_purchase.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.shopRecommendWrap {
	padding: 10px 0 0 15px;
}