/*---Navi vertikal ----*/

#navigation ul{
	list-style: none ;
	padding: 0;
	margin: 0;
	line-height: normal;
font-size: 1.25em;
}

#navigation li{
	margin: 0;
	padding: 0;
	list-style-type: none ;	
}
#navigation ul li a  {
	text-decoration:none; 
	display: block;
	padding: 8px 2px 8px 2px;
	margin:0;
	color: #FFFFFF;
}
#navigation ul li a:hover {
	background-image: url(./images/pic_bgr_navi_a.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	color: #003963;
}
#navigation ul li.active a {
	background-image: url(./images/pic_bgr_navi_a.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	color: #003963;
}
#navigation li a.level1{
	background-image: url(./images/pic_bgr_navi.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 27px;
	width: 175px;
}
#navigation li a.level2{
	background-image: url(./images/pic_bgr_navi_2.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 37px;
	width: 165px;
}
#navigation li a.level3{
	background-image: url(./images/pic_bgr_navi_3.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 47px;
	width: 155px;
}
#navigation li a.level4{
	background-image: url(./images/pic_bgr_navi_4.gif); 	
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 57px;
	width: 155px;
}
#navigation li a.level5{
	padding: 8px 5px 8px 67px;
	width: 145px;
}
#navigation li a.level6{
	padding: 8px 5px 8px 77px;
	width: 135px;
}
#navigation li a.level7{
	padding: 8px 5px 8px 87px;
	width: 125px;
}