/* =============================================================================
   base-common
   ========================================================================== */
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
}

@media (min-width: 1200px) {
.container {
	width: 1170px;
}
}
.row {
	margin-bottom: 15px;
}
.row:last-child {
	margin-bottom: 0;
}
a {
	color: #009bd7;
	text-decoration: none;
}
.navbar-brand {
	height: auto;
	padding: 10px 15px;
}
.navbar-brand img {
	height: 40px;
}
.navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li>a:focus, .navbar-nav.navbar-right .open>a, .nav .open>a:hover, .navbar-nav.navbar-right .open>a:focus {
	text-decoration: none;
	background-color: #fff;
}
.navbar .open .dropdown-menu > li > a:hover, .navbar .open .dropdown-menu > li > a:focus, .navbar .open .dropdown-menu > .active > a, .navbar .open .dropdown-menu > .active > a:hover, .navbar .open .dropdown-menu > .active > a:focus {
	color: #fff !important;
	background-color: #009bd7 !important;
	background-image: none;
}
.navbar .open .dropdown-menu {
	border-width: 1px;
}

@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child {
	margin-top: 5px;
}
}
/* =============================================================================
   forntend
   ========================================================================== */
.front {
	background-color: #DBECFC;
	font-size: 14px;
}
.front .navbar-default {
	box-shadow: none;
	background-image: none;
	background-color: transparent;
	border: none;
	margin-bottom: 10px
}
.front .navbar-brand {
	float: left;
	padding: 15px;
	font-size: 16px;
	line-height: 20px;
	height: auto;
}
.front .navbar-nav > li > a {
	padding: 33px 15px;
	color: #428bca
}
.front .navbar-nav > li > a:hover {
	color: #2D6AA2
}
.front .content {
	background-color: #fff;
	border-radius: 6px;
	margin: 0 auto 30px;
}
.front .content-header {
	text-align: center;
	padding: 15px 30px;
	background-color: #337ab7;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff
}
.front .content-body {
	padding: 35px 30px;
}
.front .content-footer {
	text-align: center;
	padding: 10px 30px 30px;
}
.front .form-signin .content-footer {
	text-align: center;
	padding: 10px 0;
	margin-top: 20px;
}
.front .exam-body, .front .exam-footer {
	font-size: 14px;
}
.front .exam-body {
	padding: 0;
}
.front .exam-footer {
	padding: 30px 0 80px;
}
.front .exam-footer .progress {
	height: 8px;
	margin-bottom: 0;
	margin-top: 5px
}
.front .panel-body {
	padding: 20px 25px;
}
.front .panel-body ul li {
	margin-bottom: 15px;
}
.front .footer .logos {
	text-align: center;
	padding: 15px 0 0;
}
.front .footer .logos img {
	margin: 0 10px;
}
.front .footer .copyright {
	font-size: 11px;
	text-align: center;
	margin: 15px 0 30px;
}
.front .form-subtitle {
	background-color: #DBECFC;
	color: #337ab7;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.front .file-label {
	background-color: #f6f6f6;
	padding: 15px;
}
/* =============================================================================
   backend
   ========================================================================== */
.back {
	font-size: 13px;
	background-color: #fff;
	border-top: #009bd7 solid 5px;
}
.back .navbar {
	margin-bottom: 0;
	min-height: auto;
	border: none;
	border-radius: 0;
}
.back .navbar-inverse {
	background-image: none;
	background-color: #004679;
	border-color: #004679;
}
.back .navbar-inverse .navbar-brand, .back .navbar-inverse .navbar-text, .back .navbar-inverse .navbar-nav>li>a, .back .navbar-inverse .navbar-nav>li>a:hover, .back .navbar-inverse .navbar-nav>li>a:focus {
	color: #fff;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-image: none;
	filter: none;
	background-color: #00365E;
}
.navbar-inverse .open .dropdown-menu > li > a:hover, .navbar-inverse .open .dropdown-menu > li > a:focus {
	background-image: none;
	filter: none;
}
.back .content-header {
	background-color: #eee;
}
.back .content-header, .back .content-footer {
	padding: 15px 0;
}
.back .content-body {
	padding: 40px 0;
	margin-bottom: 30px;
}
.back .content-footer {
	text-align: center;
}
.back .result .form-group, .result .table {
	font-size: 12px;
}
.back .table>thead>tr>th, .back .table>tbody>tr>th, .back .table>tfoot>tr>th, .back .table>thead>tr>td, .back .table>tbody>tr>td, .back .table>tfoot>tr>td {
	padding: 10px 15px;
}
.back .navbar-middle {
	padding: 10px 0;
	background-color: #009bd7;
}
.back .navbar-middle .navbar-left {
	width: 300px;
}
.back .navbar-bottom {
	padding: 10px 0;
	background-color: #f6f6f6;
}
.back .breadcrumb {
	padding: 8px 15px;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	display: inline-block;
}
.back .breadcrumb>li+li:before {
	content: "\f054";
	font-family: fontawesome;
	padding: 0 10px;
	color: #ccc;
}
.back .btn-icon .fa {
	font-size: 16px;
	color: #009bd7;
	line-height: 1.4;
}
.back .content-header {
	padding: 10px 0;
	background-color: transparent;
}
.back .content-body {
	padding: 0px 0;
}

@media (min-width: 1200px) {
.back .result .container {
	width: auto;
}
}

@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
}
}
/* =============================================================================
   signin
   ========================================================================== */
.form-signin {
	margin: 30px auto;
}
.form-signin .form-signin-heading {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	color: #006DD9;
	font-size: 20px;
}
.form-signin .checkbox {
	margin-bottom: 10px;
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.over-scroll {
	width: 100%;
	height: 200px;
	overflow: auto;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
}
.form-signin input {
	margin-bottom: 20px;
}
.kiyaku h3 {
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 0;
}
.kiyaku p {
	font-size: 14px;
	margin-bottom: 1em;
}
.kiyaku p:last-child {
	margin-bottom: 0;
}

@media (min-width: 480px) {
.form-signin .form-signin-heading {
	font-size: 30px;
}
}

@media (min-width: 768px) {
.form-signin, .front .form-signin {
	max-width: 530px;
	padding: 30px;
	margin: 30px auto;
}
.back .form-signin {
	max-width: 400px;
	padding: 30px;
	margin: 30px auto;
}
}
/* =============================================================================
   form
   ========================================================================== */
.form-headline {
	font-size: 16px;
}
.form-action {
	text-align: center;
	border-top: 1px dotted #DDD;
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.table-actions {
	margin-bottom: 10px;
	margin-top: 60px;
}
.table-actions .col-md-12 {
	margin-bottom: 10px;
}
.label {
	font-size: 85%;
}
.term {
	margin-bottom: 10px;
}
.term:last-child {
	margin-bottom: 0;
}
.form-text {
	padding-top: 7px;
}
.form-control {
	padding: 6px;
	font-size: 12px;
}
input[type=text]+input[type=text] {
	margin-top: 10px;
}
.form-inline input[type=text]+input[type=text] {
	margin-top: 0;
}
.table td input[type=checkbox] {
	margin: 0;
}
.alert {
	padding: 10px 13px;
}
.table td input[type=checkbox] {
	margin-left: -20px;
}
.pagination {
	margin: 0;
}
.btn-lg, .btn-group-lg>.btn {
	padding: 10px 26px;
}
input[type=file] {
	margin-top: 7px;
}
.form-divider {
	padding: 0 5px;
}
.help-block {
	margin-bottom: 0;
}
.form-group:last-child {
	margin-bottom: 0;
}
.btn-info {
	background-image: -webkit-linear-gradient(top, #6BB9E7 0, #2189CA 100%);
	background-image: -o-linear-gradient(top, #6BB9E7 0, #2189CA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6BB9E7), to(#2189CA));
	background-image: linear-gradient(to bottom, #6BB9E7 0, #2189CA 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BB9E7', endColorstr='#2189CA', GradientType=0);
	background-repeat: repeat-x;
	border-color: #2189CA;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #2189CA;
	border-color: #2189CA;
}
/* =============================================================================
   table
   ========================================================================== */
.table:last-child {
	margin-bottom: 0;
}
.table-padding-lg>thead>tr>th, .table-padding-lg>tbody>tr>th, .table-padding-lg>thead>tr>td, .table-padding-lg>tbody>tr>td, .table-padding-lg>tfoot>tr>th, .table-padding-lg>tfoot>tr>td {
	padding: 15px
}
.table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>td {
	vertical-align: middle
}
.table .cell-number {
	width: 50px;
	text-align: center;
}
.table .cell-checkbox {
	width: 40px;
	text-align: center;
}
.table .cell-checkbox input[type=checkbox] {
	margin: 0;
}
.table .cell-action {
	width: 150px;
	text-align: center;
}
.table-list {
	padding: 0 15px;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
}
.table-list .row {
	border-bottom: 1px solid #dddddd;
}
.table-list .row:last-child {
	border: none;
}
.table-list .table-body {
	font-weight: bold;
	border-bottom: 2px solid #dddddd;
}
.table-list [class*=col-], .table-list [class*=col-] {
	padding: 10px 12px;
}
.table {
	background-color: #fff;
}
.front .table:last-child {
	margin-bottom: 0;
}
.table-layout-fix {
	table-layout: fixed;
}
.table-checked thead tr, .table-checked tfoot tr {
	color: #fff;
	background-color: #337ab7
}
.table-checked tbody .cell-radio, .table-checked input[type=radio] {
	cursor: pointer
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #FFF8BB;
}
.table-head-nowrap thead th {
	white-space: nowrap;
}
.w5p {
	width: 5%
}
.w10p {
	width: 10%
}
.w15p {
	width: 15%
}
.w20p {
	width: 20%
}
.w25p {
	width: 25%
}
.w30p {
	width: 30%
}
.w40p {
	width: 40%
}
.w50p {
	width: 50%
}
.w60p {
	width: 60%
}
.w70p {
	width: 70%
}
.w80p {
	width: 80%
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.table-responsive > .table {
	margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-responsive > .table > tbody > tr > td.cl-break {
	white-space: normal;
}
.table-responsive > .table-bordered {
	border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}
.table-height tbody td {
	height: 80px;
}
.table-height2 tbody td {
	height: 60px;
}
.table thead th {
	background-image: -webkit-linear-gradient(top, #fff 0, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 0, #eee 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#eeeeeeee', GradientType=0);
	font-weight: normal;
}
.table-bordered>thead>tr>th {
	border-bottom-width: 1px;
}
.table .cl-share, .table .cl-remove {
	width: 60px;
	text-align: center;
}
.table .cl-share .fa {
	font-size: 22px;
	color: #009bd7;
}
.table .cl-remove .fa {
	font-size: 22px;
	color: #E3090C;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	cursor: pointer;
}
.file-list-table .table>tbody>tr.highlight>td {
	background-color: #FFF8BB;
}
.cl-action {
	text-align: center;
}
.cl-break {
	word-break: break-all;
}
.table-responsive {
	overflow-y: scroll;
}
/* =============================================================================
   list style
   ========================================================================== */
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.highlight {
	background-color: #FFF8BB;
}
.panel-heading {
	padding: 0;
}
.panel-heading a {
	display: block;
	padding: 10px 15px;
}
.panel-heading a:hover, .panel-heading a:focus {
	text-decoration: none;
}
.panel-default>.panel-heading {
	background-image: -webkit-linear-gradient(top, #fff 0, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 0, #eee 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#eeeeeeee', GradientType=0);
	background-repeat: repeat-x;
}
/* =============================================================================
   modal
   ========================================================================== */
modal-footer {
	background-color: #f5f5f5;
	border-radius: 0 0 6px 6px;
}
.form-size-half {
	width: 50%;
}
.form-group {
	margin-bottom: 20px;
}
.form-option {
	margin-top: 15px;
}
/* =============================================================================
   exam
   ========================================================================== */
.exam-radio .list-group-item {
	padding: 0;
}
.exam-radio label {
	margin: 0;
	padding: 15px 35px;
	font-weight: normal;
	cursor: pointer
}
.exam-radio .list-group-item:first-child .highlight {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.exam-radio .list-group-item:last-child .highlight {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.exam-input .list-group-item {
	padding: 15px;
}
.exam-input .help-block {
	margin-bottom: 0
}
.exam-select .list-group-item {
	padding: 15px;
}
.highlight {
	background-color: #FFF8BB
}
.list-group:last-child {
	margin-bottom: 0
}
.list-group .list-group-heading {
	padding: 10px 15px;
	background-color: #337ab7;
	color: #fff;
}
.ans-situation .number {
	display: block;
	margin-bottom: 3px;
	font-size: 13px;
}
.ans-situation .table td {
	text-align: center;
	border-top: none;
	padding: 3px 8px 8px 8px;
}
.ans-situation .btn {
	padding: 8px 15px;
}
.timer {
	position: absolute;
	top: 8px;
	right: 15px;
}
.timer strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}
/* =============================================================================
   common
   ========================================================================== */
.page-title {
	font-size: 16px;
	color: #fff;
}
.panel-primary .panel-heading {
	background-color: #337ab7;
	background-image: none;
	position: relative;
}
.modal {
	overflow-y: hidden;
}
.modal-title {
	font-size: 14px;
}
.modal-body {
	max-height: 450px;
	overflow-y: auto;
}
.modal-footer {
	margin-top: 0;
}
.modal-backdrop.in {
	opacity: .3;
	filter: alpha(opacity=30);
}
.form-control[readonly] {
	background-color: #f6f6f6;
}
.form-control[readonly]:focus {
	box-shadow: none;
	border-color: #ccc;
}
.text-readonly {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
}
.text-lg {
	font-size: 20px
}
.text-md {
	font-size: 14px
}
.text-sm {
	font-size: 12px
}
ul, ol {
	padding-left: 20px;
}
.no-margin {
	margin: 0;
}
.padding {
	padding: 10px 0;
	margin: 0;
}
.padding-top {
	padding-top: 30px;
	margin: 0;
}
.padding-bottom {
	padding-bottom: 10px;
	margin: 0;
}
.margin-top {
	margin-top: 10px;
}
.margin-bottom {
	margin-bottom: 10px;
}
/* =============================================================================
   IE
   ========================================================================== */ 
.hide-label label {
	display: none;
}
.ie8 .hide-label label, .ie9 .hide-label label {
	display: block;
	margin-bottom: 3px;
}
.ie8 .hide-label input[type="text"], .ie9 .hide-label input[type="text"] {
	margin-bottom: 5px;
}
.ie9 .form-signin input[type="text"] {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.ie9 .form-signin input[type="password"] {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* =============================================================================
   print
   ========================================================================== */
@media print {
* {
	text-shadow: none !important;
	box-shadow: none !important;
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}