@charset "utf-8";

      body {
        padding:15px;
        margin:0;
        font-size:80%;

        color:#333333;

        background:#FFFFFF;
      }
      a{
        overflow:hidden;
        outline:none;

        color:#1773B4;
      }
      a:hover{
        text-decoration:none;
      }
      #content{
        width:800px;
        margin:0 auto;
        line-height:150%;
        padding:15px;

        background:#FFFFFF;
      }
      @media (min-width: 768px){
          #content {
              width: 750px;
          }
      }
      @media (min-width: 992px){
          #content {
              width: 800px;
          }
      }
      @media (max-width: 767px){
          #content {
              width: 100%;
              padding: 0 15px !important;
              box-sizing: border-box;
          }
      }
      h1{
        font-size:150%;
        padding:10px;
        margin:0 0 15px 0;
        font-weight:bold;

        color:#333333;

        background:#EEEEEE;
      }
      #content .txt{

        color:#333333;
      }
      #content .err{

        color:#CC0000;
      }

      #outer{
        width:100%;
        margin-bottom:5px;
        display:table;

        border-left:1px solid #CCCCCC;
        border-right:1px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
      }
      #outer .block{
        display:table-row;
      }
      #outer .ttl{
        display:table-cell;
        padding:5px 10px;
        text-align:right;
        vertical-align:top;
        font-weight:bold;

        border-top:1px solid #CCCCCC;

        color:#333333;

        background:#EEEEEE;
        width:180px;
      }
      #outer .content{
        display:table-cell;
        padding:5px 10px;
        vertical-align:top;
        word-break:break-all;

        border-top:1px solid #CCCCCC;
        border-left:1px solid #CCCCCC;

        background:#FFFFFF;

        color:#333333;

        width:579px;
      }
      * html #outer .block{
        overflow: hidden;
        zoom: 1;
      }
      * html #outer .ttl,
      * html #outer .content{
        float: left;
        margin-bottom:-32763px;
        padding-bottom:32768px;
      }
      *:first-child+html #outer .block{
        overflow: hidden;
        zoom: 1;
      }
      *:first-child+html #outer .ttl,
      *:first-child+html #outer .content{
        float: left;
        margin-bottom:-32763px;
        padding-bottom:32768px;
      }
      #outer .content .formTxt{
        margin-bottom:5px;

        color:#333333;
      }
      #outer .content .formNote{
        font-size:100%;
        padding-top:5px;

        color:#666666;
      }
      #outer .content div.formInput{
        margin:0;
      }
      #outer .content dl.formInput{
        margin:0;
      }
      #outer .content dl.formInput dt{
      }
      #outer .content dl.formInput dd{
        margin:0 0 5px 0;
      }
      #outer .content div.formInput textarea{
          width: 100%;
          box-sizing: border-box;
      }
      #outer .content .formError{

        color:#CC0000;
      }
      #outer p.err{
        font-weight:bold;
        font-size:130%;
        text-align:center;

        color:#CC0000;
      }
      @media (max-width: 767px){
          #outer .block{
            display:block;
          }
          #outer .ttl{
            display:block;
            width:100%;
            text-align: left;
            box-sizing: border-box;
          }
          #outer .content{
              display:block;
              width:100%;
              box-sizing: border-box;
          }
      }

      #content .err,
      #content .req{
        font-weight:normal;

        color:#CC0000;
      }
      #content .btn{
        text-align:center;
      }
      #content .sbmit{
        padding:5px 20px;
        margin-left:15px;
      }
      .formError{
        color:#CC0000;
      }
      .fieldWithErrors{
        display: inline;
      }