.under_line {  text-decoration: none; color: #000000; font-size: 10pt}

.under_line2 {  text-decoration: none; color: #000000}

body, TH, TD { font-family: 'Microsoft Sans Serif, Arial, Helvetica, sans-serif, ‚l‚r ‚oƒSƒVƒbƒN, Osaka';  }

@media print{     
	.noprint { display : none; }    
	TD.main { width : 100%; }    TR.main { width : 100%; }
	TABLE.main { width : 100%; }
    TABLE.frame { width : 100%; }
}

.area {
  width: auto;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: 300px;
  height: 30px;
  background-color: darkgrey;
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  order: -1;

border-style: solid;  
border-color: black;
border-width: 1px 1px 0px 1px;  

}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: blue;
  color: aliceblue;
}
 
.content_class {
  display: none;
  width: 100%;
border-style: solid;  
border-color: black;
border-width: 1px 1px 1px 1px;  

}
 
input:checked + .tab_class + .content_class {
  display: block;
}