@charset "UTF-8";
/* #nav */
#nav {
	position: absolute;
	top: 20px;
	left: calc(50% - 456px);
	width: 912px;
	margin: 0 auto;
}
#nav nav {
	display: flex;
}
#nav nav a {
	display: block;
	background-size: cover;
	transition: background-image 1s;
    width: 152px;
	height: 68px;
}
#nav nav a:hover{
	transition: background-image 1s;
}
a.nav_home {
	background-image: url(../img/nav_home_off.png);
}
a.nav_home:hover,a.nav_home_slt {
	background-image: url(../img/nav_home_on.png);
}
a.nav_howto {
	background-image: url(../img/nav_howto_off.png);
}
a.nav_howto:hover,a.nav_howto_slt {
	background-image: url(../img/nav_howto_on.png);
}
a.nav_regist {
	background-image: url(../img/nav_regist_off.png);
}
a.nav_regist:hover,a.nav_regist_slt {
	background-image: url(../img/nav_regist_on.png);
}
a.nav_settlement {
	background-image: url(../img/nav_settlement_off.png);
}
a.nav_settlement:hover,a.nav_settlement_slt {
	background-image: url(../img/nav_settlement_on.png);
}
a.nav_taiken {
	background-image: url(../img/nav_taiken_off.png);
}
a.nav_taiken:hover,a.nav_taiken_slt {
	background-image: url(../img/nav_taiken_on.png);
}
a.nav_contact {
	background-image: url(../img/nav_contact_off.png);
}
a.nav_contact:hover,a.nav_contact_slt {
	background-image: url(../img/nav_contact_on.png);
}/*レスポンシブ用displaynone*/