body {
   margin: 40px;   /* 外側の余白を40pxにする */
   padding: 0;      /* 内側の余白を消す(念のため) */
}

link:active{
  color : #000000;
}

link {
  float: right;
  display       : inline-block;
  border-radius : 7px;          /* 角丸       */
  font-size     : 9pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 6px;   /* 余白       */
  background    : #c6e2ff;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #c6e2ff;    /* 枠の指定 */
  text-decoration:none;
  margin-top    :10px;
}
link:hover {
  color         : #c6e2ff;     /* 文字色     */
  background    : #ffffff;     /* 背景色     */
}    

#datepicker1 {
    width         : 280px; 
    box-shadow    : none;
    display       : inline-block;
    border-radius : 7px;          /* 角丸       */
    font-size     : 11pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 2px 8px;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
    color         : #000000;     /* 文字色     */
    line-height   : 2em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    border        : 1.3px solid #a2a2a2;    /* 枠の指定 */
  
      }
      #datepicker1:focus {
    outline: none;
  }

  #datepicker1:hover {
    color         : #000000;     /* 文字色     */
    background    : #d4d4d4;     /* 背景色     */
  }
  
  #datepicker2 {
    width         : 280px; 
    box-shadow    : none;
    display       : inline-block;
    border-radius : 7px;          /* 角丸       */
    font-size     : 11pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 2px 8px;   /* 余白       */
    background    : #ffffff;     /* 背景色     */
    color         : #000000;     /* 文字色     */
    line-height   : 2em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    border        : 1.3px solid #a2a2a2;    /* 枠の指定 */
    
      }
      #datepicker2:focus {
    outline: none;
  }

  #datepicker2:hover {
    color         : #000000;     /* 文字色     */
    background    : #d4d4d4;     /* 背景色     */
  }
  
  text {
  margin-right:70px;
  }

input:focus{
background:#d4d4d4;
}

form{
padding:10px 10px;
}

form dl dt{
width: 165px;
padding:0px 60px 0px 500px;
float:left;
clear:both;
}

form dl dd{
padding:0px 0;
}

.button:active{
color : #000000;
}

.button {
float: right;
display       : inline-block;
border-radius : 7px;          /* 角丸       */
font-size     : 9pt;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
padding       : 6px 6px;   /* 余白       */
background    : #c6e2ff;     /* 背景色     */
color         : #000000;     /* 文字色     */
line-height   : 1em;         /* 1行の高さ  */
transition    : .3s;         /* なめらか変化 */
border        : 2px solid #c6e2ff;    /* 枠の指定 */
text-decoration:none;
margin        :10px 570px 0px 60px;
}

.button:hover {
color         : #c6e2ff;     /* 文字色     */
background    : #ffffff;     /* 背景色     */
}

h2 {
border-radius : 7px; 
margin        :10px 100px 0px 100px;
width: 80%; 
padding: 1rem 2rem;
border-bottom: 6px double #000;
background: #c6e2ff;
text-align    : center; 
}

#myTable th {
  /* background-color:#FFFF88; */
    background-color:#c6e2ff;
    font-weight:100;
 }
#myTable td {
    background: #eee;
}
#myTable tr:nth-child(odd) td {
    background: #fff;
}