.button.color{
font-size:1.0em;
color:#000;
display:block;
width:70%;
margin: 0 auto;
padding-top:5.2px;
padding-bottom:5.2px;
border:2.0px solid;  
border-color:#aaaaaa #444444 #444444 #aaaaaa;
border-radius:4px;
text-align:center;
text-decoration:none;
}

.button.ha80{
background:#cccccc;
width:80px;
}
.button.ha80:hover{
background:#999999;
}

.button.mz18{
background:#99ffff;
padding-top:1.8px;
padding-bottom:1.8px;
}
.button.mz18:hover{
background:#00ccff;
}

.button.w1ki{
background:#ffff99;
width:280px;
text-align:left;
}
.button.w1ki:hover{
background:#ffaa00;
}

.button.ki{
background:#ffff99;
}

.button.ki:hover{
background:#ffaa00;
}

.button.md{
background:#66ff66;
}

.button.md:hover{
background:#00cc33;
}

.button.mo{
background:#ffccff;
}

.button.mo:hover{
background:#ff33cc;
}

.button.mo96{
background:#ffccff;
width:96%;
}

.button.mo96:hover{
background:#ff33cc;
width:96%;
}

.button.ki96{
background:#ffff99;
width:96%;
}

.button.ki96:hover{
background:#ffaa00;
width:96%;
}

.button.mz{
background:#99ffff;
}

.button.mz:hover{
background:#00ccff;
}

/* 高齢者講習予約ボタン：赤 */
.button.aka {
  background: #ff0000 !important;
  color: #ffffff !important;
}

.button.aka:hover {
  background: #cc0000 !important;
  color: #ffffff !important;
}

.button.aka {
  background: #ff0000;
  color: #fff;
  box-shadow: 0 2px 0 #aa0000;
}

.button.aka:active {
  transform: translateY(1px);
  box-shadow: 0 1px 0 #aa0000;
}