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:           93px;
  background-color: #ffe4e1;
  background-image: none;
}

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

#tbl_heading {
  background-color: #afa;
}

#tbl_heading2 {
  background-color: #aaf;
}

#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, #txt_crawler_l_length,
#txt_crawler_l_f_length, #txt_crawler_l_b_length, #txt_crawler_r_length,
#txt_crawler_r_f_length, #txt_crawler_r_b_length {
  width:            60px;
}

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

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

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

#div_bucket_length {
  position:         absolute;
  left:             4px;
  top:              69px;
}

#div_bucket_w_length {
  position:         absolute;
  left:             264px;
  top:              3px;
}

#div_rot_center_y_length {
  position:         absolute;
  left:             228px;
  top:              25px;
}

#div_rot_center_x_length {
  position:         absolute;
  left:             228px;
  top:              47px;
}

#div_gps_l_x_length {
  position:         absolute;
  left:             190px;
  top:              69px;
}

#div_gps_l_y_length {
  position:         absolute;
  left:             470px;
  top:              3px;
}

#div_gps_l_z_length {
  position:         absolute;
  left:             470px;
  top:              25px;
}

#div_gps_r_x_length {
  position:         absolute;
  left:             470px;
  top:              47px;
}

#div_gps_r_y_length {
  position:         absolute;
  left:             470px;
  top:              69px;
}

#div_gps_r_z_length {
  position:         absolute;
  left:             750px;
  top:              3px;
}

#div_crawler_l_length {
  position:         absolute;
  left:             764px;
  top:              25px;
}

#div_crawler_l_f_length {
  position:         absolute;
  left:             794px;
  top:              47px;
}

#div_crawler_l_b_length {
  position:         absolute;
  left:             794px;
  top:              69px;
}

#div_crawler_r_length {
  position:         absolute;
  left:             1030px;
  top:              3px;
}

#div_crawler_r_f_length {
  position:         absolute;
  left:             1060px;
  top:              25px;
}

#div_crawler_r_b_length {
  position:         absolute;
  left:             1060px;
  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:              108px;
  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:              202px;
  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:              296px;
  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:              390px;
  width:            280px;
  background-color: #fff;
}

#tbl_bucket_w_acceleration td {
  width:            20%;
}

#div_z_rotation {
  position:         absolute;
  left:             1125px;
  top:              69px;
}

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

#tbl_gps_location th, #tbl_gps_location td {
  width:            25%;
}

#txt_gps_l_location_x, #txt_gps_l_location_y, #txt_gps_l_location_z,
#txt_gps_r_location_x, #txt_gps_r_location_y, #txt_gps_r_location_z {
  width:            94%;
}

#location_view {
  position:         absolute;
  top:              0px;
  right:            300px;
  width:            290px;
  height:           274px;
  background-color: #ffe4e1;
  background-image: none;
}

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

#tbl_location_view th, #tbl_location_view td {
  width:            25%;
}