body{
 background-color: none;
 overflow: hidden;
}

button{
 cursor: pointer; /* button要素にマウスを置いた時の形状をpointerに指定 */
}

.button-image{
 margin: 0 auto;
 margin-bottom: -2;
 margin-right: 5;
 padding-bottom: 0;
 weight: 20;
 height: 20;
}

.pulldown-image{
 margin: 0 auto;
 margin-bottom: -2;
 margin-right: 5;
 padding-bottom: 0;
 weight: 0;
 height: 0;
}

.middleboxarea{
 width: 97%;
 height: 100%;
 margin: 0 1% 0 0;
 position: relative;
 padding: 0;
 background: none;
}

.middlebox{
 float: left;
 width: 18%;
 height: 100%;
 margin: 0 auto;
 margin-left: 0.5%;
 padding-right: 10;
 padding-left: 20;
 background-color: white;
 border: 3px solid #228b22;
 border-radius: 10px;
 line-height: 1.1;
}

.middleboxtitle{
 width: 95%;
 height: 30;
 margin-top: 10;
 padding-left: 10;
 border: none;
 border-radius: 7;
 background: linear-gradient(#ffaa00, #cc661d);
 color: #fff;
 font-size: 17px;
 font-weight: bolder;
 text-align: left;
 line-height: 1.7;
}

.link{
 font-size: 15px;
 font-weight: bolder;
 word-break: break-all;
}
.link:link{
 font-size: 15px;
 font-weight: bolder;
 color: blue;
 text-decoration: underline;
}
.link:hover{
 font-weight: bolder;
 color: red;
 text-decoration: underline;
}
.link:active{
 font-weight: bolder;
 color: yellow;
 text-decoration: none;
}
.link:visited{
 font-weight: bolder;
 color: #800080;
 text-decoration: underline;
}