@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------------------------- */

#navigation ul li {
    position: absolute;
    height: 44px;
}

#navigation ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 44px;
}

#navigation ul li a span { display: none; }

#navigation01 {
    background: url(../navigation_img/001.jpg) no-repeat left top;
	top: 101px;
    left: 0px;
    width: 164px;
}
 
#navigation01 a {
    width: 164px;
}

#navigation01 a:hover {
    background: url(../navigation_img/001_f2.jpg) no-repeat left top;
}
 
#navigation02 {
    background: url(../navigation_img/002.jpg) no-repeat left top;
	top: 101px;
    left: 165px;
    width: 164px;
}
 
#navigation02 a {
    width: 164px;
}

#navigation02 a:hover {
    background: url(../navigation_img/002_f2.jpg) no-repeat left top;
}

#navigation03 {
    background: url(../navigation_img/003.jpg) no-repeat left top;
	top: 101px;
    left: 330px;
    width: 164px;
}
 
#navigation03 a {
    width: 164px;
}

#navigation03 a:hover {
    background: url(../navigation_img/003_f2.jpg) no-repeat left top;
}
 
#navigation04 {
    background: url(../navigation_img/004.jpg) no-repeat left top;
	top: 101px;
    left: 495px;
    width: 164px;
}
 
#navigation04 a {
    width: 164px;
}

#navigation04 a:hover {
    background: url(../navigation_img/004_f2.jpg) no-repeat left top;
}
 
#navigation05 {
    background: url(../navigation_img/005.jpg) no-repeat left top;
	top: 101px;
    left: 660px;
    width: 164px;
}
 
#navigation05 a {
    width: 164px;
}

#navigation05 a:hover {
  background: url(../navigation_img/005_f2.jpg) no-repeat left top;
}

#navigation06 {
    background: url(../navigation_img/006.jpg) no-repeat left top;
	top: 101px;
    left: 825px;
    width: 163px;
}
 
#navigation06 a {
    width: 163px;
}

#navigation06 a:hover {
  background: url(../navigation_img/006_f2.jpg) no-repeat left top;
}

/* ----------------------------------------------------------------------------------
サブナビゲーション
---------------------------------------------------------------------------------- */

#subNavigation ul li {
    position: absolute;
    height: 15px;
}

#subNavigation ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 15px;
}

#subNavigation ul li a span { display: none; }


#subNavigation01 {
    background: url(../sub_navigation_img/001.jpg) no-repeat left top;
	top: 5px;
    left: 525px;
    width: 51px;
}
 
#subNavigation01 a {
     width: 51px;
}

#subNavigation01 a:hover {
    background: url(../sub_navigation_img/001_f2.jpg) no-repeat left top;
}

#subNavigation02 {
    background: url(../sub_navigation_img/002.jpg) no-repeat left top;
	top: 5px;
    left: 583px;
    width: 69px;
}
 
#subNavigation02 a {
    width: 69px;
}

#subNavigation02 a:hover {
    background: url(../sub_navigation_img/002_f2.jpg) no-repeat left top;
}

#subNavigation03 {
    background: url(../sub_navigation_img/003.jpg) no-repeat left top;
	top: 5px;
    left: 659px;
    width: 86px;
}
 
#subNavigation03 a {
    width: 86px;
}

#subNavigation03 a:hover {
    background: url(../sub_navigation_img/003_f2.jpg) no-repeat left top;
}

#subNavigation04 {
    background: url(../sub_navigation_img/004.jpg) no-repeat left top;
	top: 5px;
    left: 752px;
    width: 125px;
}
 
#subNavigation04 a {
    width: 125px;
}

#subNavigation04 a:hover {
    background: url(../sub_navigation_img/004_f2.jpg) no-repeat left top;
}

#subNavigation05 {
    background: url(../sub_navigation_img/005.jpg) no-repeat left top;
	top: 5px;
    left: 884px;
    width: 89px;
}
 
#subNavigation05 a {
    width: 89px;
}

#subNavigation05 a:hover {
    background: url(../sub_navigation_img/005_f2.jpg) no-repeat left top;
}