/* ナビゲーションのCSS */

ul#drop_down_menu {
     margin: 10px 2px 2px 2px;
     padding: 0;
     list-style: none;
	 font-size:0.9em;
}
ul#drop_down_menu li {
        position: relative;
        display: block;
        float: left;
     margin: 2px 2px 5px 2px;
     padding: 0;
}
ul#drop_down_menu li a {
     display: block;
     padding: 4px;
     width: 130px;
	 border-left:8px solid #6099CC;
     color: #666666;
	 text-decoration:none;
	 margin-top:5px;
}
ul#drop_down_menu a:hover,ul#drop_down_menu li:hover a{
	color: #333333;
	background-color:#cccccc;
}


ul#drop_down_menu li ul {
     display: none;
}
ul#drop_down_menu li ul li {
     float: none;
	 list-style:none;
}
ul#drop_down_menu li ul li ul {
     position: absolute;
     top: 0;
	 width: 0;
     left: 145px;
	 z-index: 100; /* これがないとIE6でメニューがでない */

}
ul#drop_down_menu li:hover > ul {
     display: block;
	 margin-left:30px;
}
ul#drop_down_menu li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li a,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li a {
     color: #008000;
	 width:190px;	 
	 border-left:8px solid #008000;
}

ul#drop_down_menu li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover a,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li a:hover,
ul#drop_down_menu li:hover ul li:hover ul li:hover ul li:hover a {
	background-color:#008000;
	color: #ffffff;
}
