#topbutton {
            /* ▽表示位置を画面の右下に固定 */
            position: fixed;
            bottom: 18px;
            right: 18px;
            width: 7em;

            /* ▽最初は非表示にしておく */
            display: none;

            /* ▽配色・配置・文字の装飾など */
            background-color: #2525aa;
            opacity: 0.75;
            border-radius: 24px;
            text-align: center;
            font-size: 120%;
            font-weight: bold;
            margin: 0px;
            padding: 10px;
        }
        #topbutton a {
            /* ▽リンクの装飾 */
            color: white;
            text-decoration: none;
        }
        #topbutton a:hover {
            /* ▽マウスが載ったときの装飾 */
            color: yellow;
            text-decoration: underline;
        }

        #helpbutton {
            /* ▽表示位置を画面の右下に固定 */
            position: fixed;
            top: 18px;
            right: 18px;
            width: 7em;

            /* ▽配色・配置・文字の装飾など */
            background-color: #2525aa;
            opacity: 0.75;
            border-radius: 24px;
            text-align: center;
            font-size: 120%;
            font-weight: bold;
            margin: 0px;
            padding: 10px;
        }
        #helpbutton a {
            /* ▽リンクの装飾 */
            color: white;
            text-decoration: none;
        }
        #helpbutton a:hover {
            /* ▽マウスが載ったときの装飾 */
            color: yellow;
            text-decoration: underline;
        }