ul#navi {
	position: relative;
	width: 128px;
	height: 280px;
	margin:0;
	overflow: hidden;
}


ul#navi li a {
	width: 128px;
	height: 40px;
	position: absolute;
	overflow: hidden;
	padding: 40px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	left:0;
}


li#m_home a{ 
	background: transparent url(/images/cf/menu/menu01.jpg);
	top:0px;
	}
	
li#m_bbs a{ 
	background: transparent url(/images/cf/menu/menu02.jpg);
	top:40px;
	}

li#m_shop a{ 
	background: transparent url(/images/cf/menu/menu03.jpg);
	top:80px;
	}
	
li#m_map a{ 
	background: transparent url(/images/cf/menu/menu04.jpg);
	top:120px;
	}
	
li#m_profile a{ 
	background: transparent url(/images/cf/menu/menu05.jpg);
	top:160px;
	}

li#m_link a{ 
	background: transparent url(/images/cf/menu/menu06.jpg);
	top:200px;
	}
	
li#m_join a{ 
	background: transparent url(/images/cf/menu/menu07.jpg);
	top:240px;
	}	



li#m_home a:hover, 
li#m_bbs a:hover, 
li#m_shop a:hover, 
li#m_map a:hover,
li#m_profile a:hover,
li#m_link a:hover,
li#m_join a:hover{ 
	background-position: 0px -40px;
	}