#navigation {
	margin: 0;
	padding: 0;
	font-size: 12px;
	box-sizing: border-box;
}
#navigation ul {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#navigation ul li {
	width: 100%;
	/*margin: 0;*/
    margin: 0 0 2px;
	padding: 0;
	/*border-bottom: 1px solid #FFF;*/
}
/*#navigation ul li:first-child {
	border-top: 1px solid #C8DAF0;
	}
#navigation ul li:last-child {
	border-bottom: 1px solid #C8DAF0;
	}*/

#navigation ul li a {
	/*text-decoration: none;
	display: block;
	padding: 15px 10px;
	background: #C8DAF0;
    color: #004799; */
    color: #FFFFFF;
    border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  background-color: #053385;
  background-image: -webkit-linear-gradient(top, #05358a 0%, #18479a 48%, #053385 49%, #053385 82%, #063da0 100%);
  background-image: -moz-linear-gradient(top, #05358a 0%, #18479a 48%, #053385 49%, #053385 82%, #063da0 100%);
  background-image: -o-linear-gradient(top, #05358a 0%, #18479a 48%, #053385 49%, #053385 82%, #063da0 100%);
  background-image: linear-gradient(top, #05358a 0%, #18479a 48%, #053385 49%, #053385 82%, #063da0 100%);
  border-color: hsl(218, 28%, 27%);
  /*-webkit-box-shadow: inset 0 0 1px 1px #0959e7, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #0959e7, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #0959e7, 0 0 1px 3px rgba(0, 0, 0, 0.15);*/
  -webkit-text-shadow: 1px 1px 1px #010d23;
  -moz-text-shadow: 1px 1px 1px #010d23;
  -o-text-shadow: 1px 1px 1px #010d23;
  text-shadow: 1px 1px 1px #010d23;
    display:block;
	padding:12px 12px 11px 12px;
	text-decoration:none;
	line-height: 1.4em;
	/*border: 1px solid #0C2E45;*/
}
#navigation ul li a:hover {
	/*background: #FFF;
    color: #004799;*/
    color: #FFFFFF;
  background-color: #063b99;
  background-image: -webkit-linear-gradient(top, #063d9e 0%, #1c50ac 48%, #063b99 49%, #063b99 82%, #0745b4 100%);
  background-image: -moz-linear-gradient(top, #063d9e 0%, #1c50ac 48%, #063b99 49%, #063b99 82%, #0745b4 100%);
  background-image: -o-linear-gradient(top, #063d9e 0%, #1c50ac 48%, #063b99 49%, #063b99 82%, #0745b4 100%);
  background-image: linear-gradient(top, #063d9e 0%, #1c50ac 48%, #063b99 49%, #063b99 82%, #0745b4 100%);
  border-color: hsl(218, 28%, 31%);
  /*-webkit-box-shadow: inset 0 0 1px 1px #0a5ff5, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #0a5ff5, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #0a5ff5, 0 0 1px 3px rgba(0, 0, 0, 0.15);*/
  -webkit-text-shadow: 1px 1px 1px #021537;
  -moz-text-shadow: 1px 1px 1px #021537;
  -o-text-shadow: 1px 1px 1px #021537;
  text-shadow: 1px 1px 1px #021537;
}
/*#navigation ul li a:before {
	font-family: FontAwesome;
    padding-right: 5px;
    font-weight: normal;
	content : "\f105";
}*/

#navigation ul li a.cur {
	/*background: #144399;
    color: #FFF;*/
    /*color: #FFFFFF;
  background-color: #10267a;
  background-image: -webkit-linear-gradient(top, #0f2371 0%, #122A88 100%);
  background-image: -moz-linear-gradient(top, #0f2371 0%, #122A88 100%);
  background-image: -o-linear-gradient(top, #0f2371 0%, #122A88 100%);
  background-image: linear-gradient(top, #0f2371 0%, #122A88 100%);*/
    background: #FFF;
    color: #004799;
    text-shadow: none;
    border: 1px solid #9FBEE4;
    font-weight: bold;
}
#navigation ul li a.cur:before {
	font-family: FontAwesome;
    padding-right: 5px;
    font-weight: normal;
	content : "\f0da";
}

/* ------------------------------------------------------------------
 表示領域が991px以下の場合に適用するスタイル
------------------------------------------------------------------ */
@media screen and (max-width: 991px) {    
    #navigation ul li {
        margin: 0;
    }
}


#navbarNavDropdown li a:hover {
    color: #FFF;
}
#navbarNavDropdown li a {
  display: block;
  margin: 0;
  padding: 12px 0 12px;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

#navbarNavDropdown div.dropdown-menu {
	padding: 0;
}
#navbarNavDropdown div.dropdown-menu > a {
	padding: 13px 15px;
	background-color: darkgray;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}

#navbarNavDropdown  div > a {
	height: 38px;
	border-top: 1px solid #6B6B6B;
}

button.navbar-toggler {
    background: #122985;
    width: 100%;
	border-radius: 0;
}

button.navbar-toggler span {
	text-align: left;
	padding: 10px 15px 8px;
	display: block;
	content: '';
	cursor: pointer;
	color: #FFC;
    line-height: 1;
	right: 0;
    font-size: 1.6rem;
    font-weight: bold;
}

button.navbar-toggler span:before {
	font-family: FontAwesome;
    padding-right: 5px;
    font-weight: normal;
	content : "\f0c9";
}

/*small menu*/
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  vertical-align: middle;
	float: right;
	margin-top: 10px;
}

/*MENUアイコン*/
#nav-open span {
	position: absolute;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-radius: 0;
	display: block;
	content: '';
	cursor: pointer;
	color: white;
	border: solid 2px white;/*線*/
	right: 0;
}

a.btn-border {
  display: inline-block;
  width: 180px;
  text-align: left;
  border: 2px solid #036EB8;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
    background: #004799;
    text-align: center;
  color: #FFF;
}

a.btn-border:hover {
  background-color: #C6D5EE;
  border-color: #004799;
  color: #004799;
}
