@charset "UTF-8";


/*------------------------------------------------
officeページ専用CSS
------------------------------------------------*/

/*------------------------------------------------
メニュー　#navi
------------------------------------------------*/
#navi {
	height: 27px;
}
#navi li {
	float: left;
	list-style: none;
}
#navi li a{
	height: 27px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

/* home */
.home {
	width: 150px;
	background: url(../../img/officenavi/home.jpg) no-repeat left top;
}
.home a:hover {
	background: url(../../img/officenavi/home_ov.jpg) no-repeat left top;
}
/* company */
.company {
	width: 155px;
	background: url(../../img/officenavi/company.jpg) no-repeat left top;
}
.company a:hover {
	background: url(../../img/officenavi/company_ov.jpg) no-repeat left top;
}
/* greeting */
.greeting {
	width: 150px;
	background: url(../../img/officenavi/greeting.jpg) no-repeat left top;
}
.greeting a:hover {
	background: url(../../img/officenavi/greeting_ov.jpg) no-repeat left top;
}
/* office */
.office {
	width: 155px;
	background: url(../../img/officenavi/office.jpg) no-repeat left top;
}
.office a:hover {
	background: url(../../img/officenavi/office_ov.jpg) no-repeat left top;
}
/* branch */
.branch {
	width: 150px;
	background: url(../../img/officenavi/branch.jpg) no-repeat left top;
}
.branch a:hover {
	background: url(../../img/officenavi/branch_ov.jpg) no-repeat left top;
}