@charset "UTF-8";
/* CSS Document */

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 0px;
  padding-bottom: 40px;
  background-color: #fff;
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
/*  width: 700px;*/
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(98.8%/10);
  height: 40px;
/*  border-bottom: 3px solid #5ab4bd;*/
  border-right: 1px solid white;
  background-color: #d9d9d9;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

.tab_item_a {
  width: calc(98.8%/10);
  height: 40px;
/*  border-bottom: 3px solid #5ab4bd;*/
  border-right: 1px solid white;
  background-color: #d9d9d9;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 6px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab2021:checked ~ #tab2021_content,
#tab2020:checked ~ #tab2020_content,
#tab2019:checked ~ #tab2019_content,
#tab2018:checked ~ #tab2018_content,
#tab2017:checked ~ #tab2017_content,
#tab2016:checked ~ #tab2016_content,
#tab2015:checked ~ #tab2015_content,
#tab2014:checked ~ #tab2014_content,
#tab2013:checked ~ #tab2013_content,
#tab2012:checked ~ #tab2012_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #FFCFD5;/*#5ab4bd;*/
  /*color: #fff;*/
}





.table_tab{
border-collapse:collapse;
/*margin-top:8px;*/
margin-top:0px;
font-size:93%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #BCBCBC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #BCBCBC;
line-height:1.3;
}
.table_tab th {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BCBCBC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BCBCBC;
padding: 0px;
text-align: left;
padding: 10px 0 10px 0px;
vertical-align:middle;
text-align:center;
}

.table_tab td {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BCBCBC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BCBCBC;
padding: 0px;
text-align: left;
padding: 4px 6px 4px 6px;
vertical-align:middle;
}
.center{
	text-align:center;
	padding:8px;
}