body{
 background-color: #ffffcc;
 overflow: hidden;
}

button{
 cursor: pointer; /* button要素にマウスを置いた時の形状をpointerに指定 */
}

#header{
 background: linear-gradient(#009900,#006400);
 margin: 0 auto;
 margin-top: -10;
 margin-right: -10;
 margin-left: -10;
 margin-bottom: 0;
 padding-top: 10;
 padding-right: 10; 
 padding-left: 20;
 width: 100%;
 height: 80;
 border: none;
}

.title{
 font-size: 3em;
 color: white;
 float: left;
 width: 700px;
 height: 100%;
 margin: 0 auto;
 margin-left: 20;
 position: absolute;
}

#headerbutton{
 text-align: center;
 line-height: 1.5;
 float: right;
 width: 120;
 height: 60%;
 margin: 0;
 margin-top: -10;
 margin-right: 8%;
 padding: 30 10 30 10;
 background: linear-gradient(#990000,#990000);
 border: none;
 border-right: 2px solid white;
 font-size: 0.85em; /* 文字サイズを指定 */
 font-weight: bold;
 color: #fff; /* 文字色を指定 */
 z-index: 1;
 position: relative;
}
#headerbutton:hover{
 background: linear-gradient(#0000cc,#0000cc);
}

#headerbutton-left{
 text-align: center;
 line-height: 1.5;
 float: right;
 width: 120;
 height: 60%;
 margin: 0;
 margin-top: -10;
 padding: 30 10 30 10;
 background: linear-gradient(#990000,#990000);
 border: none;
 border-left: 2px solid white;
 border-right: 2px solid white;
 font-size: 0.85em; /* 文字サイズを指定 */
 font-weight: bold;
 color: #fff; /* 文字色を指定 */
 z-index: 1;
 position: relative;
}
#headerbutton-left:hover{
 background: linear-gradient(#0000cc,#0000cc);
}

.button-image{
 margin: 0 auto;
 margin-bottom: -2;
 margin-left: 0;
 padding-bottom: 0;
 weight: 20;
 height: 20;
}

.kakusityousonn-button-image{
 margin: 0 auto;
 margin-bottom: -17;
 margin-left: 15;
 padding-bottom: 0;
 width: 25;
 height: auto;
 background-size: 100% auto;
}

.headerbottom{
 background: linear-gradient(#00b300,#008000);
 margin: 0 auto;
 margin-top: 0;
 margin-right: -10;
 margin-left: -10;
 margin-bottom: 0;
 padding-right: 10; 
 padding-left: 10;
 width: 100%;
 height: 15;
 border: none;
 border-top: 4px solid #ffff7f;
 z-index: 2;
 position: relative;
}

#main-image{
 background-size: cover;
 margin: 0 auto;
 margin-right: -10;
 margin-left: -10;
 margin-bottom: 0;
 padding-top: 20;
 padding-right: 20;
 width: 100%;
 height: 100%;
 border: none;
 position: relative;
}

.access-top{
 cursor: pointer;
 aline: center;
 color: white;
 margin-top: 250;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
}
.access-top:link{
 text-decoration: none;
}
.access-top:hover{
 text-decoration: underline;
}
.access-top:active{
 text-decoration: none;
}
.access-top:visited{
 text-decoration: none;
}

#pcfont{
 font-size: 35;
}