@charset "utf-8";

/**** Clearfix ****/
#tabNav:after, #tabContents:after, .h3_content:after{content:""; display:table;clear:both;}
#tabNav, #tabContents, .h3_content{zoom:1;}

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header {
text-align:center;
margin:30px auto;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
line-height:1.2;
}

h3{
width:100%;
font-size:20px;
font-size:2.0rem;
color:#085089;
font-weight:bold;
margin-bottom:10px;
}
h3.old{
color:#333;
border-top:2px dashed #808080;
padding-top:10px;
}

.h3_content{
margin-left:20px;
margin-bottom:20px;
}

/* タブ
------------------------------------------------------------*/
#tabNav {
width:100%;
padding-top:20px;
border-bottom:3px #1D93AE solid;
}

#tabNav ul {
/*width:99%;*/
margin:0 auto;
padding:0;
list-style-type:none;
text-align:center;
}

#tabNav ul li {
margin-top:5px;
margin-right:5px;
float:left;
width:19%;
height:50px;
}

#tabNav ul li a {
display:block;
position:relative; /* IE6用 */
padding:5px;
/*background:url(../img/tab_gen.gif);*/
background-color:#808080;
vertical-align:middle;
font-size:16px;
font-size:1.6rem;
line-height:1.2;
border:1px solid #666;
border-bottom:none;
border-top-left-radius:10px;
border-top-right-radius:10px;
height:100%;
text-decoration:none;
color:#fff;
}

#tabNav ul li a:hover {
text-decoration:underline;
color:#800000;
}

#tabNav ul li.active a {
/*background:url(../img/tab_act.gif);*/
background-color:#1D93AE;
color:#fff;
font-weight:bold;
pointer-events:none;
}
#tabNav ul li.active a:hover {
text-decoration:none;
color:#ffffff;
}

#tabContents {
padding:10px 20px;
border:1px solid #1D93AE;
margin-bottom:30px;
}


/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅780px以下から
------------------------------------------------------------*/
@media only screen and (max-width:780px){

	#tabNav ul li{
	width:19%;
	height:60px;
	margin-right:1%;
	}
	#tabNav ul li a{
	font-size:16px;
	font-size:1.6rem;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	.h3_content{
	margin-left:0;
	}
	#tabNav ul li{
	width:19%;
	height:80px;
	margin-right:1%;
	}
	#tabNav ul li a{
	font-size:14px;
	font-size:1.4rem;
	padding:2px;
	}

}