@charset "utf-8";/*使用する文字コード*/




/* メインメニュー */

UL#mainMenu {
	width: 800px;
	clear: both;
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
UL#mainMenu,
UL#mainMenu LI,
UL#mainMenu LI A {
	height:40px;/* 高さはUL,LI,Aそれぞれに設定 */
}
UL#mainMenu LI {
	position: absolute;/* liを横に並べるために、絶対的に位置を設定できるように設定 */
	top: 0;/* liを横に並べるため、全ての高さを揃える */
	list-style-type: none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size: 0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#mainMenu A {
	overflow: hidden;
	display: block;
	text-indent: -999em;/* 文字を表示エリア外に移動 */
	text-decoration: none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position: center;
	width: 160px;/* ボタンの幅のデフォルト値 */
}

/* 背景画像読込 */


UL#mainMenu LI#mainMenu1 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_01.gif");
	width: 110px;/* ボタンの幅 */
	left: 0px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu1 A {
	width: 110px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu1 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_01.gif");
}


UL#mainMenu LI#mainMenu2 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_02.gif");
	width: 145px;/* ボタンの幅 */
	left: 110px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu2 A {
	width: 145px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu2 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_02.gif");
}


UL#mainMenu LI#mainMenu3 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_03.gif");
	width: 95px;/* ボタンの幅 */
	left: 255px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu3 A {
	width: 95px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu3 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_03.gif");
}


UL#mainMenu LI#mainMenu4 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_04.gif");
	width: 130px;/* ボタンの幅 */
	left: 350px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu4 A {
	width: 130px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu4 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_04.gif");
}


UL#mainMenu LI#mainMenu5 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_05.gif");
	width: 90px;/* ボタンの幅 */
	left: 480px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu5 A {
	width: 90px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu5 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_05.gif");
}


UL#mainMenu LI#mainMenu6 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_06.gif");
	width: 125px;/* ボタンの幅 */
	left: 570px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu6 A {
	width: 125px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu6 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_06.gif");
}


UL#mainMenu LI#mainMenu7 {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/menu_07.gif");
	width: 105px;/* ボタンの幅 */
	left: 695px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu7 A {
	width: 105px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu7 A:hover {
	background-image: url("http://www.hillock-a.or.jp/cmn/images/main_menu/img_upload/over_07.gif");
}

