#navi #btn0 a {
	height:140px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/hairsalon/hairsalon.gif);
	margin-bottom: 1px;
}


#navi #btn1 a {
	height: 50px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/hairsalon/about.gif);
	margin-bottom: 1px;
}

#navi #btn1 a:hover {
	background-image: url(images/hairsalon/about_o.gif);
}

#navi #btn2 a {
	height: 50px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/hairsalon/menu.gif);
	margin-bottom: 1px;
}

#navi #btn2 a:hover {
	background-image: url(images/hairsalon/menu_o.gif);
}

#navi #btn3 a {
	height: 50px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/hairsalon/apoint.gif);
	margin-bottom: 1px;
}

#navi #btn3 a:hover {
	background-image: url(images/hairsalon/apoint_o.gif);
}

#navi {
	width: 180px;
	float: left;
    height: 400px;
}