CSS menu

  <style>
<!--
#navigation {width:182px; padding:0px; margin:0px; text-align:left
}
#navigation ul {list-style-type:none;margin:0px;padding:0px;
}
#navigation ul li { padding:0px; margin:0px;
 /* */
}
#navigation ul li a{display:block;padding:0px 10px;text-decoration:none;
  /*  */
}
#navigation ul li a:link, #navigation ul li a:visited{
 color:#00438a; font-weight:bold; height:25px; line-height:25px
}
#navigation ul li a:hover{  /* ﾊ・ｭｹﾊｱ */
 color:#fff; height:25px; line-height:25px; display:block     /* ｸﾄｱ萸ﾄﾗﾖﾑﾕﾉｫ */
}

/* ﾗﾓｲﾋｵ･ｵﾄCSSﾑｽ */
#navigation ul li ul{list-style-type:none;margin:0px;padding:0px 0px 0px 0px;}
#navigation ul li ul li{
}
#navigation ul li ul li a{display:block;text-decoration:none;background-color:#cadae7; border-top:#FFFFFF solid 1px; border-left:#0d5182 solid 10px; color:#00438a;}
#navigation ul li ul li a:link, #navigation ul li ul li a:visited{padding-left:10px;background-color:#cadae7;color:#00438a;
}
#navigation ul li ul li a:hover{background-color:#fff;color:#000; }
#navigation ul li ul.myHide{ /* ﾒｲﾘﾗﾓｲﾋｵ･ */
 display:none;
}
#navigation ul li ul.myShow{ /* ﾏﾔﾊｾﾗﾓｲﾋｵ･ */
 display:block;
}

/* ﾗﾓｲﾋｵ･ｵﾄCSSﾑｽ */
#navigation ul li ul li ul{list-style-type:none;margin:0px;padding:0px 0px 0px 0px;}
#navigation ul li ul li ul li{
}
#navigation ul li ul li ul li a{display:block;text-decoration:none; }
#navigation ul li ul li ul li a:link, #navigation ul li ul li ul li a:visited{padding-left:10px;color:#333;border-bottom:#cadae7 solid 1px; border-left:#cadae7 solid 20px;  background-color:#FFFFFF;
}
#navigation ul li ul li ul li a:hover{background-color:#FFFFFF;color:#333;}
#navigation ul li ul li ul.myHide{ /* ﾒｲﾘﾗﾓｲﾋｵ･ */
 display:none;
}
#navigation ul li ul li ul.myShow{ /* ﾏﾔﾊｾﾗﾓｲﾋｵ･ */
 display:block;
}
-->
</style>