html { 
                font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
             }
        body { 
               min-width: 950px;
               max-height: 999999px;
               margin: 0;
               padding: 0;
               color: #000000; /* 全体の文字色 */
               font-size: 100%; /* 全体の文字サイズ */
               -webkit-text-size-adjust: 100%; /* iOS文字サイズ自動調整Off */
               -ms-text-size-adjust: 100%; /* ms文字サイズ自動調整Off */
               -moz-text-size-adjust: 100%; /* mozilla文字サイズ自動調整Off */
               -o-text-size-adjust: 100%; /* opera文字サイズ自動調整Off */
               text-size-adjust: 100%; /* 文字サイズ自動調整Off */
             }
        article { 
                   background-color: rgba(153, 255, 255, 1.00); /*RGB-Color、透過度*/
                   position: relative;
                   width: 80%; /*ページ幅の80%で表示*/
                   margin: 30px auto 30px; /*マージン上30px、左右auto、下30px*/
                   padding-top: 10px; /*内マージン上10px*/
                   padding-left: 10vh; /*内マージン左10%*/
                   padding-right: 10vh; /*内マージン右10%*/
                   padding-bottom: 10px; /*内マージン上10px*/
                   border-radius: 30px; /*article角の曲率*/
                   border: 10px double rgba(0, 0, 0, 1); /*articleの枠線の幅と形式と色*/
                   box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.8); /*Boxの影の位置(右/下)と大きさと色*/
                   z-index: 10; /*複数のコンテンツを重ねて表示するときの重ね順*/
                }
        section { 
                   background-color: rgba(100, 255, 153, 1.00); /*RGB-Color、透過度*/
                   position: relative;
                   width: 70%; /*ページ幅の70%で表示*/
                   margin: 15px auto 15px; /*マージン上15px、左右auto、下15px*/
                   padding-top: 10px; /*内マージン上10px*/
                   padding-left: 10vh; /*内マージン左10%*/
                   padding-right: 10vh; /*内マージン右10%*/
                   padding-bottom: 10px; /*内マージン上10px*/
                   border-radius: 30px; /*section角の曲率*/
                   border: 10px double rgba(0, 0, 0, 1); /*sectionの枠線の幅と形式と色*/
                   box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.8); /*Boxの影の位置(右/下)と大きさと色*/
                   z-index: 10; /*複数のコンテンツを重ねて表示するときの重ね順*/
                }
        .noline {
                   text-decoration:none;
                }

        :link {  
                color: #0000ee;
              }
        :link:active {  
                       color: #ee0000;
                     }
        :link:visited {  
                        color: #551a8b;
                      }
        :link:hover {  
                       background-color: rgba(255, 255, 255, 0.95);
                     }
        a:visited:hover {  
                       background-color: rgba(255, 255, 255, 0.95);
                     }