@charset "UTF-8";
/* CSS Document */

#mainNavigation { margin:15px 0 0 0; padding:0; height:28px; background:url(../img/frame/mainnavi_bg.gif) 0 0 repeat-x; }
#mainNavigation ul { margin:0 0 0 0px; padding:0 0 0 0px; height:28px;}
#mainNavigation ul li { margin:0; padding:0; position:relative; float:left; text-indent:-9999px;}
#mainNavigation ul li a {padding:0; height:28px; z-index:1; display:block; background-position:top left; background-repeat:no-repeat;}
#mainNavigation ul li a:hover { background-position:top right;}
#mainNavigation ul li#home a { width:73px; background-image:url(../img/navi/mainnavi_img_home.gif);}
#mainNavigation ul li#abouts a { width:120px; background-image:url(../img/navi/mainnavi_img_aboutus.gif);}
#mainNavigation ul li#eyes a { width:108px; background-image:url(../img/navi/mainnavi_img_eyes.gif);}
#mainNavigation ul li#products a { width:78px; background-image:url(../img/navi/mainnavi_img_products.gif);}
#mainNavigation ul li#digital a { width:152px; background-image:url(../img/navi/mainnavi_img_digital.gif);}
#mainNavigation ul li#local a { width:126px; background-image:url(../img/navi/mainnavi_img_local.gif);}
#mainNavigation ul li#professionals a { width:100px; background-image:url(../img/navi/mainnavi_img_professionals.gif);}

#mainNavigation ul li a#homeActive { width:73px; background-image:url(../img/navi/mainnavi_img_home_current.gif);}
#mainNavigation ul li a:hover#homeActive { background-position:top left;}

#mainNavigation ul li a#aboutsActive {  width:120px; z-index:100; background-image:url(../img/navi/mainnavi_img_aboutus_current.gif);}
#mainNavigation ul li a:hover#aboutsActive { background-position:top left;}

#mainNavigation ul li a#eyesActive { width:108px; z-index:100; background-image:url(../img/navi/mainnavi_img_eyes_current.gif);}
#mainNavigation ul li a:hover#eyesActive { background-position:top left;}

#mainNavigation ul li a#productsActive {  width:78px; background-image:url(../img/navi/mainnavi_img_products_current.gif);}
#mainNavigation ul li a:hover#productsActive { background-position:top left;}

#mainNavigation ul li a#digitalActive {  width:152px; background-image:url(../img/navi/mainnavi_img_digital_current.gif);}
#mainNavigation ul li a:hover#digitalActive { background-position:top left;}

#mainNavigation ul li a#localActive {  width:126px; background-image:url(../img/navi/mainnavi_img_local_current.gif);}
#mainNavigation ul li a:hover#localActive { background-position:top left;}

#mainNavigation ul li a#professionalsActive {  width:100px; background-image:url(../img/navi/mainnavi_img_professionals_current.gif);}
#mainNavigation ul li a:hover#professionalsActive { background-position:top left;}