body {
background-color: white;
font-size: 11px;
font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
Color:#564b47;
list-style-type: none; 
    padding-top: 90px;
padding:2px;
margin:2px;
}



header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 60px; /* 高さを50pxに指定 */
    background: #f9ffff ; /* 背景色にグレーを指定 */
    padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    display: flex; /* 中の要素を横並びにする */
    align-items: center; /* 中の要素を上下中央に並べる */
}

header .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
}

header .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
}

header .gnav .menu li + li {
    margin-left: 40px; /* メニューそれぞれに間隔をあけるため */
}

main {
    height: 100vw; /* スクロールの演出を見れるようにmainに高さを指定 */
}



a:active{
    color:#A4A4FF; 
    border-width:1px;
    border-style:solid;
    border-color:#C8C8FF;
    text-decoration: none;
     
}






a, a:active, a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color:#C8C8FF;; 
    text-decoration: underline;
}

.test a {
    text-decoration: none;
    color: none; 
    border-width:0px;
    border-style:none;
    border-color:none;
}

img {
    border: 1px solid #ddd;
}



div#main {
    float: left;
    width: 100%;
    margin: 0% 0% 0% 10%;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    text-align: justify;
    margin-top: 5px;
    max-width: 840px;
    word-break: break-all;
}





div#footer {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 1px 50px 20px;
    padding-right: 20px;
    text-align: left;
}