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

body {
  height:           100%;
  background-color: #ffffff;
  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;
}

#menu_length {
  position:         absolute;
  bottom:           0px;
  left:             0px;
  width:            100%;
  height:           70px;
  background-color: #e4e1ff;
  background-image: none;
  
}

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

#tbl_heading {
  background-color: #afa;
}

#txt_body_length, #txt_boom_length, #txt_arm_length,
#txt_bucket_length, #txt_bucket_w_length, #txt_rot_center_y_length,
#txt_rot_center_x_length, #txt_gps_l_x_length, #txt_gps_l_y_length,
#txt_gps_l_z_length, #txt_gps_r_x_length, #txt_gps_r_y_length,
#txt_gps_r_z_length, #txt_z_rotation {
  width:            60px;
}

#div_body_length {
  position:         absolute;
  left:             16px;
  top:              3px;
}

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

#div_arm_length {
  position:         absolute;
  left:             10px;
  top:              47px;
}

#div_bucket_length {
  position:         absolute;
  left:             209px;
  top:              3px;
}

#div_bucket_w_length {
  position:         absolute;
  left:             190px;
  top:              25px;
}

#div_rot_center_y_length {
  position:         absolute;
  left:             400px;
  top:              3px;
}

#div_rot_center_x_length {
  position:         absolute;
  left:             400px;
  top:              25px;
}

#div_gps_l_x_length {
  position:         absolute;
  left:             650px;
  top:              3px;
}

#div_gps_l_y_length {
  position:         absolute;
  left:             650px;
  top:              25px;
}

#div_gps_l_z_length {
  position:         absolute;
  left:             650px;
  top:              47px;
}

#div_gps_r_x_length {
  position:         absolute;
  left:             940px;
  top:              3px;
}

#div_gps_r_y_length {
  position:         absolute;
  left:             940px;
  top:              25px;
}

#div_gps_r_z_length {
  position:         absolute;
  left:             940px;
  top:              47px;
}

#tbl_body_acceleration {
  position:         absolute;
  left:             10px;
  top:              10px;
  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:            94%;
}

#btn_set_body_acceleration {
  padding:          0px;
}

#tbl_boom_acceleration {
  position:         absolute;
  left:             10px;
  top:              110px;
  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:            94%;
}

#btn_set_boom_acceleration {
  padding:          0px;
}

#tbl_arm_acceleration {
  position:         absolute;
  left:             10px;
  top:              210px;
  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:            94%;
}

#btn_set_arm_acceleration {
  padding:          0px;
}


#tbl_bucket_acceleration {
  position:         absolute;
  left:             10px;
  top:              310px;
  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:            94%;
}

#btn_set_bucket_acceleration {
  padding:          0px;
}

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

#tbl_bucket_w_acceleration td {
  width:            33%;
}

#div_z_rotation {
  position:         absolute;
  left:             10px;
  top:              490px;
}