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


.jpnmap {
	display: block;
}

.jpnmap div {
	width: 500px;
	display: block;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

/*---- NEP ----*/	
.ebu_nep {	
	position: relative;
	display: block;
	z-index: 200;

}	
.ebu_nep .ring_nep {
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 189px;
	left: 343px;
	z-index: -1;
}	
.ebu_nep:hover .ring_nep {	
	background: rgba(240, 105, 0, 0.3);
	-webkit-animation: move_nep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_nep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_nep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_nep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_nep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_nep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_nep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_nep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_nep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_nep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}


/*---- THEP ----*/	
.ebu_thep {	
	position: relative;
	display: block;
}	
.ebu_thep .ring_thep {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 107px;
	left: 392px;
}	
.ebu_thep:hover .ring_thep {	
	background: rgba(239, 55, 17, 0.3);
	-webkit-animation: move_thep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_thep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_thep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_thep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_thep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_thep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_thep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_thep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_thep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_thep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}


/*---- TEP ----*/	
.ebu_tep {	
	position: relative;
	display: block;
}	
.ebu_tep .ring_tep {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 331px;
	left: 300px;
}	
.ebu_tep:hover .ring_tep {	
	background: rgba(235, 156, 3, 0.3);
	-webkit-animation: move_tep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_tep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_tep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_tep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_tep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_tep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_tep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_tep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_tep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_tep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}


/*---- CEP ----*/	
.ebu_cep {	
	position: relative;
	display: block;
}	
.ebu_cep .ring_cep {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 80px;
	left: 188px;
}	
.ebu_cep:hover .ring_cep {	
	background: rgba(41, 139, 41, 0.3);
	-webkit-animation: move_cep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_cep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_cep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_cep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_cep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_cep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_cep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_cep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_cep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_cep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}


/*---- KEP ----*/	
.ebu_kep {	
	position: relative;
	display: block;
}	
.ebu_kep .ring_kep {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 79px;
	left: 71px;
}	
.ebu_kep:hover .ring_kep {	
	background: rgba(0, 108, 196, 0.3);
	-webkit-animation: move_kep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_kep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_kep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_kep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_kep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_kep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_kep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_kep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_kep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_kep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}


/*---- CSEP ----*/	
.ebu_csep {	
	position: relative;
	display: block;
}	
.ebu_csep .ring_csep {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 178px;
	left: 6px;
}	
.ebu_csep:hover .ring_csep {	
	background: rgba(1, 64, 154, 0.3);
	-webkit-animation: move_csep 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_csep 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_csep 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_csep 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_csep 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_csep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_csep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_csep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_csep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_csep {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}

/*---- KRP ----*/	
.ebu_krp {	
	position: relative;
	display: block;
}	
.ebu_krp .ring_krp {	
	position: absolute;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	border-radius: 190px;
	height: 95px;
	width: 95px;
	top: 380px;
	left: 135px;
}	
.ebu_krp:hover .ring_krp {	
	background: rgba(88, 45, 142, 0.3);
	-webkit-animation: move_krp 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: move_krp 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-ms-animation: move_krp 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-o-animation: move_krp 1s ease-out;
	-o-animation-iteration-count: infinite;
	animation: move_krp 1s ease-out;
	animation-iteration-count: infinite;
}	
@-webkit-keyframes move_krp {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-moz-keyframes move_krp {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-ms-keyframes move_krp {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@-o-keyframes move_krp {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}	
@keyframes move_krp {	
	0%   { transform: scale(1, 1); }
	20%  { opacity: 0.3; }
	100% { transform: scale(2, 2); opacity: 0.0; }
}