@charset "utf-8";

#navigation{
margin:0 auto;
width: 160px;
text-align: left;
}

#navigation ul{
margin:10px 0 0 0;
padding:0;
}
#navigation li{
list-style:none;
margin:0;
padding:0;
margin-bottom:10px;
}

#navigation a.menu01,
#navigation a.menu02,
#navigation a.menu03,
#navigation a.menu04,
#navigation a.menu05,
#navigation a.menu01_on,
#navigation a.menu02_on,
#navigation a.menu03_on,
#navigation a.menu04_on,
#navigation a.menu05_on{
display:block;
width:160px;
height:40px;
overflow:hidden;
}

#navigation a.sub01,
#navigation a.sub02,
#navigation a.sub03,
#navigation a.sub04,
#navigation a.sub05,
#navigation a.sub06,
#navigation a.sub07,
#navigation a.sub08,
#navigation a.sub09,
#navigation a.sub10,
#navigation a.sub11,
#navigation a.sub01_on,
#navigation a.sub02_on,
#navigation a.sub03_on,
#navigation a.sub04_on,
#navigation a.sub05_on,
#navigation a.sub06_on,
#navigation a.sub07_on,
#navigation a.sub08_on,
#navigation a.sub09_on,
#navigation a.sub10_on,
#navigation a.sub11_on{
display:block;
margin-left:30px;
width:130px;
height:20px;
overflow:hidden;
}

#navigation a,#navigation a:hover{text-decoration: none;text-indent: -9999px;}

#navigation .menu01,#navigation .menu01_on,
#navigation .menu02,#navigation .menu02_on,
#navigation .menu03,#navigation .menu03_on,
#navigation .menu04,#navigation .menu04_on,
#navigation .menu05,#navigation .menu05_on{width: 160px;height: 40px;}

#navigation .sub01,#navigation .sub01_on,
#navigation .sub02,#navigation .sub02_on,
#navigation .sub03,#navigation .sub03_on,
#navigation .sub04,#navigation .sub04_on,
#navigation .sub05,#navigation .sub05_on,
#navigation .sub06,#navigation .sub06_on,
#navigation .sub07,#navigation .sub07_on,
#navigation .sub08,#navigation .sub08_on,
#navigation .sub09,#navigation .sub09_on,
#navigation .sub10,#navigation .sub10_on,
#navigation .sub11,#navigation .sub11_on{width: 130px;height: 20px;}

#navigation .menu01 {background: url("../img/navi_c/menu01.jpg") no-repeat left top;}
#navigation .menu02 {background: url("../img/navi_c/menu02.jpg") no-repeat left top;}
#navigation .menu03 {background: url("../img/navi_c/menu03.jpg") no-repeat left top;}
#navigation .menu04 {background: url("../img/navi_c/menu04.jpg") no-repeat left top;}
#navigation .menu05 {background: url("../img/navi_c/menu05.jpg") no-repeat left top;}
#navigation .sub01 {background: url("../img/navi_c/sub01.gif") no-repeat left top;}
#navigation .sub02 {background: url("../img/navi_c/sub02.gif") no-repeat left top;}
#navigation .sub03 {background: url("../img/navi_c/sub03.gif") no-repeat left top;}
#navigation .sub04 {background: url("../img/navi_c/sub04.gif") no-repeat left top;}
#navigation .sub05 {background: url("../img/navi_c/sub05.gif") no-repeat left top;}
#navigation .sub06 {background: url("../img/navi_c/sub06.gif") no-repeat left top;}
#navigation .sub07 {background: url("../img/navi_c/sub07.gif") no-repeat left top;}
#navigation .sub08 {background: url("../img/navi_c/sub08.gif") no-repeat left top;}
#navigation .sub09 {background: url("../img/navi_c/sub09.gif") no-repeat left top;}
#navigation .sub10 {background: url("../img/navi_c/sub10.gif") no-repeat left top;}
#navigation .sub11 {background: url("../img/navi_c/sub11.gif") no-repeat left top;}

#navigation .menu01:hover,#navigation .menu01_on {background: url("../img/navi_c/menu01.jpg") no-repeat 0px -40px;}
#navigation .menu02:hover,#navigation .menu02_on {background: url("../img/navi_c/menu02.jpg") no-repeat 0px -40px;}
#navigation .menu03:hover,#navigation .menu03_on {background: url("../img/navi_c/menu03.jpg") no-repeat 0px -40px;}
#navigation .menu04:hover,#navigation .menu04_on {background: url("../img/navi_c/menu04.jpg") no-repeat 0px -40px;}
#navigation .menu05:hover,#navigation .menu05_on {background: url("../img/navi_c/menu05.jpg") no-repeat 0px -40px;}
#navigation .sub01:hover,#navigation .sub01_on {background: url("../img/navi_c/sub01.gif") no-repeat 0px -20px;}
#navigation .sub02:hover,#navigation .sub02_on {background: url("../img/navi_c/sub02.gif") no-repeat 0px -20px;}
#navigation .sub03:hover,#navigation .sub03_on {background: url("../img/navi_c/sub03.gif") no-repeat 0px -20px;}
#navigation .sub04:hover,#navigation .sub04_on {background: url("../img/navi_c/sub04.gif") no-repeat 0px -20px;}
#navigation .sub05:hover,#navigation .sub05_on {background: url("../img/navi_c/sub05.gif") no-repeat 0px -20px;}
#navigation .sub06:hover,#navigation .sub06_on {background: url("../img/navi_c/sub06.gif") no-repeat 0px -20px;}
#navigation .sub07:hover,#navigation .sub07_on {background: url("../img/navi_c/sub07.gif") no-repeat 0px -20px;}
#navigation .sub08:hover,#navigation .sub08_on {background: url("../img/navi_c/sub08.gif") no-repeat 0px -20px;}
#navigation .sub09:hover,#navigation .sub09_on {background: url("../img/navi_c/sub09.gif") no-repeat 0px -20px;}
#navigation .sub10:hover,#navigation .sub10_on {background: url("../img/navi_c/sub10.gif") no-repeat 0px -20px;}
#navigation .sub11:hover,#navigation .sub11_on {background: url("../img/navi_c/sub11.gif") no-repeat 0px -20px;}

#sub01,#sub02,#sub03{display:none;}