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




/* メインメニュー */

div#mainMenuwrapper {
	background: url("../images/mainmenu_back.gif") repeat-x top center;
	padding-bottom: 28px;
	}
UL#mainMenu {
	clear: both;
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
UL#mainMenu,
UL#mainMenu LI,
UL#mainMenu LI A {
	height:30px;/* 高さは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("../images/main_menu/mainmenu1.gif");
	width: 100px;/* ボタンの幅 */
	left: 0px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu1 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu1 A:hover {
	background-image: url("../images/main_menu/mainmenu1over.gif");
}


UL#mainMenu LI#mainMenu2 {
	background-image: url("../images/main_menu/mainmenu2.gif");
	width: 100px;/* ボタンの幅 */
	left: 100px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu2 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu2 A:hover {
	background-image: url("../images/main_menu/mainmenu2over.gif");
}


UL#mainMenu LI#mainMenu3 {
	background-image: url("../images/main_menu/mainmenu3.gif");
	width: 100px;/* ボタンの幅 */
	left: 200px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu3 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu3 A:hover {
	background-image: url("../images/main_menu/mainmenu3over.gif");
}


UL#mainMenu LI#mainMenu4 {
	background-image: url("../images/main_menu/mainmenu4.gif");
	width: 100px;/* ボタンの幅 */
	left: 300px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu4 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu4 A:hover {
	background-image: url("../images/main_menu/mainmenu4over.gif");
}


UL#mainMenu LI#mainMenu5 {
	background-image: url("../images/main_menu/mainmenu5.gif");
	width: 100px;/* ボタンの幅 */
	left: 400px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu5 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu5 A:hover {
	background-image: url("../images/main_menu/mainmenu5over.gif");
}


UL#mainMenu LI#mainMenu6 {
	background-image: url("../images/main_menu/mainmenu6.gif");
	width: 100px;/* ボタンの幅 */
	left: 500px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu6 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu6 A:hover {
	background-image: url("../images/main_menu/mainmenu6over.gif");
}


UL#mainMenu LI#mainMenu7 {
	background-image: url("../images/main_menu/mainmenu7.gif");
	width: 100px;/* ボタンの幅 */
	left: 600px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu7 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu7 A:hover {
	background-image: url("../images/main_menu/mainmenu7over.gif");
}


UL#mainMenu LI#mainMenu8 {
	background-image: url("../images/main_menu/mainmenu8.gif");
	width: 100px;/* ボタンの幅 */
	left: 700px;/*ボタンの位置を指定*/
}
UL#mainMenu LI#mainMenu8 A {
	width: 100px;/* ボタンの幅 */
}
UL#mainMenu LI#mainMenu8 A:hover {
	background-image: url("../images/main_menu/mainmenu8over.gif");
}