@charset "utf-8";
/* CSS Document */
.no {
	background: none !important;
	border: none!important;
}
.icon1_1 a {
	background: url(../../common/images/Nav_17.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_17s.png)\9;
	background-repeat: none;
}
.icon1_2 a {
	background: url(../../common/images/Nav_18.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_18s.png)\9;
	background-repeat: none;
}
.icon1_3 a {
	background: url(../../common/images/Nav_19.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_19.png)\9;
	background-repeat: none;
}
/*ホバーとON（アイコンとテキストの色を変更）*/
.subNav li:hover {
	background: #81D6FE none repeat scroll 0% 0%;
	box-shadow: 0px 0px 0px 1px #81D6FE, 0px 0px 0px 1px #FFF inset;
	color: #FFF;
}
#vision.page .subNav li.icon1_1, #vision.page .subNav li.icon1_1:hover, #vision.equal .subNav li.icon1_2, #vision .equal .subNav li.icon1_2:hover {
	background: #81D6FE none repeat scroll 0% 0%;
	box-shadow: 0px 0px 0px 1px #81D6FE, 0px 0px 0px 1px #FFF inset;
	color: #FFF;
}
#vision.page .subNav li.icon1_1 a, li.icon1_1 a:hover {
	background: url(../../common/images/Nav_17_on.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_17s.png)\9;
	background-repeat: none;
	color: #FFF;
}
#vision.equal .subNav li.icon1_2 a, li.icon1_2 a:hover {
	background: url(../../common/images/Nav_18_on.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_18s.png)\9;
	background-repeat: none;
	color: #FFF;
}
li.icon1_3 a:hover {
	background: url(../../common/images/Nav_19_on.png) no-repeat center 18px;
	background-size: 35px 35px;
	background-image: url(../../common/images/Nav_19.png)\9;
	background-repeat: none;
	color: #FFF;
}
#vision .bnr_contents {
	background: #fff url("../images/img_scholarship.png") no-repeat scroll 98% 20% /18%;
}

@media only screen and (max-width: 959px) {
#subNav_base {
	width: 100%;
}
}

@media only screen and (max-width: 640px) {
.icon1_1 a {
	background: url(../../common/images/Nav_17.png) no-repeat 5px center;
	background-size: 25px 25px
}
.icon1_2 a {
	background: url(../../common/images/Nav_18.png) no-repeat 5px center;
	background-size: 25px 25px
}
.icon1_3 a {
	background: url(../../common/images/Nav_19.png) no-repeat 5px center;
	background-size: 25px 25px
}

#vision.page .subNav li.icon1_1 a, li.icon1_1 a:hover,
#vision.equal .subNav li.icon1_2 a, li.icon1_2 a:hover,
li.icon1_3 a:hover {

background-size: 25px 25px;
background-position:4px center;
}


.subNav li{
	box-shadow:none;
	}

#vision .bnr_contents {
	background:none;
}

}
