/* -------- obsd table -------- */
#contents {
  padding-bottom: 10px;
}

.obsd_table_wrap {
  border-top-color: #f24caa;
}

.obsd_table {
  padding-bottom: 27px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.obsd_table .head_area {
  margin: 15px 0px 0px 20px;
}
.obsd_table .head_area .expand_all_btn, .obsd_table .head_area .shrink_all_btn {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.0;
  color: #006998;
  vertical-align: top;
  cursor: pointer;
}
.obsd_table .head_area .sep {
  margin: 0 5px 0 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.0;
  vertical-align: top;
}
.obsd_table .head_area .guide {
  margin-left: 96px;
  font-size: 12px;
  line-height: 1.0;
  vertical-align: top;
}

.obsd_chart.kawaba .head_area .date, .obsd_chart.mitsui .head_area .date {
  width: 592px;
}
.obsd_chart.kawaba .head_area .intervals, .obsd_chart.mitsui .head_area .intervals {
  width: 132px;
}

.date_picker_wrap {
  z-index: 100;
}

/* -------- obsd table view -------- */
.obsd_table .table_view_wrap {
  margin-top: 9px;
}
.obsd_table .table_view_container {
  overflow: hidden;
}
.obsd_table .table_view_header {
  margin: 0 0 0 13px;
}
.obsd_table .table_view_header th {
  padding: 8px 0 8px 0;
  font-size: 12px;
  line-height: 1.0;
  vertical-align: top;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}
.obsd_table .table_view_header tr:last-child th {
  border-bottom: none;
}
.obsd_table .table_view_header th.c_btn {
  width: 22px;
}
.obsd_table .table_view_header th.c_no {
  width: 24px;
}
.obsd_table .table_view_header th.c_no {
  padding-top: 9px;
  font-size: 10px;
}
.obsd_table .table_view_header th.c_st_name {
  width: 117px;
}
.obsd_table .table_view_header th.c_temp {
  width: 156px;
}
.obsd_table .table_view_header th.c_hmdty {
  width: 73px;
}
.obsd_table .table_view_header th.c_rain {
  width: 184px;
}
.obsd_table .table_view_header th.c_snow {
  width: 73px;
}
.obsd_table .table_view_header th.c_wind_dir {
  width: 47px;
}
.obsd_table .table_view_header th.c_wind_vlcity {
  width: 88px;
}
.obsd_table .table_view_header th.c_sun_hours {
  width: 73px;
}
.obsd_table .table_view_header th.c_sun_flux {
  width: 91px;
}
.obsd_table .table_view_header th.c_btn, .obsd_table .table_view_header th.c_no, .obsd_table .table_view_header th.c_st_name {
  background-color: #808080;
}
.obsd_table .table_view_header th.c_temp {
  background-color: #c39259;
}
.obsd_table .table_view_header th.c_hmdty {
  background-color: #626580;
}
.obsd_table .table_view_header th.c_rain {
  background-color: #32b2bd;
}
.obsd_table .table_view_header th.c_snow {
  background-color: #7b8b88;
}
.obsd_table .table_view_header th.c_wind_dir, .obsd_table .table_view_header th.c_wind_vlcity {
  background-color: #6f987b;
}
.obsd_table .table_view_header th.c_sun_hours {
  background-color: #c39259;
}
.obsd_table .table_view_header th.c_sun_flux {
  background-color: #c37c59;
}
.obsd_table .table_view {
  margin: 0 0 0 13px;
}
.obsd_table .table_view td {
  padding: 8px 5px 8px 7px;
  font-size: 12px;
  line-height: 1.0;
  vertical-align: top;
  border: 1px solid #fff;
}
.obsd_table .table_view td.c_btn {
  padding: 3px 3px 0 3px;
  width: 10px;
}
.obsd_table .table_view td.c_btn .btn {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(../../img/common/icon_expand.png);
  background-size: 16px 16px;
}
.obsd_table .table_view td.c_no {
  width: 24px;
}
.obsd_table .table_view td.c_no {
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}
.obsd_table .table_view td.c_st_name {
  width: 105px;
}
.obsd_table .table_view td.c_st_name {
  padding-top: 7px;
  font-weight: bold;
  line-height: 1.3;
  color: #006998;
  vertical-align: top;
}
.obsd_table .table_view td.c_st_name .st_name_wrap {
  cursor: pointer;
}
.obsd_table .table_view td.c_temp_l {
  width: 78px;
  line-height: 1.3;
}
.obsd_table .table_view tr:nth-child(1) td.c_temp_l {
  line-height: 1.0;
}
.obsd_table .table_view tr:nth-child(2) td.c_temp_l, .obsd_table .table_view tr:nth-child(3) td.c_temp_l {
  padding-top: 7px;
}
.obsd_table .table_view td.c_temp {
  width: 53px;
  line-height: 1.3;
  text-align: right;
}
.obsd_table .table_view tr:nth-child(1) td.c_temp {
  line-height: 1.0;
}
.obsd_table .table_view tr:nth-child(2) td.c_temp, .obsd_table .table_view tr:nth-child(4) td.c_temp {
  padding-top: 7px;
}
.obsd_table .table_view td.c_hmdty {
  width: 61px;
}
.obsd_table .table_view td.c_rain_l {
  width: 75px;
}
.obsd_table .table_view td.c_rain {
  width: 84px;
}
.obsd_table .table_view td.c_snow {
  width: 61px;
}
.obsd_table .table_view td.c_wind_dir {
  padding-left: 0;
  padding-right: 0;
  width: 47px;
  vertical-align: top;
}
.obsd_table .table_view td.c_wind_dir .icon {
  display: none;
}
.obsd_table .table_view td.c_wind_vlcity {
  width: 76px;
  vertical-align: top;
}
.obsd_table .table_view td.c_sun_hours {
  width: 61px;
  vertical-align: top;
}
.obsd_table .table_view td.c_sun_flux {
  width: 79px;
  vertical-align: top;
}
.obsd_table .table_view td.c_btn, .obsd_table .table_view td.c_no, .obsd_table .table_view td.c_st_name {
  background-color: #e8e7e7;
}
.obsd_table .table_view td.c_temp_l, .obsd_table .table_view td.c_temp {
  background-color: #fbe3c6;
}
.obsd_table .table_view td.c_hmdty {
  background-color: #d2d4e4;
}
.obsd_table .table_view td.c_rain_l, .obsd_table .table_view td.c_rain {
  background-color: #bbf4f9;
}
.obsd_table .table_view td.c_snow {
  background-color: #c8e8e3;
}
.obsd_table .table_view td.c_wind_dir, .obsd_table .table_view td.c_wind_vlcity {
  background-color: #dcf8e5;
}
.obsd_table .table_view td.c_sun_hours {
  background-color: #fbe3c6;
}
.obsd_table .table_view td.c_sun_flux {
  background-color: #fdd4c0;
}
.obsd_table .table_view td.hmdty {
  text-align: right;
}
.obsd_table .table_view td.rain_cur, .obsd_table .table_view td.rain_1_hour, .obsd_table .table_view td.rain_12_hours, .obsd_table .table_view td.rain_24_hours, .obsd_table .table_view td.rain_sum, .obsd_table .table_view td.rain_start {
  text-align: right;
}
.obsd_table .table_view td.snow {
  text-align: right;
}
.obsd_table .table_view td.wind_dir {
  text-align: center;
}
.obsd_table .table_view td.wind_vlcity {
  text-align: right;
}
.obsd_table .table_view td.sun_hours {
  text-align: right;
}
.obsd_table .table_view td.sun_flux {
  text-align: right;
}
.obsd_table .table_view.expanded td.c_btn .btn {
  background-image: url(../../img/common/icon_expand2.png);
}
.obsd_table .table_view.expanded td.c_wind_dir {
  padding-top: 4px;
}
.obsd_table .table_view.expanded td.c_wind_dir .icon {
  display: block;
}
.obsd_table .table_view.expanded td.c_wind_dir .label {
  padding-top: 8px;
}