/*global navigation
-------------------------------------------------*/
#nav { list-style: none; margin: 20px; padding: 0; width: 160px; }
#nav li { width: 160px; height: 30px; margin: 0 0 3px 0; text-indent: -9999px; background-color: #fcc; }
#nav li a { text-decoration: none; display: block; width: 160px; height: 30px; background-color: #fcc; }
#nav li#about a { background: url(menu/about_off.gif) no-repeat; }
#nav li#news a { background: url(menu/news_off.gif) no-repeat; }
#nav li#works a { background: url(menu/works_off.gif) no-repeat; }
#nav li#links a { background: url(menu/links_off.gif) no-repeat; }
#nav li#site a { background: url(menu/site_off.gif) no-repeat; }
#nav li#contact a { background: url(menu/contact_off.gif) no-repeat; }
#nav li#about, #nav li#about a:hover { background: url(menu/about_on.gif) no-repeat; }
#nav li#news, #nav li#news a:hover { background: url(menu/news_on.gif) no-repeat; }
#nav li#works, #nav li#works a:hover { background: url(menu/works_on.gif) no-repeat; }
#nav li#links, #nav li#links a:hover { background: url(menu/links_on.gif) no-repeat; }
#nav li#site, #nav li#site a:hover { background: url(menu/site_on.gif) no-repeat; }
#nav li#contact, #nav li#contact a:hover { background: url(menu/contact_on.gif) no-repeat; }

/*global navigation_NAOMAKINO
-------------------------------------------------*/
#nav li#diary a { background: url(menu/diary_off.gif) no-repeat; }
#nav li#calendar a { background: url(menu/calendar_off.gif) no-repeat; }
#nav li#profile a { background: url(menu/profile_off.gif) no-repeat; }
#nav li#diary, #nav li#diary a:hover { background: url(menu/diary_on.gif) no-repeat; }
#nav li#calendar, #nav li#calendar a:hover { background: url(menu/calendar_on.gif) no-repeat; }
#nav li#profile, #nav li#profile a:hover { background: url(menu/profile_on.gif) no-repeat; }


/*sub navigation
-------------------------------------------------*/
#subnav ul { color: #c36; border-left: 1px solid #000080; margin: 0 0 24px; padding: 0; line-height: 1.2; }
#subnav ul li { display: inline; padding: 0 2px; border-right: 1px solid #000080; }
#subnav ul li span { color: #fff; background-color: #000080; text-decoration: none; }
#subnav ul li a { color: #000080; }
#subnav ul li a:hover { color: #fff; background-color: #000080; text-decoration: none; }