@charset "Shift_JIS";

table.page{
  width:600px;
  margin: 0 auto;
}

#select_date{
  height: 20px;
  border:none;
  cursor: pointer;
  font-size: 16px;
}

table.page tr td div{
  vertical-align: middle;
  padding: 5px 0;
}

table.page tr td div img{
  vertical-align: middle;
}

div.chartdiv{
  width:98%;
  height:250px;
  /*margin:0px;*/
  border:0;
  padding-left:10px;
  position:relative;
  background-repeat: no-repeat;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

div.wave_tide{
  width:600px;
}

div.wave_tide2{
  width:600px;
}

div#chartdiv{
  width:98%;
  height:250px;
  /*margin:0px;*/
  border:0;
  padding-left:10px;
  position:relative;
  background-repeat: no-repeat;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

div#chartdiv_2{
  width:98%;
  height:250px;
  /*margin:0px;*/
  border:0;
  padding-left:10px;
  background-image:url('/img/tide/stars2.png');
  position:relative;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

div.tide_header_left{
  display:inline-block;;
  float:left;
}

div.tide_header_right{
  display:inline-block;
  float:right;
}

/**
* 詳細情報テーブル
*/

table.tide_data_table1, table.tide_data_table1_day2{
  background-color: #FFFFFF;
  color: #000000;
  width: 100%;
  border-collapse: collapse;
  vertical-align:top;
  border-spacing: 0px;
  font-size:0.8em;
}

table.tide_data_table1 tr,
table.tide_data_table1_day2 tr{
  height: 30px;
}

table.tide_data_table1 tr:nth-child(odd),
table.tide_data_table1_day2 tr:nth-child(odd){
  background-color: #f2f4f7;
}

table.tide_data_table1 th,
table.tide_data_table1_day2 th{
  background-color: #149BDF;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.2em;
  border-width: 0 1px;
  border-color: #FFFFFF;
  border-style: solid;
  padding: 5px 0;
}

table.tide_data_table1 th.no_border,
table.tide_data_table1_day2 th.no_border{
  border-style: none;
}

table.tide_data_table1 th:last-child,
table.tide_data_table1_day2 th:last-child{
  border-right-style: none;
}

#option_day1,
#option_day2{
  height: 20px;
  border:none;
  cursor: pointer;
}

table.tide_data_table1 td,
table.tide_data_table1_day2 td{
  border: 1px solid #CCCCCC;
  text-align: center;
}

table.tide_data_table1 td:last-child,
table.tide_data_table1_day2 td:last-child{
  border-right-style: none;
}

table.tide_data_table1 td.tide_arrows,
table.tide_data_table1_day2 td.tide_arrows{
  text-align: left;
}

table.tide_data_table1 td.tide_bottom_table_line_default,
table.tide_data_table1_day2 td.tide_bottom_table_line_default{
  width: 1%;
  background-color: #808080;
  border-style: none;
}

table.tide_data_table1 td.tide_bottom_table_line_blue,
table.tide_data_table1_day2 td.tide_bottom_table_line_blue{
  background-color: #1E90FF;
}

table.tide_data_table1 td.tide_blue,
table.tide_data_table1_day2 td.tide_blue{
  color:#d24709;
}

table.tide_data_table1 td.tide_arrows,
table.tide_data_table1_day2 td.tide_arrows{
  padding: 0px 5px;
}

table.tide_data_table1 td.tide_hour
table.tide_data_table1_day2 td.tide_hour{
  padding:0px 5px
}

/*
* カラム幅
*/

table.tide_data_table1 td,
table.tide_data_table1_day2 td{
  width: 12%;
}

table.tide_data_table1 th.time_col,
table.tide_data_table1_day2 th.time_col,
table.tide_data_table1 td.time_col,
table.tide_data_table1_day2 td.time_col,{
  width: 8%;
}

table.tide_data_table1 th.scale_col,
table.tide_data_table1_day2 th.scale_col,
table.tide_data_table1 td.scale_col,
table.tide_data_table1_day2 td.scale_col{
  width: 2%;
}

table.tide_data_table1 th.tide_col,
table.tide_data_table1_day2 th.tide_col,
table.tide_data_table1 td.tide_col,
table.tide_data_table1_day2 td.tide_col{
  width: 60%;
}

/**
* 日付、日出、日入、満潮、干潮表示テーブル
*/
table.tide_data_table2{
  margin: 0;
  border: 0;
}

table.tide_data_table2 td{
  border-style: none;
  vertical-align: middle;
  font-size: 1.0em;
}

table.tide_data_table2 td table.tide_header_table td:first-child{
  vertical-align: top;
}

table.tide_data_table2 td.bottom-hide{
  border-style:none;
}