/* --------------------------------------------------------------------------------------------
 　ボタン固定設定
-------------------------------------------------------------------------------------------- */

.button {
	width: auto;
	height: auto;
	margin-bottom: 3px;
}

.button-left {
	width: 200px;
	height: auto;
	margin-bottom: 3px;
}

html >/**/body .button-left {
	margin-bottom: 0px;
}

.button-leftt {
	width: 200px;
	height: auto;
	margin: 10px 0px 3px 0px;
}

html >/**/body .button-leftt {
	margin: 5px 0px 0px 0px;
}



/* --------------------------------------------------------------------------------------------
 　左メニューボタン基本設定
-------------------------------------------------------------------------------------------- */

#button1 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button1-1.jpg);
}

#button1:hover {
	background-image: url(../image/button1-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button2 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button2-1.jpg);
}

#button2:hover {
	background-image: url(../image/button2-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button3 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button3-1.jpg);
}

#button3:hover {
	background-image: url(../image/button3-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button4 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button4-1.jpg);
}

#button4:hover {
	background-image: url(../image/button4-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button5 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button5-1.jpg);
}

#button5:hover {
	background-image: url(../image/button5-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button6 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button6-1.jpg);
}

#button6:hover {
	background-image: url(../image/button6-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button7 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button7-1.jpg);
}

#button7:hover {
	background-image: url(../image/button7-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button8 {
	display: block;
	width: 200px;
	height: 40px;
	background-image: url(../image/button8-1.jpg);
}

#button8:hover {
	background-image: url(../image/button8-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}



/* --------------------------------------------------------------------------------------------
 　ヘッダーボタン基本設定
-------------------------------------------------------------------------------------------- */

#button-header1 {
	display: block;
	width: 139px;
	height: 12px;
	background-image: url(../image/button-header1-1.jpg);
}

#button-header1:hover {
	background-image: url(../image/button-header1-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}

#button-header2 {
	display: block;
	width: 90px;
	height: 12px;
	background-image: url(../image/button-header2-1.jpg);
}

#button-header2:hover {
	background-image: url(../image/button-header2-2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}



/* --------------------------------------------------------------------------------------------
 　その他ボタンの設定
-------------------------------------------------------------------------------------------- */

#button-backno {
	display: block;
	width: 141px;
	height: 16px;
	background-image: url(../image/button-backuo1.jpg);
}

#button-backno:hover {
	background-image: url(../image/button-backuo2.jpg);
	color: #FFFFFF;
	position: relative; top: 0px; left: 0px;
}