@charset 'shift_jis';

/*-----------------------------------------------------
  Author   :  Takashi Hirasawa
  URL      :  http://css-happylife.com/
  Date     :  06/10/09
  Copyright(C)2006 CSS HappyLife all rights reserved.
-----------------------------------------------------*/
/*-----------------------------------------------------
 // グローバルナビゲーションのロールオーバーをJavaScriptを使わず、CSSのみで実現する
-----------------------------------------------------*/

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style -+-+- */

#button1,#button2,#button3 {
	height:173px;
/*	background:url(img/g_navi_bg.gif) no-repeat;
	margin:0 0 0 8px;
*/
}
/*
#button ul {
	padding:6px 0 0 6px;
}
*/
#button1 p,#button2 p,#button3 p {
	display:inline;
	list-style-type:none;
}
#button1 p a {
	height:173px;
	display:block;
	float:center;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#button2 p a {
	height:173px;
	display:block;
	float:center;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#button3 p a {
	height:173px;
	display:block;
	float:center;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*#calendar  {
	height:84px;
	display:inline;
	list-style-type:none;
}*/
#calendar a {
	height:100px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#question a {
	height:100px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#employ a {
	height:100px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#office a {
	height:100px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#link a {
	height:100px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#button1 p.hukusi a {
	background:url(button.jpg) no-repeat 0px -1px;
	width:173px;
}
#button2 p.souzoku a {
	background:url(button.jpg) no-repeat -182px -3px;
	width:173px;
}
#button3 p.keiei a {
	background:url(button.jpg) no-repeat -361px -2px;
	width:191px;
}
#calendar a {
	background:url(officemenu.gif) no-repeat -0px -0px;
	width:110px;
}
#question a {
	background:url(officemenu.gif) no-repeat -126px -0px;
	width:110px;
}
#employ a {
	background:url(officemenu.gif) no-repeat -247px -1px;
	width:110px;
}
#office a {
	background:url(officemenu.gif) no-repeat -366px -1px;
	width:110px;
}
#link a {
	background:url(officemenu.gif) no-repeat -0px -223px;
	width:110px;
}
/*------hover*/
#button1 p.hukusi a:hover {
	background:url(button.jpg) no-repeat 0px -179px;
}
#button2 p.souzoku a:hover {
	background:url(button.jpg) no-repeat -182px -177px;
}
#button3 p.keiei a:hover {
	background:url(button.jpg) no-repeat -362px -175px;
}
#calendar a:hover {
	background:url(officemenu.gif) no-repeat -0px -96px;
}
#question a:hover {
	background:url(officemenu.gif) no-repeat -126px -96px;
}
#employ a:hover {
	background:url(officemenu.gif) no-repeat -247px -96px;
}
#office a:hover {
	background:url(officemenu.gif) no-repeat -366px -96px;
}
#link a:hover {
	background:url(officemenu.gif) no-repeat -0px -318px;
}

/*------on*/