body {
    font-family:-apple-system, BlinkMacSystemFont, Roboto, "���S�V�b�N��", YuGothic, "Yu Gothic Medium", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family:-apple-system, BlinkMacSystemFont, Roboto, "���S�V�b�N��", YuGothic, "Yu Gothic Medium", sans-serif;
    font-weight:900;
   }

.about h2 {
   font-size:1.5em;
   padding-top: 1em;
}

.badge-pill {
   font-size: 0.8em;
}

a {
   color: #0000ff;
}

.active{
   border-bottom: 2px solid #ddd;
}

.navbar-dark .navbar-nav .nav-link {
   color:#ddd;
   padding-bottom: 0.1em;
}

.ex {
	background-color: #EEE;
	padding: 1em;
}

@media all and (-ms-high-contrast:none) {
h1, h2, h3, h4, h5, h6 {
	font-family:'Arial';
}
body {
	font-family:'Arial';
}
.modal-body .img-fluid{
	width:450px;
}
}

.navbar{
   font-size:105%;
}
.navbar-brand{
  font-size:130%;
}



.index-jumbo{
   background:url(../../img/etc/b-001.jpg) center no-repeat;
   background-size: cover;
   height:520px;
}

.name p.cap{
   font-size:22px;
   color:#961b0e;
}

.name h1{
   font-size:50px;
   color:#0a0017;
    margin-bottom:0;
}
.name p:nth-of-type(2){
    color:#524e5a;
}

.name p:last-of-type{
   color:#0a0017;
}
h5{
   color:#0a0017;
}
.index-h1{
   position:absolute;
   top:330px;
   padding:10px 0 10px 10%;
   width:100%;
   background-color:rgba(0,0,0,0.7);
   color:white;
   z-index:1;
}

a:hover{
	color:#333333;
}

p a:hover{
  color:#0063CC;
}

.footer-end{
   background-color:#284A66;
}
.sitepolicy a:hover{
   text-decoration:none;
}
.column-top{
   background-color:#284A66;
}

.list-group-item-info{
   background-color:#B3CCE6;
   color:#284A66;
}
.column-ul a li{
   color:#284A66;
}
.column-ul a li:hover{
   color:#284A66;
} 

.navbar{
   z-index:2;
   padding-top:0.7rem;
   padding-bottom:0.9rem;
   background-color:#284A66;
}

.dropdown-menu{
    min-width:20rem;    
}
.top-btn{
   background:#0F5499;
   border-color:#0F5499;
   color:white;
}

.top-btn:hover, .top-btn:focus{
   background:#1262b3;
   border-color:#1262b3;
   color:white;
}

.column-btn{
   color:#0F5499;
   border-color:#0F5499;
}
.column-btn:hover, .column-btn:focus {
   background-color:#0F5499;
   border-color:#0F5499;
   color:white;
}
.column-btn2{
	border-color:black;
	color:black;
}

.border{
   border-color:#778899;
   border-width:2px !important;
}
.etc-btn{
   border-color:#284A66;
   background-color:white;
   color:#284A66;
}
.etc-btn:hover{
   background-color:#284A66;
   color:white;
}
.chrono-btn{
   background-color:#284A66;
   color:white;
}
.chrono-btn:hover{
   background-color:#325d80;
   color:white;
}
.portrait{
   max-width:250px;
   width:100%;
}

.top-card{
   background-color:#0F5499;
}

.top-card:hover{
   text-decoration:none;
   background-color:#1262b3;
}
hr{
   border-color:#778899 !important;
}
#page-top {
    position: fixed;
    bottom: 0px;
    right: 7%;
    line-height:1.4;
    margin-bottom:10px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 9px 12px;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin:0;
    font-size:0.8rem;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
th{
    width:6em;
}
.z-table h4{
    color:#961b0e;
    text-align:right;
}