/* --------------------------------------------------------------------------------------------
 　共通利用用ボタン設定
-------------------------------------------------------------------------------------------- */

.button {
	float: left;
	width: auto;
	height: auto;
}

.buttons {
	float: left;
	width: auto;
	height: auto;
	margin-top: 7px;
	zoom: 1;
}

.buttont {
	float: left;
	width: auto;
	height: auto;
	margin: 35px 5px 0px 440px;
}

*html .buttont {
	margin: 35px 5px 0px 360px;
}


.buttonz {
	float: left;
	width: auto;
	height: auto;
	margin: 30px 0px 0px 5px;
}



/* --------------------------------------------------------------------------------------------
 　メインボタンの設定
-------------------------------------------------------------------------------------------- */

#button1 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button1-1.jpg);
	background-repeat: repeat-x;
}

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

#button2 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button2-1.jpg);
	background-repeat: repeat-x;
}

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

#button3 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button3-1.jpg);
	background-repeat: repeat-x;
}

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

#button4 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button4-1.jpg);
	background-repeat: repeat-x;
}

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

#button5 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button5-1.jpg);
	background-repeat: repeat-x;
}

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

#button6 {
	display: block;
	width: 150px;
	height: 35px;
	background-image: url(../image/button6-1.jpg);
	background-repeat: repeat-x;
}

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