@charset "utf-8";




/* メインメニュー */

div#mainMenu {
	clear: both;
	margin: 0 0 -165px;
	padding: 25px 0 213px;
	background: #999999 url("../images/mainMenu_bg.gif") bottom repeat-x;
}
div#mainMenu ul {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
div#mainMenu ul,
div#mainMenu ul li,
div#mainMenu ul li a {
	height:30px;/* 高さは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.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_01.gif");
	width: 148px;/* ボタンの幅 */
	left: 0px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu1 a {
	width: 148px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu1 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_01on.gif");
}


div#mainMenu ul li#mainMenu2 {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_02.gif");
	width: 150px;/* ボタンの幅 */
	left: 148px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu2 a {
	width: 150px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu2 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_02on.gif");
}


div#mainMenu ul li#mainMenu3 {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_03.gif");
	width: 150px;/* ボタンの幅 */
	left: 298px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu3 a {
	width: 150px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu3 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_03on.gif");
}


div#mainMenu ul li#mainMenu4 {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_04.gif");
	width: 150px;/* ボタンの幅 */
	left: 448px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu4 a {
	width: 150px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu4 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_04on.gif");
}


div#mainMenu ul li#mainMenu5 {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_05.gif");
	width: 150px;/* ボタンの幅 */
	left: 598px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu5 a {
	width: 150px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu5 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_05on.gif");
}


div#mainMenu ul li#mainMenu6 {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_06.gif");
	width: 152px;/* ボタンの幅 */
	left: 748px;/*ボタンの位置を指定*/
}
div#mainMenu ul li#mainMenu6 a {
	width: 152px;/* ボタンの幅 */
}
div#mainMenu ul li#mainMenu6 a:hover {
	background-image: url("http://www.spc.ne.jp/cmn/images/main_menu/img_upload/mainmenu_1_default_06on.gif");
}


