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

section table { width: 100%; border-collapse: collapse; font-size:13px; margin: 1em auto;}
section th, section td  { padding: 4px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .demo02
----------------------------------------------------*/
.demo02 th  { width: 8.5%; }
.demo02 td  { text-align: center; }
.demo02 td:first-child  { text-align: left; }

@media only screen and (max-width: 800px) { 
  .demo02 { 
    display: block; 
    width: 100%; 
    margin: 0 -10px;
  }
  .demo02 thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .demo02 tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .demo02 th{ 
    display: block;
    width:auto;
	  width: 100px;
  }
  .demo02 tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
  }
  .demo02 td{ 
    display: block;
	  width: 100px;
  }
	table.demo02{
		width: 360px;
		margin: 1em auto;
	}
}