.navi           { background-image: url(https://seopro.jp/image/navi2.png); background-repeat: no-repeat; display: block; }
.navi-01a       { width: 150px; height: 25px; background-position: 0    0; }
.navi-01a:hover { width: 150px; height: 25px; background-position: 0  -25px; }
.navi-01b       { width: 150px; height: 25px; background-position: 0  -25px; }
.navi-02a       { width: 150px; height: 25px; background-position: 0  -50px; }
.navi-02a:hover { width: 150px; height: 25px; background-position: 0  -75px; }
.navi-02b       { width: 150px; height: 25px; background-position: 0  -75px; }
.navi-03a       { width: 150px; height: 25px; background-position: 0 -100px; }
.navi-03a:hover { width: 150px; height: 25px; background-position: 0 -125px; }
.navi-03b       { width: 150px; height: 25px; background-position: 0 -125px; }
.navi-04a       { width: 150px; height: 25px; background-position: 0 -150px; }
.navi-04a:hover { width: 150px; height: 25px; background-position: 0 -175px; }
.navi-04b       { width: 150px; height: 25px; background-position: 0 -175px; }
.navi-05a       { width: 150px; height: 25px; background-position: 0 -200px; }
.navi-05a:hover { width: 150px; height: 25px; background-position: 0 -225px; }
.navi-05b       { width: 150px; height: 25px; background-position: 0 -225px; }
.navi-06a       { width: 150px; height: 25px; background-position: 0 -250px; }
.navi-06a:hover { width: 150px; height: 25px; background-position: 0 -275px; }
.navi-06b       { width: 150px; height: 25px; background-position: 0 -275px; }
.navi-08a       { width: 150px; height: 25px; background-position: 0 -300px; }
.navi-08a:hover { width: 150px; height: 25px; background-position: 0 -325px; }
.navi-08b       { width: 150px; height: 25px; background-position: 0 -325px; }
.navi-09a       { width: 150px; height: 25px; background-position: 0 -350px; }
.navi-09a:hover { width: 150px; height: 25px; background-position: 0 -375px; }
.navi-09b       { width: 150px; height: 25px; background-position: 0 -375px; }
.navi-10a       { width: 150px; height: 25px; background-position: 0 -400px; }
.navi-10a:hover { width: 150px; height: 25px; background-position: 0 -425px; }
.navi-10b       { width: 150px; height: 25px; background-position: 0 -425px; }
.navi-11a       { width: 150px; height: 25px; background-position: 0 -450px; }
.navi-11a:hover { width: 150px; height: 25px; background-position: 0 -475px; }
.navi-11b       { width: 150px; height: 25px; background-position: 0 -475px; }
.navi-12a       { width: 150px; height: 25px; background-position: 0 -500px; }
.navi-12a:hover { width: 150px; height: 25px; background-position: 0 -525px; }
.navi-12b       { width: 150px; height: 25px; background-position: 0 -525px; }
.navi-13a       { width: 150px; height: 25px; background-position: 0 -550px; }
.navi-13a:hover { width: 150px; height: 25px; background-position: 0 -575px; }
.navi-13b       { width: 150px; height: 25px; background-position: 0 -575px; }



@media screen and (max-width: 990px) /* v2 */
{
	.navi			{ background-image: url(https://seopro.jp/image/navi1.png); background-repeat: no-repeat; display: block; }
	.navi-01a		{ width: 105px; height: 20px; background-position: 0    0; }
	.navi-01a:hover { width: 105px; height: 20px; background-position: 0  -20px; }
	.navi-01b		{ width: 105px; height: 20px; background-position: 0  -20px; }
	.navi-02a		{ width: 105px; height: 20px; background-position: 0  -40px; }
	.navi-02a:hover { width: 105px; height: 20px; background-position: 0  -60px; }
	.navi-02b		{ width: 105px; height: 20px; background-position: 0  -60px; }
	.navi-03a		{ width: 105px; height: 20px; background-position: 0  -80px; }
	.navi-03a:hover { width: 105px; height: 20px; background-position: 0 -100px; }
	.navi-03b		{ width: 105px; height: 20px; background-position: 0 -100px; }
	.navi-04a		{ width: 105px; height: 20px; background-position: 0 -120px; }
	.navi-04a:hover { width: 105px; height: 20px; background-position: 0 -140px; }
	.navi-04b		{ width: 105px; height: 20px; background-position: 0 -140px; }
	.navi-05a		{ width: 105px; height: 20px; background-position: 0 -160px; }
	.navi-05a:hover { width: 105px; height: 20px; background-position: 0 -180px; }
	.navi-05b		{ width: 105px; height: 20px; background-position: 0 -180px; }
	.navi-06a		{ width:  80px; height: 20px; background-position: 0 -200px; }
	.navi-06a:hover { width:  80px; height: 20px; background-position: 0 -220px; }
	.navi-06b		{ width:  80px; height: 20px; background-position: 0 -220px; }
	.navi-07a		{ width:  65px; height: 20px; background-position: 0 -240px; }
	.navi-07a:hover { width:  65px; height: 20px; background-position: 0 -260px; }
	.navi-07b		{ width:  65px; height: 20px; background-position: 0 -260px; }
	.navi-08a		{ width: 110px; height: 20px; background-position: 0 -280px; }
	.navi-08a:hover { width: 110px; height: 20px; background-position: 0 -300px; }
	.navi-08b		{ width: 110px; height: 20px; background-position: 0 -300px; }
	.navi-09a		{ width: 105px; height: 20px; background-position: 0 -320px; }
	.navi-09a:hover { width: 105px; height: 20px; background-position: 0 -340px; }
	.navi-09b		{ width: 105px; height: 20px; background-position: 0 -340px; }
	.navi-10a		{ width: 105px; height: 20px; background-position: 0 -360px; }
	.navi-10a:hover { width: 105px; height: 20px; background-position: 0 -380px; }
	.navi-10b		{ width: 105px; height: 20px; background-position: 0 -380px; }
	.navi-11a		{ width: 107px; height: 20px; background-position: 0 -400px; }
	.navi-11a:hover { width: 107px; height: 20px; background-position: 0 -420px; }
	.navi-11b		{ width: 107px; height: 20px; background-position: 0 -420px; }
	.navi-12a		{ width: 110px; height: 20px; background-position: 0 -440px; }
	.navi-12a:hover { width: 110px; height: 20px; background-position: 0 -460px; }
	.navi-12b		{ width: 110px; height: 20px; background-position: 0 -460px; }
	.navi-13a		{ width: 110px; height: 20px; background-position: 0 -480px; }
	.navi-13a:hover { width: 110px; height: 20px; background-position: 0 -500px; }
	.navi-13b		{ width: 110px; height: 20px; background-position: 0 -500px; }
}