@charset "utf-8";

/* clearfix */
.areaHoverPopup,
.areaHoverPopup .shopList .shopDetailList {
	*zoom: 1;
}
.areaHoverPopup:after,
.areaHoverPopup .shopList .shopDetailList:after {
	content: "."; display: block; clear: both; height:0; visibility:hidden;
}


/* CSS Document */
#topMapOver{
	position: relative;
	z-index: 100;
}
#topMapOver area:hover {
	cursor: pointer;
}
#topMapPopup {
	position: relative;
	z-index: 101;
}

.areaHoverPopup {
	display:none;
	position: absolute;
	padding: 8px 10px;
	border: 1px #dadada solid;
	border-radius: 10px;
	background-color: rgba(245,244,243,0.9);
}
/* rbga not working - modernizr */
.areaHoverPopup.noRgba {
	background-color: #f5f4f3; /* for IE8 */
	-ms-filter: "alpha(opacity=90)";
}

.areaHoverPopup .prefectureList {
	float: left;
	/*width: 75px;*/
}
.areaHoverPopup .prefectureList > li {
	margin: 10px 0;
}
.areaHoverPopup .prefectureList .prefecture {
	position: relative;
	display: block;
	color: #1d3994;
	text-decoration: none;
}
.areaHoverPopup .prefectureList .prefecture:hover {
	text-decoration: underline;
}
/*.areaHoverPopup .prefectureList .prefecture:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	background: url('/pc/images/top/utility/utilityArea_ic_toggle.gif') left top no-repeat;
}*/
.areaHoverPopup .prefectureList .prefecture.current {
	color: #941d55;
}
.areaHoverPopup .prefectureList .prefecture.current:after {
	background-position: left bottom !important;
}

.areaHoverPopup .shopList {
	float: left;
	padding: 7px 10px;
	max-width: 630px;
}

.areaHoverPopup .shopList .toShopList,
.areaHoverPopup .shopList li {
	float: left;
	padding-left: 10px;
	margin: 3px 10px;
	background: url('/pc/images/top/utility/utilityArea_ic_list.png') left 0.35em no-repeat;
}
.areaHoverPopup .shopList .toShopList {
	margin-bottom: 15px;
}
.areaHoverPopup .shopList li {
	width: 180px;
}
.areaHoverPopup .shopList .shopDetailList > .breakCol {
	clear: left;
}