@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 20px; padding:0 0 0 2px; 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:67px; background-image:url(../img/navi/mainnavi_img_home.gif);}
#mainNavigation ul li#consumer a { width:94px; background-image:url(../img/navi/mainnavi_img_consumer.gif);}
#mainNavigation ul li#Professional a { width:102px; background-image:url(../img/navi/mainnavi_img_professional.gif);}


#mainNavigation ul li#eyecare a { width:89px; background-image:url(../img/navi/mainnavi_img_eyecare.gif);}
#mainNavigation ul li#see a { width:93px; background-image:url(../img/navi/mainnavi_img_see.gif);}
#mainNavigation ul li#nearest a { width:116px; background-image:url(../img/navi/mainnavi_img_nearest.gif);}
#mainNavigation ul li#legal a { width:108px; background-image:url(../img/navi/mainnavi_img_legal.gif);}

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

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

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

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

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

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

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