@charset "UTF-8";

div#snavi
{
background-image: url(../image/snavi-background.png);
width: 270px;
margin: 0px;
padding: 0px;
float: left;
}

div#snavi ul
{
margin: 0px;
padding: 0px;
}

div#snavi ul li
{
float: left;
}

div.snavi-bottom
{
margin: -10px 0px 0px 0px;
float: left;
}

.snavi-company a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -20px;
}

.snavi-company a:hover
{
background-position: -270px -20px;
}

.snavi-greeting a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 10px 0px 0px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -60px;
}

.snavi-greeting a:hover
{
background-position: -270px -60px;
}

.snavi-philosophy a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -90px;
}

.snavi-philosophy a:hover
{
background-position: -270px -90px;
}

.snavi-information a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -120px;
}

.snavi-information a:hover
{
background-position: -270px -120px;
}

.snavi-history a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -150px;
}

.snavi-history a:hover
{
background-position: -270px -150px;
}

.snavi-device a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -180px;
}

.snavi-device a:hover
{
background-position: -270px -180px;
}

.snavi-strength a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 30px 0px 0px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -240px;
}

.snavi-strength a:hover
{
background-position: -270px -240px;
}

.snavi-expert a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 10px 0px 0px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -280px;
}

.snavi-expert a:hover
{
background-position: -270px -280px;
}

.snavi-sankosyo a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -310px;
}

.snavi-sankosyo a:hover
{
background-position: -270px -310px;
}

.snavi-torisetsu a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -340px;
}

.snavi-torisetsu a:hover
{
background-position: -270px -340px;
}

.snavi-prejudice a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 30px 0px 0px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -400px;
}

.snavi-prejudice a:hover
{
background-position: -270px -400px;
}

.snavi-quality a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 10px 0px 0px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -440px;
}

.snavi-quality a:hover
{
background-position: -270px -440px;
}

.snavi-quality01 a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -470px;
}

.snavi-quality01 a:hover
{
background-position: -270px -470px;
}

.snavi-quality02 a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -500px;
}

.snavi-quality02 a:hover
{
background-position: -270px -500px;
}

.snavi-quality03 a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -530px;
}

.snavi-quality03 a:hover
{
background-position: -270px -530px;
}

.snavi-technique a
{
text-indent: -9999px;
width: 270px;
height: 30px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 10px 0px;
display: block;
text-decoration: none;
background-image: url(../image/snavi.png);
background-repeat: no-repeat;
background-position: 0px -590px;
}

.snavi-technique a:hover
{
background-position: -270px -590px;
}