.btn-normal {
	border          : 1px solid var(--button-border-color1);
	background-color: var(--button-background-color1);
	color           : var(--button-foreground-color1);
}

.btn-normalred {
	border          : 1px solid var(--warning-text);
	background-color: var(--warning-text);
	color           : var(--button-foreground-color1);
}

.btn-normal:hover{
	border          : 1px solid var(--button-border-color1);
	background-color: var(--button-hover-color1);
	color           : var(--button-foreground-color1);
}

.btn-normal:active{
	background-color: var(--button-active-color1);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}

.btn-white {
	border          : 1px solid var(--button-border-color2);
	background-color: var(--button-background-color2);
	color           : var(--button-foreground-color2);
}

.btn-white:hover{
	border          : 1px solid var(--button-border-color2);
	background-color: var(--button-hover-color2);
	color           : var(--button-foreground-color2);
}

.btn-white:active{
	background-color: var(--button-active-color2);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}

/* ボタン */
.btn {
	height: 38px;
	font-size: 18px;
	text-align: center;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 8px;
	width:120px;
}

/* ボタン(小) */
.btn.btn-small {
	line-height: 24px;
	height: inherit;
	font-size: 14px;
	width:70px;
}

/* ボタン学校 */
.btn-shool {
	border          : 1px solid var(--button-border-color-school);
	background-color: var(--button-background-color-school);
	color           : var(--dark-window-text);
}

.btn-shool:hover{
	border          : 1px solid var(--button-hover-color-school);
	background-color: var(--button-hover-color-school);
	color           : var(--dark-window-text);
}

.btn-shool:active{
	background-color: var(--button-active-color-school);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}

/* ボタン掃育研 */
.btn-cleaning-institute {
	border          : 1px solid var(--button-border-color-cleaning-institute);
	background-color: var(--button-background-color-cleaning-institute);
	color           : var(--dark-window-text);
}

.btn-cleaning-institute:hover{
	border          : 1px solid var(--button-border-color-cleaning-institute);
	background-color: var(--button-hover-color-cleaning-institute);
	color           : var(--dark-window-text);
}

.btn-cleaning-institute:active{
	background-color: var(--button-active-color-cleaning-institute);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}

/* ボタン地域本部 */
.btn-region-office {
	border          : 1px solid var(--button-border-color-region-office);
	background-color: var(--button-background-color-region-office);
	color           : var(--dark-window-text);
}

.btn-region-office:hover{
	border          : 1px solid var(--button-border-color-region-office);
	background-color: var(--button-hover-color-region-office);
	color           : var(--dark-window-text);
}

.btn-region-office:active{
	background-color: var(--button-active-color-region-office);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}
/* ボタン戻る */
.btn-back {
	border          : 1px solid var(--button-border-color-back);
	background-color: var(--button-background-color-back);
	color           : var(--button-foreground-color-back);
}

.btn-back:hover{
	border          : 1px solid var(--button-border-color-back);
	background-color: var(--button-hover-color-back);
	color           : var(--button-foreground-color-back);
}

.btn-back:active{
	background-color: var(--button-active-color-back);
	box-shadow      : inset 0 3px 5px rgba(255, 255, 255, .2);
	text-shadow     : 1px 1px rgba(255, 255, 255, .5);
}