/*ナビゲーション(navigation)
---------------------------------------------------- */

#navigation{
position:absolute;
width:90px;
}
#navigation ul{
margin:5px 0 0 0;
padding:0 0 0 0;
list-style:none;
}
#navigation li{
margin:0 0 14px 0;
padding:0 0 0 0;
width:90px;
height:10px;
text-indent:-9999px;
}
#navigation li a{
text-decoration:none;
display:block;
width:90px;
height:10px;
}

#navigation li#n-news{
background:url(../img/nav_news.gif) no-repeat 0 0;
/*top:0px;*/
width:90px;
height:10px;
}
#navigation li#n-news a:hover{
background:url(../img/nav_news.gif) no-repeat -90px 0;
}
#navigation li#n-newsoff{
background:url(../img/nav_news.gif) no-repeat -90px 0;
}

#navigation li#n-shop{
background:url(../img/nav_shop.gif) no-repeat 0 0;
/*top:48px;*/
width:90px;
height:10px;
}
#navigation li#n-shop a:hover{
background:url(../img/nav_shop.gif) no-repeat -90px 0;
}
#navigation li#n-shopoff{
background:url(../img/nav_shop.gif) no-repeat -90px 0;
}

#navigation li#n-pickup{
background:url(../img/nav_pickup.gif) no-repeat 0 0;
/*top:24px;*/
width:90px;
height:10px;
}
#navigation li#n-pickup a:hover{
background:url(../img/nav_pickup.gif) no-repeat -90px 0;
}
#navigation li#n-pickupoff{
background:url(../img/nav_pickup.gif) no-repeat -90px 0;
}


/*vintage-----------*/
#navigation li#n-vintage{
background:url(../img/nav_vintage.gif) no-repeat 0 0;
/*top:24px;*/
width:90px;
height:10px;
}
#navigation li#n-vintage a:hover{
background:url(../img/nav_vintage.gif) no-repeat -90px 0;
}
#navigation li#n-vintageoff{
background:url(../img/nav_vintage.gif) no-repeat -90px 0;
}
/*vintage-----------*/

/*blog-----------*/
#navigation li#n-blog{
background:url(../img/nav_blog.gif) no-repeat 0 0;
/*top:24px;*/
width:90px;
height:10px;
margin-bottom:30px;
}
#navigation li#n-blog a:hover{
background:url(../img/nav_blog.gif) no-repeat -90px 0;
}
#navigation li#n-blogoff{
background:url(../img/nav_blog.gif) no-repeat -90px 0;
margin-bottom:30px;
}
/*blog-----------*/

/*line-----------*/
#navigation li#n-line{
background:url(../img/nav_line.gif) repeat-x 0 0;
/*top:24px;*/
width:47px;
height:10px;
}

/*focus-----------*/
#navigation li#n-focus{
background:url(../img/nav_focus.gif) no-repeat 0 0;
/*top:24px;*/
width:90px;
height:10px;
}
#navigation li#n-focus a:hover{
background:url(../img/nav_focus.gif) no-repeat -90px 0;
}
#navigation li#n-focusoff{
background:url(../img/nav_focus.gif) no-repeat -90px 0;
}
/*focus-----------*/


#navigation li#n-regular{
background:url(../img/nav_regular.gif) no-repeat 0 0;
/*top:72px;*/
width:90px;
height:10px;
}
#navigation li#n-regular a:hover{
background:url(../img/nav_regular.gif) no-repeat -90px 0;
}
#navigation li#n-regularoff{
background:url(../img/nav_regular.gif) no-repeat -90px 0;
}

#navigation li#n-about{
background:url(../img/nav_about.gif) no-repeat 0 0;
/*top:130px;*/
width:90px;
height:10px;
}
#navigation li#n-about a:hover{
background:url(../img/nav_about.gif) no-repeat -90px 0;
}
#navigation li#n-aboutoff{
background:url(../img/nav_about.gif) no-repeat -90px 0;
}

#navigation li#n-access{
background:url(../img/nav_access.gif) no-repeat 0 0;
/*top:154px;*/
width:90px;
height:10px;
}
#navigation li#n-access a:hover{
background:url(../img/nav_access.gif) no-repeat -90px 0;
}
#navigation li#n-accessoff{
background:url(../img/nav_access.gif) no-repeat -90px 0;
}

#navigation li#n-contact{
background:url(../img/nav_contact.gif) no-repeat 0 0;
/*top:178px;*/
width:90px;
height:10px;
}
#navigation li#n-contact a:hover{
background:url(../img/nav_contact.gif) no-repeat -90px 0;
}
#navigation li#n-contactoff{
background:url(../img/nav_contact.gif) no-repeat -90px 0;
}