@charset "UTF-8";

#snavi {
	width:200px;
	margin:0 0 20px 0;
	padding:0;
	float:left;
	background:url("../img/navi_bk.gif") repeat-y;
}

#snavi_top {
	width:200px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/navi_top.gif") no-repeat top;
}

#snavi_bottom {
	width:200px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/navi_bottom.gif") no-repeat bottom;
}

#snavi ul {
	width:190px;
	padding:0;
	background:url("../img/navi.gif") no-repeat;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
}

#snavi li {
	float:left;
	margin:0 0 5px 0;
}

#snavi a {
	display:block;
	width:190px;
	height:44px;
}

#snavi a:hover {
	background:none;
}

#snavi li a:hover img, #navi li a.active img {
	width:0;
	height:0;
}