.navi {
clear:both;
position:relative;
width:810px;
height:40px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat 0 0;
    overflow: hidden;
}

.navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .navi{
    height: 1em;
    overflow: visible;
}
/**/

/**************************************************************************************
ナビ
***************************************************************************************/
.navi ul {
width:810px;
height:40px;
margin:0 auto;
padding:0;
list-style: none;
}
.navi ul li {
float:left;
height:40px;
margin:0;
padding:0;
text-indent:-9999px;
font-size:10px;
line-height:100%;
}
.navi ul li a {
height:40px;
margin:0;
padding:0;
outline:none;
display: block;
}
.navi ul li a:hover {
height:40px;
margin:0;
padding:0;
outline:none;
display: block;
}
/* --------- */
li.menu01 {
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat 0 0;
}
li.menu01 a {
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat 0 0;
}
li.menu01 a:hover{
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat 0 -40px;
}
/* --------- */
li.menu02 {
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -135x 0;
}
li.menu02 a {
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -135px 0;
}
li.menu02 a:hover{
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -135px -40px;
}
/* --------- */
li.menu03 {
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -271px 0;
}
li.menu03 a {
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -271px 0;
}
li.menu03 a:hover{
width:136px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -271px -40px;
}
/* --------- */
li.menu04 {
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -407px 0;
}
li.menu04 a {
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -407px 0;
}
li.menu04 a:hover{
width:135px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -407px -40px;
}
/* --------- */
li.menu05 {
width:137px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -542px 0;
}
li.menu05 a {
width:137px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -542px 0;
}
li.menu05 a:hover{
width:137px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -542px -40px;
}
/* --------- */
li.menu06 {
width:131px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -679px 0;
}
li.menu06 a {
width:131px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -679px 0;
}
li.menu06 a:hover{
width:131px;
margin:0;
padding:0;
background:url(../img/base/navi.jpg) no-repeat -679px -40px;
}