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



#navigation ul{

	list-style-type: none;

	padding: 0;

	margin: 0;

width: 190px;

border-bottom: solid 1px #cccccc;

}



#navigation li{

	margin: 1px 0 0 0;

	padding: 0;

	list-style-type: none;

}



#navigation ul li a  {

	text-decoration:none; 

	display: block;

	background-color: transparent;

line-height: normal;

}



#navigation ul li a:hover {

	background-position: left top;

	background-repeat: no-repeat;

}



#navigation li a.level1{

	padding: 7px 2px 7px 28px;

	width: 160px;

	font-weight: bold;

	font-size: 12px;

	color: #666666;

border-top: solid 1px #cccccc;

}

#navigation li a.level1:hover{

	background: transparent url(./layout/bgr_nav_a.gif) no-repeat 0px 6px;

	padding: 7px 2px 7px 28px;

	width: 160px;

	color: #FF7A09;

}

#navigation ul li.active a.level1 {

	background: transparent url(./layout/bgr_nav_a.gif) no-repeat 0px 6px;

	color: #FF7A09;

}









#navigation li a.level2 {

	padding: 3px 2px 5px 48px;

	width: 140px;

	font-size: 12px;

	font-weight: bold;

	color: #666666;

}

#navigation li a.level2:hover {

	background: transparent url(./layout/bgr_nav_2.gif) no-repeat 0px 2px;

	padding: 3px 2px 5px 48px;

	width: 140px;

	color: #FF7A09;

}

#navigation ul li.active a.level2 {

	background: transparent url(./layout/bgr_nav_2.gif) no-repeat 0px 2px;

	color: #FF7A09;

}









#navigation li a.level3 {

	padding: 3px 2px 5px 68px;

	width: 120px;

	font-size: 12px;

	font-weight: normal;

	color: #666666;

}

#navigation li a.level3:hover {

	background: transparent url(./layout/bgr_nav_3.gif) no-repeat 0px 2px;

	padding: 3px 2px 5px 68px;

	width: 120px;

	color: #FF7A09;

}

#navigation ul li.active a.level3 {

	background: transparent url(./layout/bgr_nav_3.gif) no-repeat 0px 2px;

	color: #FF7A09;

}





#navigation li a.level4 {

	background: #ffffff url(./layout/pic_bgr_navi4.gif);

	padding: 8px 2px 8px 65px;

	width: 133px;

}

#navigation li a.level4:hover {

	background: #ffffff url(./layout/pic_bgr_navi4_a.gif);

	padding: 8px 2px 8px 65px;

	width: 133px;

}

#navigation ul li.active a.level4 {

	background: #ffffff url(./layout/pic_bgr_navi4_a.gif);

}





#navigation li a.level5 {

	background: #ffffff url(./layout/pic_bgr_navi5.gif);

	padding: 8px 2px 8px 80px;

	width: 118px;

}

#navigation li a.level5:hover {

	background: #ffffff url(./layout/pic_bgr_navi5_a.gif);

	padding: 8px 2px 8px 80px;

	width: 118px;

}

#navigation ul li.active a.level5 {

	background: #ffffff url(./layout/pic_bgr_navi5_a.gif);

}





#navigation li a.level6 {

	background: #ffffff url(./layout/pic_bgr_navi6.gif);

	padding: 8px 2px 8px 95px;

	width: 103px;

}

#navigation li a.level6:hover {

	background: #ffffff url(./layout/pic_bgr_navi6_a.gif);

	padding: 8px 2px 8px 95px;

	width: 103px;

}

#navigation ul li.active a.level6 {

	background: #ffffff url(./layout/pic_bgr_navi6_a.gif);

}





#navigation li a.level7 {

	background: #ffffff url(./layout/pic_bgr_navi7.gif);

	padding: 8px 2px 8px 110px;

	width: 88px;

}

#navigation li a.level7:hover{

	background: #ffffff url(./layout/pic_bgr_navi7_a.gif);

	padding: 8px 2px 8px 110px;

	width: 88px;

}

#navigation ul li.active a.level7 {

	background: #ffffff url(./layout/pic_bgr_navi7_a.gif);

}