@charset "utf-8";

.tab_area{
	overflow:hidden;
	display:table;
	width: 100%;
	margin:auto;
	padding: 0;
	text-align: center;
	letter-spacing: -.4em;
 }
 
.tab_area li{
	display: inline-block;
	margin: 1px 1px 0 0;
	background: #1E52A6;
	border-radius: 6px 6px 0 0;
    letter-spacing: 0;
	width: 24%;
	font-size: .7em;
 }
.tab_area li a:link{
	display: block;
	padding: 5px 0;
	border-top: 5px solid #1E52A6;
	border-radius: 6px 6px 0 0;
	color: #fff;
 }
.tab_area li a:active{
	padding: 5px 0;
	border-top: 5px solid #1E52A6;
	background: #fff;
	border-radius: 6px 6px 0 0;
 }
.tab_area li a:hover {
      cursor: pointer;
	padding: 5px 0;
	border-top: 5px solid #1E52A6;
	background: #fff;
	color: #1E52A6;
	font-weight: 600;
	border-radius: 6px 6px 0 0;
   }
.tab_area li a.current{
	padding: 5px 0;
	border-top: 5px solid #1E52A6;
	background: #eee;
	border-radius: 6px 6px 0 0;
	color: #1E52A6;
	font-weight: 600;
 }
 
.all_area { 
 background: #fff; 
 padding:10px; 
 overflow: hidden;
 }
 
.all_area div.content_area{
 width: 100%; 
 background: #fff; 
 padding: 10px 10px 30px 10px;  
 border-top: 3px solid #009;
 }
 

.hide{display:none;}

@media (min-width: 740px) {

.tab_area li{
	font-size: .8em;
 }

}


@media print, screen and  (min-width: 1280px) {

.tab_area li{
	width: 19%;
	font-size: 1.0em;
 }

}