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


/*****************************
共通
******************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


html {
	height: 100%;
}

body{
	background:url(../img/header_line.png) top repeat-x;
	font:14px verdana,"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
	height: 100%;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, ul, ol, button, .button, .accordion .accordion-navigation > a, .accordion dd > a{
	font-family:inherit;
}

a{color:#004ea2}
a:hover{color:#64a2d1}

a.under{
	text-decoration:underline;
}

p{
	font-size:1rem;
}

select{
	width:96%;
}

header{ margin-bottom:1rem; }
header h1{
	background:none;
}

h1{
	background:url(../img/bg-blue.png) bottom repeat-x;
	padding:0.2em 0;
	color:#003366;
	text-indent:0.3em;
	font-weight:normal;
}

h2{
	font-size:1.8em;
	border-bottom:#003366 3px double;
	color:#036;
}

.panel.callout a:not(.button){color:#004EA2;}

.panel > h2{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow:rgba(255, 255, 255, 1)0 1px 0;
	font-size:1.4em;
	line-height:1.4;
	text-indent:0.2em;
	color:#002f62;
}

/* リスト */
ul.list, ul.check{
	margin:0 0 2rem 0;
	padding:0;
	line-height:1.4;
	list-style:none;
}

ul.list li{
	position:relative;
	padding:0.8em 0.3em 1em 1.8em;
}

ul.check li{
	position:relative;
	padding:0.5em 0.3em 0.2em 1.8em;
}

ul.list li:before{
	position:absolute;
	left:0.5em;
	top:0.7em;
	font-family:'FontAwesome';
	content:'\f061';
	color:#002F62;
}

ul.check li:before{
	position:absolute;
	left:0.5em;
	top:0.5em;
	font-family:'FontAwesome';
	content:'\f00c';
	color:#C00;
}

/* スペース */
.mt1rem{ margin-top:1rem; }
.mt2rem{ margin-top:2rem; }
.mb2rem{ margin-bottom:2rem; }

/* 背景色 */

.bg_pink{
	background-color: #FEE;
	border-color:#FFC8C8;
}

.bg_white{
	background-color:#FFF;
	border-color:#CCC;
}


/* フォント */

.fnt-large{
	font-size:2em;
}

.fnt-red{
	color:#C00;
}

/* ボタン */
.btn_blue{
	background:url(../img/bg-blue.png) repeat;
}

.btn_blue:hover{
	background:url(../img/bg-lightblue.png) repeat;
}

.btn_red{
	background-color: #db390b;
	box-shadow: 0 3px 0 rgba(156,41,8,1);
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}

.btn_red:hover{
	background-color:#E65E39;
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}

.btn_orange{
	background-color: #FFA50C;
	box-shadow: 0 3px 0 rgba(219,117,11,1);
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	text-align: center;
	text-decoration: none;
}

.btn_orange:hover{
	background-color:#FFB83F;
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}

/* セレクトボックス */

.select-box{
	float:right;
	width:45%;
}

.select-box select{
	padding:0.3em;
	background-color:#f9ebd2;
	border:#f9a30c 1px solid;
	border-radius:3px;
}

/* ラジオボタン */

label{
	display:inline-block;
	width:93%;
	vertical-align: middle;
}

input[type=radio] {
/*
	width:1em;
	height:100%;
*/
	display:inline-block;
	padding:1em;
}

input[type="radio"]:checked + label {
/*
  background: #FEE;
 */
  background: #FFF;
}

input[type=button]{
	font:14px verdana,"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
	padding:0.3em;
	background-color:#094B97;
	color:#FFF;
	border:#052B57 1px solid;
	border-radius:3px;
	cursor:pointer;
}

input[type=button]:hover{
	background-color:#bbcde2;
	color: #464646;
	border:#094B97 1px solid;
}

.answer:hover {
/*
  background: #FEE;
 */
  background: #FFF;
}

.answer {
  color: #000;
  border: #dddddd solid 1px;
  font-size:inherit;
  cursor: pointer;
  padding:1em;  
}

.effect{ position: relative; }

.effect:before, .effect:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* header */
header{
	border-bottom:#004ea2 1px solid;
}

header h1{
	color:#FFF;
}

.head_btn{
	margin-top:3.5em;
}

/* footer最下部 */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

footer{
	width:100%;
	background:#002f62;
}

footer, .push {
	height: 4em; 
}

footer p, footer a{
	color:#FFF;
}

footer p{
	margin-top:1em;
	margin-bottom:0;
	font-size:0.9em;
}

footer a:hover{
	color:#9bd4f6;		
}

/* footer内ボタンエリア*/
.btn_area{
	background-color:#dfecfa;
	padding-top:1.5em;
}

/* パンくず */
.breadcrumbs{
	margin-top:0.5em;
}

.breadcrumbs > *{line-height:1.6;}

.breadcrumbs > * a{color:#004ea2}


/* フォーム */
input[type=submit]{
font-family: FontAwesome, verdana,"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
}

.info{
	margin:2em 0;
}

/* お知らせ */
dl.news dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 10px 0.5em;
  font-weight:normal;
}

dl.news dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
  border-bottom:#CCC 1px dotted;
}

dl.news dd:last-child{
	border-bottom:none;
}

/* キャプション */
.txt_area{
	overflow:auto;
	border:#CCC 1px solid;
	width:98%;
	height:10em;
	padding:0.5em;
	margin-bottom:0.5em;
}


/* video PDF エリア */
.obj-wrap{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 65px;
    height: 100%;
    overflow: hidden;
}

.pdf-wrap{
    position: relative;
	width:100%;
    height:33em;
    overflow: auto;
}

.obj-wrap video,
.obj-wrap iframe,
.pdf-wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdf-wrap iframe{
	border:#CCC 1px solid;
    width: 100%;
}

dl.title dd{
	float:left;
	padding-right:0.5em;
}

/* videoコントロールパネル */
.vtr_ctrl{
	width:95%;
	margin:0.5em auto;
	padding-bottom:0.5em;
	display:table;
	
}

.btn_vtr{
	display: table-cell;
	list-style:none;
	text-align:center;
	width:15%;
	height:3em;
	background:#003366;
	border:#CCC 1px solid;
	margin:0;
}

.vtr_ctrl .btn_vtr:not(:last-child){
	border-right:none;
}

.vtr_ctrl .btn_vtr:first-child{
	border-radius:5px 0 0 5px;
}

.vtr_ctrl .btn_vtr:last-child{
	border-radius:0 5px 5px 0;
}

.btn_vtr a{
	display:inline-block;
	transition:0.2s;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	padding-top:0.2em;
}

.btn_vtr:hover{
	background:#0059B3;
}

/* スクロール枠 */
.scrl{
	border:#CCC 1px solid;
	overflow: auto;
	padding:1em;
	height:40em;
}


/* アコーディオン */
.accordion{
	margin-left:0;
}

.accordion .accordion-navigation > a, .accordion dd > a{
	background-color:#8ECFFF;
	border-bottom:#FFF 1px solid;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover{
	background-color:#bbdfff;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a{
	background-color:#8ECFFF;
}

/* テーブル */
table{ width:100%; margin-top:1rem; }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td{
	line-height:1.6;
	font-family:inherit;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n){
	background-color: #F0F0F0;
}

table tr th, table tr td{
	border:#CCC 1px solid;	
}

table tr th{
	text-align:center;
	font-size:1.2em;
	background-color:#dcedff;
	font-weight:normal;
	padding:0.3em;
}

table tr td{
	font-size:1em;
	padding:0.3em;
}

.w10{
	width:10%;
}

/*
	2016-02-22 共通化
*/
.infoTitle{
     background: #ffffff;
     color: #3399dd;
     cursor: pointer;
     width:100%;
     padding: 5px
	}

.infoBody{
	background:#eeeeee;
	padding:10px;
	font-size:small;
	display:none
	}