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

/* -----------------------------------
    組織図
   ----------------------------------- */
#organizational {
	position: relative;
}
#organizational img {
	width: 100%;
}
#organizational #kyouikubunkasha a,
#organizational #hirogaku a {
	position: absolute;
	width: 22.2%;
	height: 6%;
	left: 55.8%;
	text-decoration: none;
	display: block;
	border: 1px solid #AAAAAA;
}
#organizational #kyouikubunkasha a {
	top: 87%;
}
#organizational #hirogaku a {
	top: 94%;
}
#organizational #kyouikubunkasha a:hover,
#organizational #hirogaku a:hover {
	background-color: #D2F2FF;
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;
	border: 1px solid #333333;
}

#organizational #kyouikubunkasha a:after,
#organizational #hirogaku a:after {
	font-family: 'Icons';
	content: 'HP \e0b6';
	color: #FFFFFF;
	position: absolute;
	right: 5px;
	top: 3px;
}
#organizational #kyouikubunkasha a:hover:after,
#organizational #hirogaku a:hover:after {
	color: #0015AD;
}

@media only screen and (max-width: 641px) {
#organizational #kyouikubunkasha a:after,
#organizational #hirogaku a:after {
	font-size: 70%;
}
}
@media only screen and (max-width: 481px) {
#organizational #kyouikubunkasha a:after,
#organizational #hirogaku a:after {
	font-size: 30%;
}
}