@charset "UTF-8";
/*
Theme Name: yagiin css
Theme URL: http://www.yagiin.net/
Description: naviCSS（ナビゲーション用）.
Version: 1.0
Author: スパイスショップ山羊印
Author URL: http://www.yagiin.net/
*/

/* CSS Document */
#navi{
margin:0 auto;
width:800px;
height:40px;
padding:0;
background:url(../img/navi.jpg) no-repeat 0 0;
}
#navi ul{
margin:0;
padding:0;
list-style:none;
}
#navi li{
float:left;
margin:0;
padding:0;
text-indent:-9999em;
display:block;
}
#navi li a{
float:left;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
li#list1{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat 0 0;
}
li#list1 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat 0 0;
}
li#list1 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat 0 -40px;
}

li#list2{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -133px 0;
}
li#list2 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -133px 0;
}
li#list2 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -133px -40px;
}

li#list3{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -266px 0;
}
li#list3 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -266px 0;
}
li#list3 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -266px -40px;
}

li#list4{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -399px 0;
}
li#list4 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -399px 0;
}
li#list4 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -399px -40px;
}

li#list5{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -533px 0;
}
li#list5 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -533px 0;
}
li#list5 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -533px -40px;
}

li#list6{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -666px 0;
}
li#list6 a{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -666px 0;
}
li#list6 a:hover{
height:40px;
width:133px;
background:url(../img/navi.jpg) no-repeat -666px -40px;
}