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

.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-top: 5px;
}

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


/* --------------------------------------------------------------------------------------------
 　メインボタン(1)の設定
-------------------------------------------------------------------------------------------- */

#button1 {
	display: block;
	width: 142px;
	height: 78px;
	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: 142px;
	height: 78px;
	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;
}