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




/* メインメニュー */

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

/* 背景画像読込 */


DIV#mainMenu UL LI#mainMenu1 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_home.gif");
	width: 150px;/* ボタンの幅 */
	left: 0px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu1 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu1 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_home_over.gif");
}


DIV#mainMenu UL LI#mainMenu2 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_service.gif");
	width: 150px;/* ボタンの幅 */
	left: 150px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu2 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu2 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_service_over.gif");
}


DIV#mainMenu UL LI#mainMenu3 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_facilities.gif");
	width: 150px;/* ボタンの幅 */
	left: 300px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu3 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu3 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_facilities_over.gif");
}


DIV#mainMenu UL LI#mainMenu4 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_lineup.gif");
	width: 150px;/* ボタンの幅 */
	left: 450px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu4 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu4 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_lineup_over.gif");
}


DIV#mainMenu UL LI#mainMenu5 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_shop.gif");
	width: 150px;/* ボタンの幅 */
	left: 600px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu5 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu5 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_shop_over.gif");
}


DIV#mainMenu UL LI#mainMenu6 {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_contact.gif");
	width: 150px;/* ボタンの幅 */
	left: 750px;/*ボタンの位置を指定*/
}
DIV#mainMenu UL LI#mainMenu6 A {
	width: 150px;/* ボタンの幅 */
}
DIV#mainMenu UL LI#mainMenu6 A:hover {
	background-image: url("http://www.motoshop-bay-area.com/cmn/images/main_menu/img_upload/menu_contact_over.gif");
}

