/* CSS Document */

/*Left Navi Rollover*/

#area-left ul{
	list-style:none;
	padding:0;
	margin:0;
	font-size:80%;
}

.left-title{
	border-bottom:#ffffff 1px dotted;
	padding:10px 10px 20px 10px;
	display:block;
}

#area-left li a{
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:10px 0 10px 30px;
	margin:0;
	border-bottom:#ffffff 1px dotted;
	width:140px;
	background: url(/images/bg-left-menu.jpg) no-repeat 0 50%;
}

#area-left li a:hover{
	background: url(/images/bg-left-menu-r.jpg) no-repeat 0 50%;
	color: #E5E5E5;
}

#area-left li a:active{
	background: url(/images/bg-left-menu-r.jpg) no-repeat 0 50%;
	color: #E5E5E5;
}

#area-left li a.semi {
	background: url(/images/bg-left-menu-02.jpg) no-repeat 0 50%;!important
}

#area-left li a:hover.semi{
	background: url(/images/bg-left-menu-02.jpg) no-repeat 0 50%;!important
}

#area-left li a:active.semi{
	background: url(/images/bg-left-menu-02.jpg) no-repeat 0 50%;!important
}

#area-left li a.selected {
	background: url(/images/bg-left-menu-s.jpg) no-repeat 0 50%;!important
}

#area-left li a:hover.selected {
	background: url(/images/bg-left-menu-s.jpg) no-repeat 0 50%;!important
}

#area-left li a:active.selected {
	background: url(/images/bg-left-menu-s.jpg) no-repeat 0 50%;!important
}