html {
  font-family:      Meiryo, メイリオ, sans-serif;
  font-size:        0.3em;
  height:           100%;
  width:            100%;
  overflow:         hidden;
}

body {
  height:           100%;
  background-color: #000000;
  margin:           0px;
  padding:          0px;
}

form {
  display:          inline;
}

input {
  font-family:      Meiryo, メイリオ, sans-serif;
  font-size:        0.3em;
}

#canvas {
  height:           100%;
  background-color: #ff00ff;
}

#menu {
  position:         absolute;
  top:              0px;
  right:            0px;
  width:            300px;
  height:           100%;
  background-color: #ffe4e1;
  background-image: none;
}

table, th, td {
  border-collapse:  collapse;
  border:           1px solid #333;
}

#tbl_body_point {
  position:         absolute;
  left:             10px;
  top:              10px;
  width:            280px;
  background-color: #fff;
}

#tbl_body_point td {
  width:            50%;
}

#tbl_heading {
  background-color: #afa;
}

#div_boom_length {
  position:         absolute;
  left:             10px;
  top:              95px;
}

#txt_boom_length {
  width:            100px;
}

#tbl_body_acceleration {
  position:         absolute;
  left:             10px;
  top:              125px;
  width:            280px;
  background-color: #fff;
}

#tbl_body_acceleration td {
  width:            25%;
}

#txt_body_acceleration_g_x, #txt_body_acceleration_g_y, #txt_body_acceleration_g_z,
#txt_body_acceleration_n_x, #txt_body_acceleration_n_y, #txt_body_acceleration_n_z {
  width:            95%;
}

#btn_set_body_acceleration {
  padding:          0px;
}

#tbl_boom_acceleration {
  position:         absolute;
  left:             10px;
  top:              235px;
  width:            280px;
  background-color: #fff;
}

#tbl_boom_acceleration td {
  width:            25%;
}

#txt_boom_acceleration_g_x, #txt_boom_acceleration_g_y, #txt_boom_acceleration_g_z,
#txt_boom_acceleration_n_x, #txt_boom_acceleration_n_y, #txt_boom_acceleration_n_z {
  width:            95%;
}

#btn_set_boom_acceleration {
  padding:          0px;
}

#tbl_arm_acceleration {
  position:         absolute;
  left:             10px;
  top:              345px;
  width:            280px;
  background-color: #fff;
}

#tbl_arm_acceleration td {
  width:            25%;
}

#txt_arm_acceleration_g_x, #txt_arm_acceleration_g_y, #txt_arm_acceleration_g_z,
#txt_arm_acceleration_n_x, #txt_arm_acceleration_n_y, #txt_arm_acceleration_n_z {
  width:            95%;
}

#btn_set_arm_acceleration {
  padding:          0px;
}


#tbl_bucket_acceleration {
  position:         absolute;
  left:             10px;
  top:              455px;
  width:            280px;
  background-color: #fff;
}

#tbl_bucket_acceleration td {
  width:            25%;
}

#txt_bucket_acceleration_g_x, #txt_bucket_acceleration_g_y, #txt_bucket_acceleration_g_z,
#txt_bucket_acceleration_n_x, #txt_bucket_acceleration_n_y, #txt_bucket_acceleration_n_z {
  width:            95%;
}

#btn_set_bucket_acceleration {
  padding:          0px;
}