/*==ナビゲーション全体の設定*/
nav{
  background:#fff;
  color:#194d97;
  text-align: left;
}
/*ナビゲーションを横並びに*/
nav ul{
  list-style: none;
  display: flex;
  justify-content: left;
}
/*2階層目以降は横並びにしない*/
nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li{
  position: relative;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
  display: block;
  text-decoration: none;
  color: #194d97;
  font-size:95%;
  font-weight:700;
  padding:7px 14px;
  transition:0.3s;
}

nav ul li li a{
  padding:7px 15px;
}

nav ul li a:hover{
  color:#fff;
  background-color:#194d97;
  text-decoration:none;
}



/*== 2階層目 */

/*下の階層を持っているulの指定*/
nav li.second_navi ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:-2px;
  top:50px;
  z-index: 4;
    /*形状を指定*/
  background:#194d97;
  width:240px;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .3s;
}

/*hoverしたら表示*/
nav li.second_navi:hover > ul,
nav li.second_navi ul li:hover > ul,
nav li.second_navi:active > ul,
nav li.second_navi ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.second_navi ul li a{
  color: #fff;
  border-bottom:solid 1px rgba(255,255,255,0.6);
}

nav li.second_navi ul li:last-child a{
  border-bottom:none;
}

nav li.second_navi ul li a:hover,
nav li.second_navi ul li a:active{
  background:#3577CA;
}



.menu_border{
	border-right:2px solid #194d98;
}