@charset "UTF-8";
/*------------------------------------------------------------
	追加スタイル（ベースはBootstrap4）
------------------------------------------------------------*/

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #003852;
    background-color: #9adeff;
    border-color: #85d8ff;
}

.alert-primary hr {
    border-top-color: #6cd0ff;
}

.alert-primary .alert-link {
    color: #00151f;
}

.badge-primary {
    color: #fff;
    background-color: #008ccd;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #00699a;
}

.bg-primary {
    background-color: #008ccd !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #00699a !important;
}

.border-primary {
    border-color: #008ccd !important;
}

.btn-primary {
    color: #fff;
    background-color: #008ccd;
    border-color: #008ccd;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0073a9;
    border-color: #00699a;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 140, 205, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #008ccd;
    border-color: #008ccd;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00699a;
    border-color: #005e8a;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 140, 205, 0.5);
}

.btn-outline-primary {
    color: #008ccd;
    background-color: transparent;
    border-color: #008ccd;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #008ccd;
    border-color: #008ccd;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 140, 205, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #008ccd;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #008ccd;
    border-color: #008ccd;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 140, 205, 0.5);
}

.list-group-item-primary {
    color: #003852;
    background-color: #85d8ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #003852;
    background-color: #6cd0ff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #003852;
    border-color: #003852;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #85d8ff;
}

.table-hover .table-primary:hover {
    background-color: #6cd0ff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #6cd0ff;
}

.text-primary {
    color: #008ccd !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #00699a !important;
}

/* 旧来からのスタイル　*/
body {
	padding-top: 100px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
body.default {
	background-color: #e1f5ff;
}
body.default .container {
	background-color: #ffffff;
}
body.default header {
	background-color: #e1f5ff;
	border-color: #e1f5ff;
}
body.default header nav {
	padding-top: 0;
    padding-bottom: 0;
}
body.default header > .container {
	background-color: #ffffff;
}
h3 {
	padding: 10px;
	border-bottom: 1px solid #008ccd;
	margin-bottom: 20px;
}
h4 {
    font-size:1.3rem;
	padding: 8px 12px;
	background-color: #eeeeee;
	border-radius: 3px;
	margin-bottom: 10px;
}
.alert {
	margin-top: 10px;
	margin-bottom: 15px;
}
.brand {
	height: 65px;
}
body.default .headerBar > .container {
	background-color: #008ccd;
}
body.default .headerBar .breadcrumb {
	margin-bottom: 0;
	border-radius: 0;
    padding-top: 3px;
    padding-bottom: 3px;
	background-color: #008ccd;
}
.headerBar .breadcrumb li a {
	color: #ffffff;
    text-decoration: none;
}
.headerBar .breadcrumb li.active {
	color: #ffffff;
	font-weight: bold;
}
@media (max-width: 991px) {
    .headerBar .breadcrumb li.active,
    .headerBar .breadcrumb li.active::before {
        display: none;
    }
}
dl#infoList a,
table#informationTable a,
table#bookTable a {
	color: #008ccd;
    text-decoration: none;
}
dl#infoList a:hover,
table#informationTable a:hover,
table#bookTable a:hover {
    text-decoration: underline;
}
.searchBox {
	margin-top: 20px;
	padding-bottom: 4px;
}
@media (max-width: 767px) {
	#advanced-search {
		margin-top: 20px;
	}
}
.pagination {
	margin-top: 0;
	margin-bottom: 0;
}
.pagination a {
	color: #008ccd;
}
.pagination .active > .page-link {
	background-color: #008ccd;
}
.paging > .pull-left > .pull-left {
	padding-right: 20px;
}

footer {
	border-top: 2px solid #008ccd;
	margin-top: 30px;
	padding-top: 10px;
	text-align: center;
}

/*============================================================
margin
============================================================*/
.mgt00{ margin-top: 0px !important; }
.mgt05{ margin-top: 5px !important; }
.mgt08{ margin-top: 8px !important; }
.mgt10{ margin-top: 10px !important; }
.mgt12{ margin-top: 12px !important; }
.mgt15{ margin-top: 15px !important; }
.mgt20{ margin-top: 20px !important; }
.mgt25{ margin-top: 25px !important; }
.mgt30{ margin-top: 30px !important; }
.mgt35{ margin-top: 35px !important; }
.mgt40{ margin-top: 40px !important; }
.mgt45{ margin-top: 45px !important; }
.mgt50{ margin-top: 50px !important; }

.mgb00{ margin-bottom: 0px !important; }
.mgb05{ margin-bottom: 5px !important; }
.mgb10{ margin-bottom: 10px !important; }
.mgb15{ margin-bottom: 15px !important; }
.mgb20{ margin-bottom: 20px !important; }
.mgb25{ margin-bottom: 25px !important; }
.mgb30{ margin-bottom: 30px !important; }
.mgb35{ margin-bottom: 35px !important; }
.mgb40{ margin-bottom: 40px !important; }
.mgb45{ margin-bottom: 45px !important; }
.mgb50{ margin-bottom: 50px !important; }

.mgl00{ margin-left: 0px !important; }
.mgl05{ margin-left: 5px !important; }
.mgl10{ margin-left: 10px !important; }
.mgl15{ margin-left: 15px !important; }
.mgl20{ margin-left: 20px !important; }
.mgl22{ margin-left: 22px !important; }
.mgl25{ margin-left: 25px !important; }
.mgl30{ margin-left: 30px !important; }
.mgl35{ margin-left: 35px !important; }
.mgl40{ margin-left: 40px !important; }
.mgl45{ margin-left: 45px !important; }
.mgl50{ margin-left: 50px !important; }

.mgr00{ margin-right: 0px !important; }
.mgr05{ margin-right: 5px !important; }
.mgr10{ margin-right: 10px !important; }
.mgr15{ margin-right: 15px !important; }
.mgr20{ margin-right: 20px !important; }
.mgr25{ margin-right: 25px !important; }
.mgr30{ margin-right: 30px !important; }
.mgr35{ margin-right: 35px !important; }
.mgr40{ margin-right: 40px !important; }
.mgr45{ margin-right: 45px !important; }
.mgr50{ margin-right: 50px !important; }

/*============================================================
padding
============================================================*/
.pdt00{ padding-top: 0px !important; }
.pdt05{ padding-top: 5px !important; }
.pdt10{ padding-top: 10px !important; }
.pdt12{ padding-top: 12px !important; }
.pdt15{ padding-top: 15px !important; }
.pdt20{ padding-top: 20px !important; }
.pdt25{ padding-top: 25px !important; }
.pdt30{ padding-top: 30px !important; }
.pdt35{ padding-top: 35px !important; }
.pdt40{ padding-top: 40px !important; }
.pdt45{ padding-top: 45px !important; }
.pdt50{ padding-top: 50px !important; }

.pdb00{ padding-bottom: 0px !important; }
.pdb05{ padding-bottom: 5px !important; }
.pdb10{ padding-bottom: 10px !important; }
.pdb15{ padding-bottom: 15px !important; }
.pdb20{ padding-bottom: 20px !important; }
.pdb25{ padding-bottom: 25px !important; }
.pdb30{ padding-bottom: 30px !important; }
.pdb35{ padding-bottom: 35px !important; }
.pdb40{ padding-bottom: 40px !important; }
.pdb45{ padding-bottom: 45px !important; }
.pdb50{ padding-bottom: 50px !important; }

.pdl00{ padding-left: 0px !important; }
.pdl05{ padding-left: 5px !important; }
.pdl10{ padding-left: 10px !important; }
.pdl15{ padding-left: 15px !important; }
.pdl20{ padding-left: 20px !important; }
.pdl25{ padding-left: 25px !important; }
.pdl30{ padding-left: 30px !important; }
.pdl35{ padding-left: 35px !important; }
.pdl40{ padding-left: 40px !important; }
.pdl45{ padding-left: 45px !important; }
.pdl50{ padding-left: 50px !important; }

.pdr00{ padding-right: 0px !important; }
.pdr05{ padding-right: 5px !important; }
.pdr10{ padding-right: 10px !important; }
.pdr15{ padding-right: 15px !important; }
.pdr20{ padding-right: 20px !important; }
.pdr25{ padding-right: 25px !important; }
.pdr30{ padding-right: 30px !important; }
.pdr35{ padding-right: 35px !important; }
.pdr40{ padding-right: 40px !important; }
.pdr45{ padding-right: 45px !important; }
.pdr50{ padding-right: 50px !important; }
