body{
  width:100%; /*ページ全体の幅は100%と指定する*/	
  text-align:center; /*ページ全体を中央揃えにする*/
  font-size: 16px;
  font-family: "serif";
  color: #666666
}
.dtable_a{
display: table;
margin-left: auto;
margin-right: auto;
width: 900px;
}
.dtable{
display: table;
table-layout: fixed;
margin: 0 auto;
border-collapse: collapse; /* 境界線の重複を解除 */
width: 900px;
}
.dtable_c{
display: table-cell;
vertical-align: top;  /* 縦方向の高さを調整 */
border: 1px solid #000000;
}
.same-width-list {
  width: 200px;
  border :2px solid #000000;
  font-size :16px;
}
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #999999;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : none;/* 影の設定 */
  border        : 2px solid #999999;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #999999;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}