@charset "UTF-8";


/* CSS Document *

/* ----------------------------------------------------------------------------------
navigation
---------------------------------------------------------------------------------- */

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

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

#navigation ul li a span { display: none; }
 
#navigation01 {
    background: url(../navigation_img/001.jpg) no-repeat left top;
    top: 67px;
    left: 1px;
    width: 196px;
}
 
#navigation01 a {
    width: 196px;
}

#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: 67px;
    left: 198px;
    width: 197px;
}
 
#navigation02 a {
    width: 197px;
}

#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: 67px;
    left: 395px;
    width: 197px;
}
 
#navigation03 a {
    width: 197px;
}

#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: 67px;
    left: 593px;
    width: 197px;
}
 
#navigation04 a {
    width: 197px;
}

#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: 67px;
    left: 790px;
    width: 196px;
}
 
#navigation05 a {
    width: 196px;
}

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

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

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

#subNavigation ul li a span { display: none; }
 
#subNavigation01 {
    background: url(../sub_navigation_img/001.png) no-repeat;
    top: 25px;
    right: 320px;
    width: 154px;
}
 
#subNavigation01 a {
    width: 154px;
}

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

#subNavigation02 {
    background: url(../sub_navigation_img/002.png) no-repeat;
    top: 25px;
    right: 160px;
    width: 154px;
}
 
#subNavigation02 a {
   width: 154px;
}

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

#subNavigation03 {
    background: url(../sub_navigation_img/003.png) no-repeat;
    top: 25px;
    right: 0px;
    width: 154px;
}
 
#subNavigation03 a {
    width: 154px;
}

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

/* ----------------------------------------------------------------------------------
indexNavigation
---------------------------------------------------------------------------------- */

#indexNavigation ul li {
    position: absolute;
    height: 58px;
 }

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

#indexNavigation ul li a span { display: none; }
 
#indexNavigation01 {
    background: url(../../img/index/navigation_img/001.png) no-repeat;
    top: 50px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation01 a {
    width: 147px;
}

#indexNavigation01 a:hover {
    background: url(../../img/index/navigation_img/001_f2.png) no-repeat;
}

#indexNavigation02 {
    background: url(../../img/index/navigation_img/002.png) no-repeat;
    top: 98px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation02 a {
   width: 147px;
}

#indexNavigation02 a:hover {
    background: url(../../img/index/navigation_img/002_f2.png) no-repeat;
}

#indexNavigation03 {
    background: url(../../img/index/navigation_img/003.png) no-repeat;
    top: 146px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation03 a {
    width: 147px;
}

#indexNavigation03 a:hover {
    background: url(../../img/index/navigation_img/003_f2.png) no-repeat;
}


#indexNavigation04 {
    background: url(../../img/index/navigation_img/004.png) no-repeat;
    top: 194px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation04 a {
    width: 147px;
}

#indexNavigation04 a:hover {
    background: url(../../img/index/navigation_img/004_f2.png) no-repeat;
}

#indexNavigation05 {
    background: url(../../img/index/navigation_img/005.png) no-repeat;
    top: 242px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation05 a {
    width: 147px;
}

#indexNavigation05 a:hover {
    background: url(../../img/index/navigation_img/005_f2.png) no-repeat;
}

#indexNavigation06 {
    background: url(../../img/index/navigation_img/006.png) no-repeat;
    top: 290px;
    right: 0px;
    width: 147px;
}
 
#indexNavigation06 a {
    width: 147px;
}

#indexNavigation06 a:hover {
    background: url(../../img/index/navigation_img/006_f2.png) no-repeat;
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

#footerNavigationArea {
    clear: both;
    position: relative;
	height: 20px;
	margin: 0px auto;
    padding-bottom: 7px;
}

#footerNavigation ul li {
    position: absolute;
    height: 11px;
 }

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

#footerNavigation ul li a span { display: none; }
 
#footerNavigation01 {
    background: url(../footer_navigation_img/001.gif) no-repeat left top;
    top: 0px;
    left: 0px;
    width: 188px;
}
 
#footerNavigation01 a {
    width: 188px;
}

#footerNavigation01 a:hover {
    background: url(../footer_navigation_img/001_f2.gif) no-repeat left top;
}

#footerNavigation02 {
    background: url(../footer_navigation_img/002.gif) no-repeat left top;
    top: 0px;
    left: 195px;
    width: 126px;
}
 
#footerNavigation02 a {
    width: 126px;
}

#footerNavigation02 a:hover {
    background: url(../footer_navigation_img/002_f2.gif) no-repeat left top;
}

#footerNavigation03 {
    background: url(../footer_navigation_img/003.gif) no-repeat left top;
    top: 0px;
    left: 327px;
    width: 73px;
}
 
#footerNavigation03 a {
    width: 73px;
}

#footerNavigation03 a:hover {
    background: url(../footer_navigation_img/003_f2.gif) no-repeat left top;
}