/* ナビゲーション用CSS */

#navi {
	height: 28px;
	width: 773px;
	background-image : url(back.gif);
	
	
}


#navi ul {
	margin: 0px;
	padding:0px;
	
	
}

#navi li {
	display: block;
	float: left;
	text-indent: -9999px;
	
}

#navi li a {
	display: block;
	text-decoration: none;
}

#navi li#home a {
	height: 28px;
	width: 89px;
	background : url(home.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#home a:hover {
	height: 28px;
	width: 89px;
	background : url(home_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}


#navi li#company a {
	height: 28px;
	width: 88px;
	background : url(company.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#company a:hover {
	height: 28px;
	width: 88px;
	background : url(company_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}

#navi li#mc a {
	height: 28px;
	width: 119px;
	background : url(staff.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#mc a:hover {
	height: 28px;
	width: 119px;
	background : url(staff_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}

#navi li#access a {
	height: 28px;
	width: 105px;
	background : url(access.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#access a:hover {
	height: 28px;
	width: 105px;
	background : url(access_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}

#navi li#contact a {
	height: 28px;
	width: 145px;
	background : url(contact.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#contact a:hover {
	height: 28px;
	width: 145px;
	background : url(contact_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}

#navi li#blog a {
	height: 28px;
	width: 86px;
	background : url(blog.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
	
}

#navi li#blog a:hover {
	height: 28px;
	width: 86px;
	background : url(blog_o.gif) no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aebdd5;
}