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

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

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

.buttonz {
	float: left;
	width: 24px;
	height: 24px;
	margin: 3px 0px 0px 7px;
}



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

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

#button-limo {
	display: block;	width: 110px;
	height: 24px;
	background-image: url(../image/button6-1.jpg);
	background-repeat: repeat-x;
}

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

#button-login {
	display: block;	width: 110px;
	height: 24px;
	background-image: url(../image/button7-1.jpg);
	background-repeat: repeat-x;
	margin-left: 7px;
}

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

#button-sub1 {
	display: block;	width: 81px;
	height: 10px;
	background-image: url(../image/button8-1.jpg);
	background-repeat: repeat-x;
}

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

#button-sub2 {
	display: block;	width: 109px;
	height: 10px;
	background-image: url(../image/button9-1.jpg);
	background-repeat: repeat-x;
}

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




/* --------------------------------------------------------------------------------------------
 　サブボタンの設定
-------------------------------------------------------------------------------------------- */

#subbutton0 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton0-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton1 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton1-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton2 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton2-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton3 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton3-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton4 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton4-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton5 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton5-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton6 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton6-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton7 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton7-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton8 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton8-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton9 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton9-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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

#subbutton10 {
	display: block;	width: 240px;
	height: 40px;
	background-image: url(../image/subbutton10-1.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

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