@charset "utf-8";

.routeMapKansaiFrame {
	background: #FBFAF5;
	border-radius: 0 4px 4px 4px;
}
.routeMapKansaiFrame > ul {
	height: 280px;
}

.routeMapListCassette .area {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #665555;
	cursor: pointer;
	display: table;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff)";
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ddffffff);
	font-size: 11px;
	line-height: 1.2;
	position: absolute;
	text-align: center;
}
.routeMapListCassette .area:not(:target) {
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}
.routeMapListCassette .area:hover {
	background-color: #EC6184;
	border-color: #EC6184;
	color: #FFFFFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff)";
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
}
.nameWrap {
	display: table-cell;
	height: 100%;
	padding: 0 3px;
	vertical-align: middle;
	width: 100%;
}
.moving .nameWrap {
	visibility: hidden;
}
.areaName {
	color: #EC6184;
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.routeMapListCassette .area:hover .areaName {
	color: #FFFFFF;
}

.areaNameOsaka {
	height: 123px;
	left: 155px;
	top: 10px;
	width: 243px;
}
.areaNameKansaiSouth {
	height: 258px;
	left: 410px;
	top: 10px;
	width: 133px;
}
.areaNameKansaiNorth {
	height: 123px;
	left: 155px;
	top: 145px;
	width: 243px;
}
.areaNameKansaiWest {
	height: 258px;
	left: 10px;
	top: 10px;
	width: 133px;
}

.focus-osaka .areaName,
.focus-kansaisouth .areaName,
.focus-kansainorth .areaName,
.focus-kansaiwest .areaName {
	font-size: 11px;
	font-weight: normal;
}
.focus-osaka .areaNameOsaka,
.focus-kansaisouth .areaNameKansaiSouth,
.focus-kansainorth .areaNameKansaiNorth,
.focus-kansaiwest .areaNameKansaiWest {
	opacity: 0;
	visibility: hidden;
}

.areaTitle {
	color: #665555;
	display: none;
	font-size: 14px;
	margin-top: 10px;
}

.routeMa > li {
	opacity: 0;
	visibility: hidden;
	width: 138px;
}

/* detail size */
.focus-osaka .groupOsaka {
	height: 44px;
	width: 178px;
}
.focus-kansaisouth .groupKansaiSouth {
	height: 48px;
}
.focus-kansainorth .groupKansaiNorth {
	height: 68px;
}
.focus-kansaiwest .groupKansaiWest {
	height: 68px;
	width: 128px;
}

.focus-allareaview .selectKansai { display: inline-block; }
.allAreaView {
	cursor: pointer;
	display: inline-block;
}
.allAreaView.isDisabled {
	display: none;
}
.focus-osaka .selectOsaka,
.focus-kansaisouth .selectKansaiSouth,
.focus-kansainorth .selectKansaiNorth,
.focus-kansaiwest .selectKansaiWest { display: inline-block; }

/* detail position */
.moving.focus-osaka .groupOsaka { visibility: hidden; opacity: 0; }
.focus-osaka .groupOsaka { visibility: visible; opacity: 1; }
.focus-osaka .macBA { top: 66px; left: 92px; }
.focus-osaka .macBB { top: 122px; left: 92px; }
.focus-osaka .macBC { top: 10px; left: 92px; }
.focus-osaka .macBD { top: 10px; left: 282px; }
.focus-osaka .macBH { top: 66px; left: 282px; }
.focus-osaka .macBI { top: 122px; left: 282px; }
.focus-osaka .macBN { top: 178px; left: 282px; }
.focus-osaka .macBT { top: 178px; left: 92px; }

.moving.focus-kansaisouth .groupKansaiSouth { visibility: hidden; opacity: 0; }
.focus-kansaisouth .groupKansaiSouth { visibility: visible; opacity: 1; }
.focus-kansaisouth .macBF { top: 52px; left: 208px; }
.focus-kansaisouth .macBJ { top: 176px; left: 208px; }
.focus-kansaisouth .macBP { top: 52px; left: 359px; }
.focus-kansaisouth .macBS { top: 114px; left: 208px; }
.focus-kansaisouth .macBV { top: 52px; left: 57px; }

.moving.focus-kansainorth .groupKansaiNorth { visibility: hidden; opacity: 0; }
.focus-kansainorth .groupKansaiNorth { visibility: visible; opacity: 1; }
.focus-kansainorth .macBE { top: 74px; left: 277px; }
.focus-kansainorth .macBO { top: 164px; left: 277px; }
.focus-kansainorth .macBR { top: 164px; left: 111px; }

.moving.focus-kansaiwest .groupKansaiWest { visibility: hidden; opacity: 0; }
.focus-kansaiwest .groupKansaiWest { visibility: visible; opacity: 1; }
.focus-kansaiwest .macBG { top: 147px; left: 353px; }
.focus-kansaiwest .macBK { top: 60px; left: 208px; }
.focus-kansaiwest .macBL { top: 60px; left: 353px; }
.focus-kansaiwest .macBM { top: 147px; left: 63px; }
.focus-kansaiwest .macBU { top: 147px; left: 208px; }