.tab-content {
  max-width: 99%;
  font-size:12pt;
	font-family:メイリオ;
}
.tab-nav {
  padding-bottom: 10px;
  font-size:12pt;
	font-family:メイリオ;
}
.tab-box {
  margin-top: 10px;
  border: 0px solid #bbb;
  border-radius: 0 0 7px 7px;
  font-size:12pt;
	font-family:メイリオ;
}
.tab {
  width:200px;
  border: 1px solid #bbb;
  border-radius: 7px 7px 7px 7px ;
  padding: 10px 10px 10px 10px;
  font-size:12pt;
	font-family:メイリオ;
  background-color: rgba(255, 255, 255, 1);
  text-align:center;
}
.tab:hover {
  cursor: pointer;
  color:#FFFFFF;
  background-color: rgba(0, 0, 255, 1);
	font-family:メイリオ;
}
.tab-view {
  display: none;
	font-family:メイリオ;
}
.radio {
  display:none;
}
.radio:checked + .tab {
  background-color: rgba(255, 0, 0, 1);
  color:#FFFFFF;
}
#tab1:checked ~ .tab-box > #tab-view1 {
  display: block;
}
#tab2:checked ~ .tab-box > #tab-view2 {
  display: block;
}
#tab3:checked ~ .tab-box > #tab-view3 {
  display: block;
}
#tab4:checked ~ .tab-box > #tab-view4 {
  display: block;
}
#tab5:checked ~ .tab-box > #tab-view5 {
  display: block;
}
#tab6:checked ~ .tab-box > #tab-view6 {
  display: block;
}
#tab7:checked ~ .tab-box > #tab-view7 {
  display: block;
}
#tab8:checked ~ .tab-box > #tab-view8 {
  display: block;
}
#tab9:checked ~ .tab-box > #tab-view9 {
  display: block;
}
#tab10:checked ~ .tab-box > #tab-view10 {
  display: block;
}
#tab11:checked ~ .tab-box > #tab-view11 {
  display: block;
}