@charset "utf-8";

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

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

#info_header {
margin:0;
overflow:hidden;
}
.toiawase_link {
margin-right:-60px;
padding:0;
float:right;
}
.toiawase_link p {
margin:0 !important;
padding:0;
font-size:20px;
font-size:2.0rem;
color:#000080;
font-weight:bold;
}
.toiawase_link img{
border-left:1px solid #808080;
margin-left:15px;
}

/* 見出し
------------------------------------------------------------*/
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:#000080;
font-weight:bold;
margin-bottom:10px;
/*border-bottom:1px solid #000080;*/
}

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

.table_row{
display:table-row;
}
.table_cell{
display:table-cell;
text-align:center;
vertical-align:top;
width:50%;
padding:10px 30px;
}
.table_cell img{
width:80%;
height:auto;

}


/* タブ
------------------------------------------------------------*/
#tabNav {
width:100%;
padding-top:10px;
border-bottom:3px #000080 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:40px;
}

#tabNav ul li a {
display:block;
position:relative; /* IE6用 */
padding:5px;
background:url(../img/tab_gen.gif);
vertical-align:middle;
font-size:20px;
font-size:2.0rem;
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:#000000;
}

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

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

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


/* 情報リスト
------------------------------------------------------------*/
.info_desc{
clear:both;
display:table;
color:#333;
width:900px;
margin:10px auto 20px;
/*border:2px solid #004080;*/
}

.info_desc dl{
display:table-row;
}

.info_desc dt{
display:table-cell;
font-size:20px;font-size:2.0rem;
color:#000080;
font-weight:bold;
width:25%;
padding:5px 15px;
text-align:right;
vertical-align:top;
border-right:1px solid #000080;
}

.info_desc dd{
display:table-cell;
width:75%;
padding:5px 15px;
}

.info_desc dl dd iframe{
border:1px dotted #1010b0;
border-radius:3px;
}

.pdf{
font-size:10px;
font-size:1.0rem;
line-height:1;
color:#fff;
background-color:#f00;
padding:0 2px;
font-weight:normal;
white-space:nowrap;
border:1px solid #000;
border-radius:2px;
}

.fa {display:inline !important;}


/* メディア記事を表示
------------------------------------------------------------*/
a.media_read {
color:#000080;
text-decoration:none !important;
font-weight:normal;
font-size:14px;
font-size:1.4rem;
text-align:center;
padding:0 5px;
border:1px solid #999;
border-radius:5px;
background:#EEE;
background:-moz-linear-gradient(top,#fff 0%,#eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
white-space:nowrap;
cursor:pointer;
line-height:1;
}

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

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

	.info_desc{
	width:98%;
	margin:0 auto;
	}
	.info_desc dl dd iframe{
	width:98%;
	}

}

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

	#tabNav ul li{
	width:19%;
	height:50px;
	margin-right:1%;
	}
	#tabNav ul li a{
	font-size:16px;
	font-size:1.6rem;
	}
	.table_row{
	display:block;
	}
	.table_cell{
	display:block;
	width:100%;
	}
}

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

	.info_desc{
	width:96%;
	margin:0 auto;
	}

	.info_desc dl{
	display:block;
	}
	.info_desc dt{
	width:100%;
	display:block;
	padding:10px 5px 0 5px;
	text-align:left;
	border-right:none;
	border-bottom:1px solid #000080;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
	.info_desc dd{
	width:100%;
	display:block;
	padding:5px 0 10px 20px;
	text-align:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}

	#tabContents {
	padding:10px;
	}
	#tabContents .fa-chevron-circle-right::before {
    content: "\f13a";
	}
}

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

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