
/*----------------------------------------------------
	6.3 - Table
----------------------------------------------------*/
section table {
  box-sizing: border-box;
}
section th, td {
  padding: 5px 8px 3px;
  border: 1px solid #000;
  margin: 0;
}
section th {
  background-color: #fadcd6;
  color: #000;
}
section th.sub {
  background: #DDD;
  color: #222;
}
section td {
  background-color: #fff;
}
section table.table_noborder th, section table.table_noborder td {
  padding: 0;
  border: none;
  color: #222;
  vertical-align: top;
}
.news_impo section table.table_noborder td {
  vertical-align: middle;
}

*----------------------------------------------------
	6.2 - Button
----------------------------------------------------*/
/*１列で収まるボタンの場合*/
.list_banner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.list_banner li {
  display: table-cell;
  padding: 0 10px;
}
.list_banner li a, .list_banner li .banner_coming {
  display: block;
  text-align: center;
  line-height: 0.6;
}
/*1列で収まらないボタンの場合*/
.list_banner02 {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.list_banner02 li {
  box-sizing: border-box;
  display: inline-table;
  padding: 0 10px;
  word-spacing: normal;
  width: 33%; /*1列に表示するボタンの数に合わせて設定する必要があります*/
}
.list_banner02 li a, .list_banner li .banner_coming {
  display: block;
  text-align: center;
  line-height: 0.6;
}
/*バナー画像をテキストに差し替えた場合*/
.list_banner_text {
  width: 100%;
  overflow: hidden;
}
.list_banner_text li {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
.list_banner_text li a, .list_banner_text li .banner_coming {
  display: inline-block;
  text-align: center;
  padding: 10px;
}
.list_banner_text li a:link, .list_banner_text li a:visited, .list_banner_text li a:active {
  background-color: #a67442;
  color: #fff;
  text-decoration: none;
}
.list_banner_text li a:hover {
  background-color: #E65032;
}
.list_banner_text li .banner_coming {
  background-color: #999;
  border: 3px double #fff;
  color: #fff;
}
.list_banner_text li.single {
  width: 100%;
}
.list_banner_text li.double {
  width: 50%;
}
.list_banner_text li.w250 a, .list_banner_text li.w250 .banner_coming {
  width: 250px;
}

