body {margin:0; padding:0; background-color:#f5fffa}
div {line-height:120%;}
a {line-height:140%; text-decoration:none; font-weight:bold;}
a:link {color:navy;}
a:visited {color:blue;}
a:hover {text-decoration:underline;}

table#midashi1 {border-spacing: 8px; vertical-align: top;height: 60px;}



td {vertical-align:middle;}
td#menu1 {height:55px;}

@media screen and (max-width:690px){
	table thead{display:none;}
	table tr{display: block;} table td{display: block; padding-bottom:10px;}
	table td:before{content: attr(aria-label); padding-bottom:10px; } }

p {min-width:360px;}
p img{width:100%;}



.button1 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px BLUE;
}
.button1 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: BLUE;
    transition: .3s;
    left:0;
}
.button1 a:hover {
    color: WHITE;
}
.button1 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button2 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px RED;
}
.button2 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: RED;
    transition: .3s;
    left:0;
}
.button2 a:hover {
    color: WHITE;
}
.button2 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button3 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px LIMEGREEN;
}
.button3 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: LIMEGREEN;
    transition: .3s;
    left:0;
}
.button3 a:hover {
    color: WHITE;
}
.button3 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button4 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px YELLOW;
}
.button4 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: YELLOW;
    transition: .3s;
    left:0;
}
.button4 a:hover {
    color: BLACK;
}
.button4 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button5 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px MAROON;
}
.button5 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: MAROON;
    transition: .3s;
    left:0;
}
.button5 a:hover {
    color: WHITE;
}
.button5 a:hover:before {
    width: 100%;
    z-index: -1;
}

.button6 a {
    background: #dcdcdc;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 10px 25px;
    color: BLACK;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
    border-left: solid 15px SKYBLUE;
}
.button6 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: SKYBLUE;
    transition: .3s;
    left:0;
}
.button6 a:hover {
    color: BLACK;
}
.button6 a:hover:before {
    width: 100%;
    z-index: -1;
}