/*ナビゲーション(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 -90px 0;
/*top:0px;*/
width:90px;
height:10px;
}
#navigation li#n-news a:hover{
background:url(../img/nav_news.gif) no-repeat 0 0;
}
#navigation li#n-newson{
background:url(../img/nav_news.gif) no-repeat 0 0;
}
#navigation li#n-newson a:hover{
background:url(../img/nav_news.gif) no-repeat 0 0;
}

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

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

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

/*blog-----------*/
#navigation li#n-blog{
background:url(../img/nav_blog.gif) no-repeat -90px 0;
/*top:24px;*/
width:90px;
height:10px;
margin-bottom:30px;
}
#navigation li#n-blog a:hover{
background:url(../img/nav_blog.gif) no-repeat 0 0;
}
#navigation li#n-blogon{
background:url(../img/nav_blog.gif) no-repeat 0 0;
}
#navigation li#n-blogon a:hover{
background:url(../img/nav_blog.gif) no-repeat 0 0;
}
/*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 -90px 0;
/*top:24px;*/
width:90px;
height:10px;
}
#navigation li#n-focus a:hover{
background:url(../img/nav_focus.gif) no-repeat 0 0;
}
#navigation li#n-focuson{
background:url(../img/nav_focus.gif) no-repeat 0 0;
}
#navigation li#n-focuson a:hover{
background:url(../img/nav_focus.gif) no-repeat 0 0;
}
/*focus-----------*/


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

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

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

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


/*Focus side
---------------------------------------------------- */
#navigation ul#bNavi{
margin: 10px 0px 0px 0px;
padding:0 0 0 0;
list-style:none;
}

#navigation ul#bNavi li{
margin: 0px 0px 3px 0px;
padding:0 0 0 5px;
text-indent: 0px;
width:auto;
height:auto;
list-style:none;
font-size: 85%;
font-family:Helvetica, Arial, clean, sans-serif;
background: url(/common/img/bg_fcat.gif) no-repeat 0px 6px;
}

#navigation ul#bNavi li a{
text-decoration:none;
display: block;
width: auto;
height: auto;
}

#navigation ul#bNavi li a:hover{
background: none;
color:#FFF;
background-color: none;
text-decoration:underline;
}


