<style type="text/css">
    input[type="text"].ss1 {
    background-color: #7cfc00;
    text-align:right;
    }
    input[type="text"].ss2{
    background-color: #f5f5f5;
    text-align:left;
    width:100px
    }
    input[type="text"].ss3{
    background-color: #ffffe0;
    text-align:left;
    }
    input[type="submit"].sp0{
    width:100px;
    height:35px;
    }

    input[type="submit"].sp1{
    background-color: #0089a1;
    color: #ffffff;
    width:100px;
    height:35px;
    }
    input[type="submit"].sp2{
    background-color: #191970;
    color: #ffffff;
    width:100px;
    height:35px;
    }
    input[type="submit"].sp3{
    background-color: #202f55;
    color: #ffffff;
    width:100px;
    height:35px;
    }
    input[type="submit"].sp4{
    background-color: #8b0000;
    color: #ffffff;
    width:100px;
    height:25px;
    }
    input[type="submit"].sp5{
    background-color: #8b0000;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp6{
    background-color: #0089a1;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp7{
    background-color: #005243;
    color: #ffffff;
    width:100px;
    height:25px;
    }
    input[type="submit"].sp8{
    background-color: #0f2350;
    color: #ffffff;
    width:100px;
    height:25px;
    }
    input[type="submit"].sp9{
    background-color: #0d0015;
    color: #ffffff;
    width:100px;
    height:25px;
    }
    input[type="submit"].sp10{
    background-color: #800000;
    color: #ffffff;
    width:80px;
    height:25px;
    }
    input[type="submit"].sp11{
    background-color: #556b2f;
    color: #ffffff;
    width:80px;
    height:25px;
    }
    input[type="submit"].sp12{
    background-color: #0d0015;
    color: #ffffff;
    width:80px;
    height:25px;
    }
    input[type="submit"].sp13{
    background-color: #0f2350;
    color: #ffffff;
    width:80px;
    height:25px;
    }
    input[type="submit"].sp14{
    background-color: #005243;
    color: #ffffff;
    width:80px;
    height:25px;
    }
    input[type="submit"].sp15{
    background-color: #8b0000;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp16{
    background-color: #556b2f;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp17{
    background-color: #0d0015;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp18{
    background-color: #0f2350;
    color: #ffffff;
    width:60px;
    height:25px;
    }
    input[type="submit"].sp19{
    background-color: #005243;
    color: #ffffff;
    width:60px;
    height:25px;
    }

    input[type="number"].sa1{
    background-color: #c0c0c0;
    color: #000000;
    text-align:right;
    }
    input[type="number"].sa2{
    background-color: #f5f5f5;
    width:80px;
    }
    textarea.sam1{
    background-color: #c0c0c0;
    }
    textarea.sam2{
      border: 2px solid #0a0;  /* 枠線 */
      border-radius: 0.67em;   /* 角丸 */
      padding: 0.5em;          /* 内側の余白量 */
      background-color: snow;  /* 背景色 */
      width: 35em;             /* 横幅 */
      height: 120px;           /* 高さ */
      font-size: 1em;          /* 文字サイズ */
      line-height: 1.2;        /* 行の高さ */
    }
    textarea.sam3{
      border: 2px solid #ff7f50;  /* 枠線 */
      border-radius: 0.67em;   /* 角丸 */
      padding: 0.5em;          /* 内側の余白量 */
      background-color: snow;  /* 背景色 */
      width: 35em;             /* 横幅 */
      height: 95px;           /* 高さ */
      font-size: 1em;          /* 文字サイズ */
      line-height: 1.2;        /* 行の高さ */
    }
    textarea.sam4{
      border: 2px solid #ff7f50;  /* 枠線 */
      border-radius: 0.67em;   /* 角丸 */
      padding: 0.5em;          /* 内側の余白量 */
      background-color: snow;  /* 背景色 */
      width: 35em;             /* 横幅 */
      height: 20px;           /* 高さ */
      font-size: 1em;          /* 文字サイズ */
      line-height: 1.2;        /* 行の高さ */
    }
    textarea.sam5{
      border: 2px solid #ff7f50;  /* 枠線 */
      border-radius: 0.67em;   /* 角丸 */
      padding: 0.5em;          /* 内側の余白量 */
      background-color: snow;  /* 背景色 */
      width: 35em;             /* 横幅 */
      height: 250px;           /* 高さ */
      font-size: 1em;          /* 文字サイズ */
      line-height: 1.2;        /* 行の高さ */
    }


    #topbutton {
       /* ▼ボタンの表示位置を画面の右下に固定 */
       position: fixed; /* ←表示場所を固定 */
       bottom: 18px;   /* ←下端からの距離 */
       right: 18px;    /* ←右端からの距離 */
       width: 5em;     /* ←横幅 */

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

       /* ▼配色・配置・文字の装飾など */
       background-color: #2525aa; /* ←背景色 */
       opacity: 0.75;        /* ←透明度 */
       border-radius: 24px;  /* ←角丸の半径 */
       text-align: center;  /* ←文字の位置 */
       font-size: 120%;     /* ←文字サイズ */
       font-weight: bold;   /* ←文字の太さ */
       margin: 0px;          /* ←外側の余白 */
       padding: 10px;       /* ←内側の余白 */
       z-index: 999;
    }
    #topbutton a {
       /* ▼リンクの装飾 */
       color: white;          /* ←文字色 */
       text-decoration: none; /* ←下線なし */
    }
    #topbutton a:hover {
       /* ▼マウスが載ったときの装飾 */
       color: yellow;              /* ←文字色 */
       text-decoration: underline; /* ←下線あり */
    }

    h20 {
      padding: 1rem 2rem;
      color: #fff;
      font-size: 14px;
      background: #009944;
      -webkit-box-shadow: 5px 5px 0 #007032;
      box-shadow: 5px 5px 0 #007032;
    }

    h21 {
      padding: 1rem 2rem;
      color: #fff;
      font-size: 14px;
      background: #005ab3;
      -webkit-box-shadow: 5px 5px 0 #043361;
      box-shadow: 5px 5px 0 #043361;
    }

    h22 {
      font-size: 14px;
      color: #007032;/*文字色*/
      padding: 0.5em 0;/*上下の余白*/
      border-top: solid 3px #007032;/*上線*/
      border-bottom: solid 3px #007032;/*下線*/
    }

    h23 {
      font-size: 14px;
      color: #364e96;/*文字色*/
      padding: 0.5em 0;/*上下の余白*/
      border-top: solid 3px #364e96;/*上線*/
      border-bottom: solid 3px #364e96;/*下線*/
    }

    h24 {
      position: relative;
      display: inline-block;
      padding: 1rem 2rem 1rem 4rem;
      color: #fff;
      font-size: 14px;
      border-radius: 100vh 0 0 100vh;
      background: #009944;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); /*影*/
    }
    h24:before {
      position: absolute;
      top: calc(50% - 7px);
      left: 10px;
      width: 14px;
      height: 14px;
      content: '';
      border-radius: 50%;
      background: #fff;
    }

    h25 {
      position: relative;
      display: inline-block;
      padding: 1rem 2rem 1rem 4rem;
      color: #fff;
      font-size: 14px;
      border-radius: 100vh 0 0 100vh;
      background: #005ab3;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); /*影*/
    }
    h25:before {
      position: absolute;
      top: calc(50% - 7px);
      left: 10px;
      width: 14px;
      height: 14px;
      content: '';
      border-radius: 50%;
      background: #fff;
    }


    h26 {
      position: relative;
      overflow: hidden;
      font-size: 14px;
      padding: 0.5rem 1rem 1rem 60px;
      word-break: break-all;
      border-top: 3px solid #009944;
      border-radius: 12px 0 0 0;
    }
    h26 span {
      font-size: 14px;
      font-size: 1rem;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      padding: 3px 10px;
      color: #fff;
      border-radius: 10px 0 20px 10px;
      background: #009944;
    }

    h27 {
      position: relative;
      overflow: hidden;
      font-size: 14px;
      padding: 0.5rem 1rem 1rem 60px;
      word-break: break-all;
      border-top: 3px solid #005ab3;
      border-radius: 12px 0 0 0;
    }
    h27 span {
      font-size: 14px;
      font-size: 1rem;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      padding: 3px 10px;
      color: #fff;
      border-radius: 10px 0 20px 10px;
      background: #005ab3;
    }

    h28 {
      position: relative;
      padding: 1rem 2rem;
      font-size: 14px;
      text-align: center;
      color: #009944;
      border-radius: 0 10px 10px 10px;
      background: #e3f5d8;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); /*影*/
    }
    h28 span {
      font-size: 12px;
      font-size: 1rem;
      position: absolute;
      top: -24px;
      left: 0;
      height: 24px;
      padding: 0 1em;
      /*content: '★';*/
      color: #fff;
      border-radius: 10px 10px 0 0;
      background: #009944;
    }

    h29 {
      position: relative;
      padding: 1rem 2rem;
      font-size: 14px;
      text-align: center;
      color: #0075a9;
      border-radius: 0 10px 10px 10px;
      background: #d8ecf5;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); /*影*/
    }
    h29 span {
      font-size: 12px;
      font-size: 1rem;
      position: absolute;
      top: -24px;
      left: 0;
      height: 24px;
      padding: 0 1em;
      color: #fff;
      border-radius: 10px 10px 0 0;
      background: #0075a9;
    }

</style>
