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


#navi{
width: 900px;
background: url(../img/menu2/bg.jpg);
background-repeat: repeat-x;
margin-top: 0px;
height: 30px;
float: left;
}


.suji{
	size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2px;
	font-weight: bold;
	background: #FFF;
}
#navi ul{
width: 900px;
margin: 0;
padding: 0;
}

#navi li {
margin: 0px;
padding: 0px;
list-style-type: none;
padding-left: 0px;
float: left;
} 

#navi01 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n01.png);
display: block;
}
#navi01 a:hover {
background: url(../img/menu2/n012.png);
}

#navi01_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n012.png);
display: block;
}
#navi01_over a:hover {
background: url(../img/menu2/n012.png);
}


#navi02 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n02.png);
display: block;
}
#navi02 a:hover {
background: url(../img/menu2/n022.png);
}

#navi02_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n022.png);
display: block;
}
#navi02_over a:hover {
background: url(../img/menu2/n022.png);
}



#navi03 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n03.png);
display: block;
}
#navi03 a:hover {
background: url(../img/menu2/n032.png);
}

#navi03_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n032.png);
display: block;
}
#navi03_over a:hover {
background: url(../img/menu2/n032.png);
}



#navi04 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n04.png);
display: block;
}
#navi04 a:hover {
background: url(../img/menu2/n042.png);
}

#navi04_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n042.png);
display: block;
}
#navi04_over a:hover {
background: url(../img/menu2/n042.png);
}



#navi05 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n05.png);
display: block;
}
#navi05 a:hover {
background: url(../img/menu2/n052.png);
}

#navi05_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n052.png);
display: block;
}
#navi05_over a:hover {
background: url(../img/menu2/n052.png);
}



#navi06 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/n06.png);
display: block;
}
#navi06 a:hover {
background: url(../img/menu2/n062.png);
}

#navi06_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/n062.png);
display: block;
}
#navi06_over a:hover {
background: url(../img/menu2/n062.png);
}

#navi07 a {
height: 20px;
width: 109px;
margin-top: 5px;
margin-left: 10px;
background: url(../img/menu2/botan1.png);
display: block;
}
#navi07 a:hover {
background: url(../img/menu2/botan2.png);
}

#navi07_over a {
height: 20px;
margin-top: 5px;
margin-left: 10px;
width: 109px;
background: url(../img/menu2/botan2.png);
display: block;
}
#navi07_over a:hover {
background: url(../img/menu2/botan2.png);
}