@media print {
	a[href]:after {
	content: ""!important;
}
	abbr[title]:after {
	content: ""!important;
}
}

/*コンテンツエリア*/
/*page-headerとh1*/
.page-header {
	border-bottom: 0px none;
	margin: 0px 15px;
}
.page-header h1{
	font-weight: bold;
}

/*main-contents*/
.main-contents{
	margin: 0 25px 30px;
	font-size: 1.2em;
	line-height: 170%;
}
.main-contents h2{
	margin: 2em 0px 1em;
	padding: 4px 4px 4px 4px;
	font-size: 1.175em;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}
h1 + h2,
.page-header + h2,
.main-contents h2:first-child{
	margin-top: 0px;
}
h2.danger{
	color: #FF0000;
}
h2.about{
	padding-left: 0;
	padding-bottom: 0;
	margin-left: 0px;
}
h2.about span{
	padding-left: 4px;
}

.main-contents h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1.5em 0px 0px;
	border-bottom: 1px solid #002F9B;
}
.main-contents h2 + h3{
	margin-top: 0;
}
.main-contents h3 span{
	display: inline-block;
	margin: 0;
}

.main-contents h4 {
	color: #002F9B;
	font-size: 1.15em;
	margin: 1em 5px 0px;
	padding: 2px 2px;
}
.main-contents h2 + h4,
.main-contents h3 + h4{
	margin-top: 5px;
}
.main-contents h4 span{
	margin-left: 1em;
}

h5 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	border-left: 6px solid #3366CC;
	padding: 0px;
}
h5 span{
	display: inline-block;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 4px 12px 4px 6px;
}

.main-contents h5{
	margin-left: -6px;
}

.main-contents p,
.main-contents ul,
.main-contents ol,
.main-contents table{
	margin: 1em 15px 0px;
}
.main-contents ul,
.main-contents ol{
	margin-left: 0px;
}

.table {
	border-collapse: collapse;
}
.table td, .table th {
	background-color: #F4F4F4;
}

/*jumbotron*/
.jumbotron{
	padding-top: 10px;
	padding-bottom: 0;
	margin: 1.5em 30px 0px;
	line-height: 200%;
	background-color: #ECF0FF;
}
.container .jumbotron{
	margin-top: 2em;
}
.main-contents .jumbotron{
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.main-contents h2 + .jumbotron,
.main-contents .jumbotron:first-child{
	margin-top: 0;
}

.jumbotron p,
.main-contents .jumbotron p{
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	font-size: 1em;
	line-height: 170%;
}
.main-contents .jumbotron p:first-child{
	margin-top: 0px;
}
.jumbotron-info{
	border: 1px solid #5c95c5;
	background-color: #ECF0FF;
}
.jumbotron-info p{
	color: #444444;
}
.jumbotron-error{
	border: 1px solid #E03333;
	background-color: #FFE0E0;
}
.jumbotron-error p{
	color: #E03333;
}

.jumbotron-alert{
	border: 1px solid #FF9933;
	background-color: #FFF0E0;
}
.jumbotron-alert p{
	color: #CC8000;
}
.jumbotron-confirm{
	border: 1px solid #398439;
	background-color: #F0FFE0;
}
.jumbotron-confirm p{
	color: #398439;
}

.jumbotron_wide {
	padding-top: 5px;
	padding-bottom: 0;
	margin: 0 15px 20px;
	line-height: 200%;
	border: 1px solid #5c95c5;
	background-color: #ECF0FF;
}
.container .jumbotron_wide,
.container-fluid .jumbotron_wide {
	padding: 10px 20px 0px;
	border-radius: 8px;
}
.main-contents .jumbotron_wide{
	margin: 0 0 20px;
}
.jumbotron_wide p, .main-contents .jumbotron_wide p{
	margin-bottom: 10px;
	line-height: 170%;
}

/*フォーム共有*/
form input, form select{
	margin-bottom: 4px;
}
/*汎用*/
.form_xs,.form_sm,.form_md,.form_lg,.form_xl{ margin-right: 4px;}

input.form_xs{ width: 4.5em; width: calc(4em + 8px);}
select.form_xs{ width: 5em; width: calc(4em + 32px);}
input.form_sm{ width: 10.5em; width: calc(10em + 8px);}
select.form_sm{ width: 11em; width: calc(10em + 32px);}
input.form_md{ width: 20.5em; width: calc(20em + 8px);}
select.form_md{ width: 21em; width: calc(20em + 32px);}
input.form_lg{ width: 70%; width: calc(70% + 8px);}
select.form_lg{ width: 70%; width: calc(70% + 32px);}
input.form_xl{ width: 90%; width: calc(100% - 6em);}
select.form_xl{ width: 90%;}
textarea.form_xl{ width: calc(100% - 6em);}

/*年*/
input[type="text"].form_year{ width: 4em;}
select.form_year{ width: 5em;}
/*月*/
input[type="text"].form_month{ width: 3em;}
select.form_day{ width: 3.5em;}
/*日付*/
input[type="text"].form_day{ width: 3em;}
select.form_day{ width: 3.5em;}
/*年齢*/
input[type="text"].form_age{ width: 3.5em;}
select.form_age{ width: 4.5em;}

input[type="text"].form_word_002{ width: 2.5em;}
input[type="text"].form_word_003{ width: 3.5em;}
input[type="text"].form_word_004{ width: 4.5em;}
input[type="text"].form_word_005{ width: 5.5em;}
input[type="text"].form_word_006{ width: 6.5em;}
input[type="text"].form_word_007{ width: 7.5em;}
input[type="text"].form_word_008{ width: 8.5em;}
input[type="text"].form_word_009{ width: 9.5em;}
input[type="text"].form_word_010{ width: 10.5em;}
input[type="text"].form_word_012{ width: 12.5em;}
input[type="text"].form_word_015{ width: 15.5em;}
input[type="text"].form_word_020{ width: 20.5em;}
input[type="text"].form_word_240{ width: 41em;height: 2.5em}

/*テーブルクラス全般*/
/*初期化*/
.table,
.table thead th,
.table thead td,
.table tbody th,
.table tbody td{
/*	background-color: transparent;
	border-bottom: 0px none;
	border-top: 0px none;
	width: auto;*/
}

/*主に横幅・横位置に関する記述*/
.table .link_detail{ width: 4em; text-align: center; white-space: nowrap;} /*「詳細」ボタン*/
.table .link_bylaw{ width: 4em; text-align: center; white-space: nowrap;} /*規則 アイコン*/
.table .link_bylaw .fa, .table .link_bylaw .glyphicon{ margin-right: 4px; font-size: 16px; color: #FF0000;} /*「詳細」ボタン*/

.table .link_download{ width: 6em; text-align: center; white-space: nowrap;} /*「ダウンロード」ボタン*/

.table .count{ width: 3em; text-align: right; white-space: nowrap; /*カウント（人数・件数・パーセンテージなど）*/}
.table thead tr th.count{ text-align: center;}
.table .number{ width: 2em; text-align:center; white-space: nowrap;} /*ナンバー（通し番号）*/
.table .name{ width: 10em; text-align: center; white-space: nowrap;} /*氏名*/
.table .report_status{ width: 5em; text-align: center; white-space: nowrap;} /*報告提出状況*/
.table .bunya{ width: 10em; text-align: center; white-space: nowrap;} /*分野*/
.table .province{ width: 5.5em; text-align: center; white-space: nowrap;} /*都道府県*/

.table .facility_number{ width: 5em; text-align: center; white-space: nowrap;} /*施設番号*/
.table .facility_name{ text-align: center;} /*施設名*/
.table .category, .table .facility_category{ width: 4em; text-align: center; white-space: nowrap;} /*施設種別*/
.table thead tr td.category, .table tbody tr td.category{ width: 4em; text-align: center; white-space: nowrap;}
.table thead tr th.state, .table tbody tr td.state{ width: 5em; text-align: center; white-space: nowrap;}
.table .evaluation_item{ width: 14em; text-align: left; white-space: nowrap;}/*評価項目*/

.table .form_checkbox{ width: 2.5em; text-align: center;} /*チェックボックス（削除・選択など）*/
.table th.form_checkbox{ white-space: nowrap;}
.table input[type="checkbox"][disabled]{ background-color: #EEEEEE; border: 1px solid #CCCCCC; cursor:not-allowed;} /* チェックボックス 押下不可処理 */

input[disabled]{ background-color: #CCCCCC; border: 1px solid #999999;}
input:disabled{ background-color: #CCCCCC; border: 1px solid #999999;}

.table .detail_ymd_type01{ text-align: left; white-space: nowrap; width: 14em;} /*日時表示：年月日時分*/
.table .detail_ymd_type02{ text-align: left; white-space: nowrap; width: 10em;} /*日時表示：年月日*/
.table .detail_y{ text-align: center; white-space: nowrap; width: 5em;} /*日時表示：年のみ*/
.table .detail_m{ text-align: center; white-space: nowrap; width: 3em;} /*日時表示：月のみ*/

.table tbody tr.sum th, .table tbody tr.sum td{ border-top: double 3px #444;} /*合計*/

/*色などに関する記述*/
.table .table_alert, .table .table_alert_red{ background-color: #FFDFE8; font-weight: bold;}/*注意喚起*/
.table .table_alert a{color: #330000;}
.table .table_alert_red span{color: #FF0000;}
.table .table_alert_red a{color: #5C95C5;}

.table .facility_infrastructure th, .table .facility_infrastructure td{ background-color: #FFF8E8;}/*基幹施設だけ色を変える*/

.table .cell_info,
.table .cell_info td{ background-color: #ECF0FF;}
.table_layout_01 .cell_info,
.table_layout_01 .cell_info td{ background-color: #FFFFE0;}
.table_layout_02 .cell_info,
.table_layout_02 .cell_info td{ background-color: #ECF0FF;}
.table_layout_03 .cell_info,
.table_layout_03 .cell_info td{ background-color: #ECFFF0;}

.table .cell_error,
.table .cell_error td{ background-color: #FFE0E0;}
.table .cell_alert,
.table .cell_alert td{ background-color: #FFF0E0;}
.table .cell_confirm,
.table .cell_confirm td{ background-color: #F0FFE0;}
.table .cell_null,
.table .cell_null td{ background-color: #DDDDDD;}

.view_border{}

.table .text-left{ text-align: left;}

/*横幅を固定しない場合*/
.table_auto, .main-contents .table_auto{
	width: auto;
}
.table .table_auto, .main-contents .table_auto{
	width: auto;
}

/*テーブルレイアウト3*/
.table_layout_03{
	border: 2px solid #002F9B;
	padding: 0;
	width: 100%;
	border-spacing: 0;
	border-collapse:separate;
	margin: 1.5em 0px 10px;
	box-shadow: 0 0px 6px rgba(0, 0, 256, 0.6);
 	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */   	
}
.main-contents.table_layout_03{
	width: calc( 100% - 15px);
	margin: 1.5em 15px 10px;
}
.table_layout_03 thead th{
	color: #FFFFFF;
	font-weight: normal;
	background-color:#002F9B;
}

.table_layout_03 tbody th{
	color: #FFFFFF;
	font-weight: normal;
	width: 6em;
	white-space: nowrap;
	padding-right: 10px;
	background-color:#002F9B;
}

.table_layout_03 thead th a, .table_layout_03 tbody th a,
.table_layout_03 thead th a:link, .table_layout_03 tbody th a:link,
.table_layout_03 thead th a:visited, .table_layout_03 tbody th a:visited
.table_layout_03 thead th a:hover, .table_layout_03 tbody th a:hover{
	color: #002F9B;
	font-weight:bold;
}
.table_layout_03 thead th a,
.table_layout_03 tbody th a,
.table_layout_03 tbody th span.popup{
	color: #002F9B;
	font-weight:bold;
}
.table_layout_03 thead th a.hover,
.table_layout_03 tbody th a.hover{
	text-decoration:none;
}
.table_layout_03 th, .table_layout_03 td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-right: 2px solid #002F9B;
	background-color: #FFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 64, 0.15) inset;
}
.table_layout_03 > thead > tr > th,
.table_layout_03 > tbody > tr > th,
.table_layout_03 > tfoot > tr > th,
.table_layout_03 > thead > tr > td,
.table_layout_03 > tbody > tr > td,
.table_layout_03 > tfoot > tr > td {
	vertical-align: middle;
	border-bottom: 2px solid #002F9B;
	border-top: 0px solid #002F9B;
}
.table_layout_03 tbody tr:last-child th,
.table_layout_03 tbody tr:last-child td{
	border-bottom: 0px none;
}
.table_layout_03 th:last-child,
.table_layout_03 td:last-child{
	border-right: 0px none;
}
.table_layout_03 th.right_line,
.table_layout_03 td.right_line{
	border-right: 1px solid #dddddd;
}
.table_layout_03 th:last-child.view_border_01,
.table_layout_03 td:last-child.view_border_01{
	border-right: 2px solid #002F9B;
}
.table_layout_03 th.view_border_02,
.table_layout_03 td.view_border_02
.table_layout_03 th:last-child.view_border_02,
.table_layout_03 td:last-child.view_border_02{
	border-right: 1px solid #dddddd;
}
.table_layout_03 th.hidden_border,
.table_layout_03 td.hidden_border,
.table_layout_03 th:last-child.hidden_border,
.table_layout_03 td:last-child.hidden_border{
	border-right: 0px none;
}

/*文字色*/
.text-red{ color: #FF0000;}
.text-blue{ color: #5c95c5;}

.text-large{ font-size: 18px;}
.text-xlarge{ font-size: 22px;}

/**/
footer{
	text-align: center;
	border-top: 1px solid #5c95c5;
	margin-top: 20px;
	padding-top: 6px;
}

/*ページトップへ*/
#page-top {
	position: fixed;
	margin:0;
	padding:10px;
	text-align:center;
	bottom: 10px;
	right: 10px;
	font-size:0.8em;
	background-color:#333333;
	border:#FFFFFF 2px solid;
	border-radius:10px;
}
#page-top span{
	font-size:3em;
}
#page-top a {
	color:#FFFFFF;
}
#page-top a:hover {
	color: #F5F065;
	text-decoration:none;
}


/*移動ボックス・ボタン*/
.btn_area{
	margin: 2em 15px 2em 15px;
}

.main-contents .btn_area{margin: 40px -10px; padding-left: 0; padding-right: 0;}
.btn_area .move-prev{ text-align: left;}
.btn_area .move-next{ text-align: right;}
.btn_area .move-middle{ text-align: center;}
.btn_area a.btn, .move input.btn{
	min-width: 10em;
	overflow: visible;
}
.btn_area a.btn .fa,
.btn_area a.btn .glyphicon{
	margin-right: 4px;
	font-size: 20px;
}
.btn_area .btn{ border-width: 1px; border-color: #dddddd;}
/*.btn_area a:hover{ background-color:#605B39; color: #FFFFFF;}*/

/*移動ボックス*/
/*
.move{margin: 40px 30px;}
.main-contents .move{margin: 40px -10px; padding-left: 0; padding-right: 0;}

.move .move-prev{
	text-align: left;
}
.move .move-next{
	text-align: right;
}
.move .move-middle{
	text-align: center;
}
.move a.btn, .move input.btn{
	min-width: 9em;
	overflow: visible;
}
.move a.btn .fa, .move a.btn .glyphicon{
	margin-right: 4px;
	font-size: 20px;
}
.move .move-full{
	margin-bottom: 20px;
}
.move-sm{
	margin-top: 10px;
	margin-bottom: 10px;
}

.move .btn{ border-width: 1px; border-color: #F4F4F4;}

.move .btn a:hover{ background-color: #504D36; color: #FFFFFF;}
*/


/* button */
/*.btn {
	background: #403D26;
	border: 1px solid #F4F4F4;
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	width: auto;
	height: auto;
	padding: 6px;
	text-align: center;
	letter-spacing: 0.1em;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {

}
.btn:hover,
.btn:focus,
.btn.focus {
	background: #403D26;
	color: #FFF;
}
.btn:active,
.btn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=85);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .85;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
	background: #403D26;
	border: 1px solid #F4F4F4;
	color: #FFF;
}
.btn-default:focus,
.btn-default.focus {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default:hover {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #FFF;
	background: #403D26;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background: #403D26;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
	background: #403D26;
	border: 1px solid #F4F4F4;
	color: #FFF;
}
.btn-primary:focus,
.btn-primary.focus {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-primary:hover {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: #FFF;
	background: #403D26;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background: #403D26;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,

.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-danger {
	background: #403D26;
	border: 1px solid #F4F4F4;
	color: #FFF;
}
.btn-danger:focus,
.btn-danger.focus {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-danger:hover {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
	color: #FFF;
	background: #403D26;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-back{
	background-color: #F4F4F4;
	color: #403D26;
	border: 1px solid #403D26;
	text-shadow: 0px 0px 4px rgba(255,255,255,1.0);
	box-shadow: 0px 0px 3px rgba(32, 31, 20, 1.0) inset;

}
.btn-back:hover,
.btn-back:active:hover,
.btn-back.active:hover,
.open > .dropdown-toggle.btn-back:hover,
.btn-back:active:focus,
.btn-back.active:focus,
.open > .dropdown-toggle.btn-back:focus,
.btn-back:active.focus,
.btn-back.active.focus,
.open > .dropdown-toggle.btn-back.focus {
	color: #FFF;
	background-color: #403D26;
	filter: alpha(opacity=85);
	opacity: .85;
	text-shadow: none;
}

.btn-csv{
	background-color: #33B066;
}
.btn-csv:focus, .btn-csv.focus {
	background-color: #0D9436;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-csv:hover {
	background-color: #0D9436;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-csv:active,
.btn-csv.active,
.open > .dropdown-toggle.btn-csv {
	background-color: #0D9436;
	filter: alpha(opacity=85);
	opacity: .85;
}
.btn-csv:active:hover,
.btn-csv.active:hover,
.open > .dropdown-toggle.btn-csv:hover,
.btn-csv:active:focus,
.btn-csv.active:focus,
.open > .dropdown-toggle.btn-csv:focus,
.btn-csv:active.focus,
.btn-csv.active.focus,
.open > .dropdown-toggle.btn-csv.focus {
	color: #FFF;
	background-color: #0D9436;
	filter: alpha(opacity=85);
	opacity: .85;
}
*/

/*固有のクラス*/
/*システム制作*/
.table.system_product{
	width: auto;
}
.table.system_product thead th,
.table.system_product thead td,
.table.system_product tbody th,
.table.system_product tbody td{
	background-color: transparent;
	border-bottom: 0px none;
	border-top: 0px none;
	padding-right: 2em;
	width: auto;
}
.table.system_product thead th{}
.table.system_product tdody td{}
.table.system_product{}

/*動画一覧*/
.table.table_tf_list{
	width: calc( 100% - 30px);
	border-bottom: 1px solid #CCC;
	margin: 0 15px;
}
.table.table_tf_list thead th,
.table.table_tf_list thead td,
.table.table_tf_list tbody th,
.table.table_tf_list tbody td{
	background-color: transparent;
	border-bottom: 0px none;
	border-top: 0px none;
	width: auto;
	vertical-align: top;
}
.table.table_tf_list tbody th{
	width: 256px;
	padding: 10px 0;
	border-top: 1px solid #CCC;
}
.table.table_tf_list th img{
	width: 256px;
}
.table.table_tf_list tbody td{
	width: auto;
	padding-left: 20px;
	vertical-align: top;
	border-top: 1px solid #CCC;
}
.table.table_tf_list tbody tr:first-child th,
.table.table_tf_list tbody tr:first-child td{
	border-top: 0px none;
}
.table.table_tf_list tbody tr th a{
	display: block;
	position: relative;
	width: 256px;
	height: 192px;
}
.table.table_tf_list tbody tr th a img:hover{
	opacity: 0.7;
}
.table.table_tf_list tbody tr th a div.movie_time{
	position: absolute;
	bottom: 5px;
	right: 5px;
	background: #002F9B;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	padding: 1px 3px;
}

.table.table_tf_list tbody tr td{
	display: block;
	position: relative;
	width: auto;
	height: auto;
}
.table.table_tf_list tbody tr td h4{
	font-weight: bold;
	margin: 2px 0;
	padding: 0;
	font-size: 1.35em;
}
.table.table_tf_list tbody tr.goukaku td h4{ /*合格している場合の動画タイトル表示調整*/
	margin-right: 3em;
}
.table.table_tf_list tbody tr td div.goukaku{ /*合格マーク*/
	display: block;
	position: absolute;
	right: 5px;
	top: 10px;
	background-color: #FF0033;
	color: #FFF;
	border-radius: 6px;
	padding: 1px 4px;
	font-size: 0.8em;
}
.table.table_tf_list tbody tr td h4 a{
	color: #002F9B;
}
.table.table_tf_list tbody tr td h4 a:hover{
	color: #444444;
	text-decoration: none;
}
.table.table_tf_list tbody tr td p{
	margin: 5px 0 0;
	font-size: 0.85em;
	color: #666;
}
.table.table_tf_list tbody tr td p.about{
	margin: 5px 0 0;
	font-size: 0.8em;
	color: #666;
}
.table.table_tf_list tbody tr td p.about span{
	margin-right: 1em;
}
.table.table_tf_list tbody tr td p.category{
	margin: 15px 0 0;
	color: #444;
}
.table.table_tf_list tbody tr td p.category span{
	display: inline-block;
	background-color: #002F9B;
	padding: 1px 6px 3px 6px;
	color: #FFF;
	margin-top: -2px;
	margin-left: 0.5em;
	font-size: 0.9em;
	border-radius: 6px;
}

.table.table_tf_list tbody tr td p.outline{
	margin: 0.5em 0 0;
	color: #444;
}

/*解答ページ*/
/*動画再生・解答欄*/
.movie_answer{}
.movie_answer textarea{
	width: 100%;
	overflow-y: scroll;
	border: 1px solid #336699;
	background-color: #efefff;
}

/*動画再生エリア*/
.movie_play{}
.movie_play .movie_area{
	padding: 0px;
}
.movie_play video{
	display: block;
	margin: 0 auto;
	width: 640px;
	height: 480px;
}
.movie_play h3{}
.movie_play textarea{
	height: 8em;
	margin-bottom: 20px;
}
.movie_play textarea:focus{
	border: 1px solid #6699CC;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px #336699;
}
/*設問欄*/
.movie_question{
}
.movie_question h3{
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}
.movie_question h4{
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
}
.movie_question h4 span{
	font-weight: normal;
	border-bottom: 0px none;
	font-size: 0.9em;
	color: #666;
}
.movie_question textarea{
	height: 5em;
	margin-top: 5px;
	font-size: 0.9em;
	line-height: 120%;
}
.movie_question .capture_img{
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.movie_question .capture_img img{
	width: 100%;
}
.movie_question .capture_img canvas#canvas{
/*	width: 640px;*/
	object-fit: contain;
	width: 180%;
}

/*解答確認画面*/
.shoken{}

.shoken h4{
	color: #002F9B;
}
.shoken h4 span{
	border-bottom: 0px none;
	font-weight: normal;
	font-size: 0.9em;
	color: #666;
}
.main-contents .shoken h4 + p{
	margin-top: 5px;
}
.shoken .cap_img{}
.main-contents .shoken .cap_img h4{
	margin-left: 0;
	padding-left: 0;
}
.shoken .cap_img img{
	width: 100%;
	margin-top: 4px;
}


/*採点エリア*/
.movie_score{}

.movie_score .resident_answer{}
.movie_score .resident_answer div{
	border: 1px solid #6699cc;
	background-color: #efefff;
	border-radius: 8px;
	padding: 8px 4px;
}
.movie_score .model_answer{}
.movie_score .model_answer div{
	border: 1px solid #66cc99;
	background-color: #efffef;
	border-radius: 8px;
	padding: 8px 4px;
}
.movie_score .data{}
.movie_score .data img{
	max-width: 100%;
	height: 160px;
	display: block;
	margin: 0 auto 10px;
}
/*採点者のエリア*/
.movie_score .grader{}
.movie_score .grader textarea{
	width: 100%;
	height: 6em;
	margin-bottom: 10px;
}


@media print {
	a[href]:after {
	content: ""!important;
}
	abbr[title]:after {
	content: ""!important;
}
	#page-top{
	display: none;
}
	.jumbotron,
	.main-contents{
	margin-left: 0px;
	margin-right: 0px;
}
	.container .row .col-md-10{
	width: 100%;
	padding: 0;
}

}

/*レスポンシブ対応*/
/*1200px以上の画面*/
@media (min-width: 1200px) {
/*	table.table{ width: 940px; margin: 0 auto;}
	input[type="text"] { width: 480px; }*/
	textarea { width: calc(100% - 6em); height:6em; border: 1px solid #336699;}
}
/*992pa～1199pxまでの画面(lg) */
@media screen and (min-width: 992px) and (max-width: 1199px){
	.container { width: auto;}
}
/*～1200pxの画面（md）*/
@media screen and (max-width: 1199px){
	input[type="text"] { width: 320px; /*background-color: #F0F0FF;*/}
/*	textarea { width: 320px;}*/
	.main-contents{ margin: 0 30px 30px;}
	.jumbotron { margin: 0 30px 20px;}

.container .jumbotron,
.container-fluid .jumbotron {
	padding: 8px 14px 0px;
	border-radius: 8px;
}

	h2{margin: 0 10px 20px;}
	.move{margin: 20px 10px;}
}

/*～992pxの画面（sm）*/
@media screen and (max-width:991px){
	input[type="text"] { width: 320px; /*background-color: #F0FFFF;*/}
	textarea { width: 280px;}
	.main-contents{ margin: 0 0px 30px;}
	.main-contents h3{margin-left: 0px;}
	h2{margin: 0 0px 20px;}
	.move{margin: 20px 0px;}
	.main-contents .move{margin: 20px 0px;}

	.navbar-nav > li > a {
		margin-top: 4px;
		padding: 8px 15px 0;
		/*height: 40px;*/
		border-left:hidden;
	}
	.navbar-nav > li:last-child > a {
		border-right:hidden;
	}

	.navbar ,.navbar-inverse{height: auto;}
	.navbar .navbar-brand { font-size: 15px; line-height: 140%; padding-top: 2px;}
	.navbar .navbar-brand span{ font-size: 15px; margin-right: 0.5em;}
	.navbar .navbar-brand span.mypage{ font-size: 24px; }
	.navbar-brand > img { height: 42px;}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: 0px none;
	}
	.navbar-toggle .icon-bar{ display: none;}
	.navbar-toggle-text{ display: block;}
}

/*～768pxの画面（xs）*/
@media screen and (max-width:767px){
	input[type="text"] { width: auto; /*background-color: #FFF0FF;*/}
	textarea { width: 180px;}
	.move{margin: 10px -10px;}
	
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 800px;
	}
}
/*～640pxの画面*/
@media screen and (max-width:640px){
	table.login{ width: 100%;}
}

@media screen and (max-width:480px){
	.navbar .navbar-brand { font-size: 11px; line-height: 190%; padding-top: 2px;}
	.navbar .navbar-brand span{ font-size: 11px; margin-right: 0.5em;}
	.navbar .navbar-brand span.mypage{ font-size: 24px; }
	.navbar-brand > img { height: 42px;}
	.navbar-toggle .icon-bar{ display: block;}
	.navbar-toggle-text{ display: none;}

.jumbotron {
	margin: 0 0px 20px;
}
.container .jumbotron,
.container-fluid .jumbotron {
	padding: 6px 10px 0px;
	border-radius: 8px;
}

}
@media screen and (max-width:320px){
}