@charset "shift_jis";

@media screen and (min-width: 750px) {

div.tabbox {
      margin: auto;
      padding: 0px;
      width: 98%; 
      
   }
   div.tabbox ul.tabs {
      width:100%;
      margin:  0px; 
      padding: 0px;
   }
   div.tabbox ul.tabs li {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 14.2857143%; 
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    div.tabbox ul.tabs li#tabA, div.tabbox ul.tabs li#tabB, div.tabbox ul.tabs li#tabC, 
    div.tabbox ul.tabs li#tabD, div.tabbox ul.tabs li#tabE, 
    div.tabbox ul.tabs li#tabF, div.tabbox ul.tabs li#tabG {
    margin:0;
	box-sizing:border-box;
    }
  
  div.tabbox ul.tabs li#tabG a {
      font-size: 1.6vw;
   }

   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #92d050; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:100%;
	   margin:auto;
   }

   table{
       width: 96%;
       margin: 2vw auto;
       border-collapse: collapse;
       border: 1px solid #999; 
   }
   table th, table td{
       text-align: left;
       padding-left: 1.5vw;
       padding-right: 1vw;
       border: 1px solid #888;  
   }
   table th{
       width: 17%;
       font-weight: normal;
   }
   table .top_tr th, table .top_tr td{
       color: #555;
       background: #e1ffc1;
       font-weight: bold;
       text-align: center;
       padding: 0.5vw 0;
   }

   tr.saiyoushokushu_tr {
       height:5vw;
   }
   
   td.sigotogaiyou_td {
       padding:1% 2%;
   }
   
    div.main_content {
     margin-bottom:3vw;
 }

span.koushinbi {
    font-size: 1vw;
    margin-left:1vw;
}

div.tabbox ul.tabs a {
    font-size: 1.8vw;
}

}

@media screen and (max-width: 750px) {

div.tabbox {
      margin: auto;
      padding: 0px;
      width: 98%; 
   }
div.tabbox ul.tabs {
      width:100%;
      margin:  0px; 
      padding: 0px; 
   }
   div.tabbox ul.tabs li {
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
   }
   div.tabbox ul.tabs li#tabA , div.tabbox ul.tabs li#tabB , div.tabbox ul.tabs li#tabC , div.tabbox ul.tabs li#tabD {
        border-radius: 4px 4px 0px 0px;
        width: 25%; 
   }
   div.tabbox ul.tabs li#tabE , div.tabbox ul.tabs li#tabF , div.tabbox ul.tabs li#tabG {
        border-radius: 0px 0px 0px 0px;
        width: 33.3333%; 
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    div.tabbox ul.tabs li#tabA, div.tabbox ul.tabs li#tabB, div.tabbox ul.tabs li#tabC, 
    div.tabbox ul.tabs li#tabD, div.tabbox ul.tabs li#tabE, 
    div.tabbox ul.tabs li#tabF, div.tabbox ul.tabs li#tabG  {
    margin:0;
	box-sizing:border-box;
    }
   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #92d050; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:100%;
	   margin:auto;
   }
   
   table{
       width: 98%;
       margin: 8vw auto;
       border-collapse: collapse;
       border: 1px solid #999; 
   }
   table th, table td{
       text-align: left;
       padding-left: 1.5vw;
       padding-right: 1vw;
       border: 1px solid #888;  
   }
   table th{
       width: 23%;
       font-weight: normal;
   }
   table .top_tr th, table .top_tr td{
       color: #555;
       background: #e1ffc1;
       font-weight: bold;
       text-align: center;
       padding: 1vw 0;
   }

tr.saiyoushokushu_tr {
       height:15vw;
   }
   
td.sigotogaiyou_td {
       padding:2%;
   }
   
   div.main_content {
     margin-bottom:5vw;
 }

 span.koushinbi {
    font-size: 3.6vw;
    margin-left:1vw;
}
 
}