.tab5 {
  width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
  margin: 0 auto;
}
.tab5 .tab-content {
  margin: 0;
}
.tab5 label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab5 label {
  display: inline-block;
  width: auto;
  padding: 3px 10px;
  cursor: pointer;
  background: #ddd;
  margin-right: -2px;
  margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  font-size: 0.8em;
}
.tab5 label:hover {
  background: #eee;
}
.tab5 input:checked + label {
  background: #9fb7d4;
  color: white;
  padding: 5px 10px 3px 10px;
}
.tab5 input {
  display: none;
}
.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3,
.tab5 #tab5-b4,
.tab5 #tab5-b5,
.tab5 #tab5-b6,
.tab5 #tab5-b7,
.tab5 #tab5-b8,
.tab5 #tab5-b9
{
  display: none;
}
.tab5 #tab5-1:checked ~ #tab5-b1,
.tab5 #tab5-2:checked ~ #tab5-b2,
.tab5 #tab5-3:checked ~ #tab5-b3,
.tab5 #tab5-4:checked ~ #tab5-b4,
.tab5 #tab5-5:checked ~ #tab5-b5,
.tab5 #tab5-6:checked ~ #tab5-b6,
.tab5 #tab5-7:checked ~ #tab5-b7,
.tab5 #tab5-8:checked ~ #tab5-b8,
.tab5 #tab5-9:checked ~ #tab5-b9 {
  display: block;
}

.tab6 {
  width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
  margin: 0 auto;
}
.tab6 .tab-content {
  margin: 0;
}
.tab6 label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab6 label {
  display: inline-block;
  width: auto;
  padding: 3px 10px;
  cursor: pointer;
  background: #ddd;
  margin-right: -2px;
  margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  font-size: 0.8em;
}
.tab6 label:hover {
  background: #eee;
}
.tab6 input:checked + label {
  background: #9fb7d4;
  color: white;
  padding: 5px 10px 3px 10px;
}
.tab6 input {
  display: none;
}
.tab6 #tab6-b1,
.tab6 #tab6-b2,
.tab6 #tab6-b3,
.tab6 #tab6-b4,
.tab6 #tab6-b5,
.tab6 #tab6-b6,
.tab6 #tab6-b7,
.tab6 #tab6-b8,
.tab6 #tab6-b9
{
  display: none;
}
.tab6 #tab6-1:checked ~ #tab6-b1,
.tab6 #tab6-2:checked ~ #tab6-b2,
.tab6 #tab6-3:checked ~ #tab6-b3,
.tab6 #tab6-4:checked ~ #tab6-b4,
.tab6 #tab6-5:checked ~ #tab6-b5,
.tab6 #tab6-6:checked ~ #tab6-b6,
.tab6 #tab6-7:checked ~ #tab6-b7,
.tab6 #tab6-8:checked ~ #tab6-b8,
.tab6 #tab6-9:checked ~ #tab6-b9 {
  display: block;
}

.tab7 {
  width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
  margin: 0 auto;
}
.tab7 .tab-content {
  margin: 0;
}
.tab7 label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab7 label {
  display: inline-block;
  width: auto;
  padding: 3px 10px;
  cursor: pointer;
  background: #ddd;
  margin-right: -2px;
  margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  font-size: 0.8em;
}
.tab7 label:hover {
  background: #eee;
}
.tab7 input:checked + label {
  background: #9fb7d4;
  color: white;
  padding: 5px 10px 3px 10px;
}
.tab7 input {
  display: none;
}
.tab7 #tab7-b1,
.tab7 #tab7-b2,
.tab7 #tab7-b3,
.tab7 #tab7-b4,
.tab7 #tab7-b5,
.tab7 #tab7-b6,
.tab7 #tab7-b7,
.tab7 #tab7-b8,
.tab7 #tab7-b9
{
  display: none;
}
.tab7 #tab7-1:checked ~ #tab7-b1,
.tab7 #tab7-2:checked ~ #tab7-b2,
.tab7 #tab7-3:checked ~ #tab7-b3,
.tab7 #tab7-4:checked ~ #tab7-b4,
.tab7 #tab7-5:checked ~ #tab7-b5,
.tab7 #tab7-6:checked ~ #tab7-b6,
.tab7 #tab7-7:checked ~ #tab7-b7,
.tab7 #tab7-8:checked ~ #tab7-b8,
.tab7 #tab7-9:checked ~ #tab7-b9 {
  display: block;
}