#navi {
  position: relative;
  /*margin: 1em 0;
  height: 20px;*/
}
#menu {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
}
#menu li {
  float: left;
  /*width: 20%;*/
  text-align: center;
  position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
  z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
  padding-left: 8px;
  font-size:12px;
}
#menu li a {
  padding: 17px 18px !important;
  border-top: none;
  border-right: none;
  background: none;
  color: #333;
  display: inline-block;
  margin: auto;
}


#menu li.current0 a,#menu li.current1 a,#menu li.current2 a,#menu li.current3 a,#menu li.current4 a,#menu li.current5 a,#menu li.current6 a{
background: #023f82; /* Old browsers */
background: -moz-linear-gradient(top,  #023f82 0%, #002751 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #023f82 0%,#002751 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #023f82 0%,#002751 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023f82', endColorstr='#002751',GradientType=0 ); /* IE6-9 */

border-radius:3px;
color:#fff;
}

#menu li.current0 a::after,#menu li.current1 a::after,#menu li.current2 a::after,#menu li.current3 a::after,#menu li.current4 a::after,#menu li.current5 a::after,#menu li.current6 a::after{
  position: absolute;
  top: 99%;
  left:47%;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 10px solid #002751;
}

/**/
#menu li.current0 img.nav_active_icon,#menu li.current1 img.nav_active_icon,#menu li.current2 img.nav_active_icon,#menu li.current3 img.nav_active_icon,#menu li.current4 img.nav_active_icon,#menu li.current5 img.nav_active_icon,#menu li.current6 img.nav_active_icon{
    display: block !important;
    margin: 0 auto !important;
}

#menu li a:hover {
background: #023f82; /* Old browsers */
background: -moz-linear-gradient(top,  #023f82 0%, #002751 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #023f82 0%,#002751 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #023f82 0%,#002751 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023f82', endColorstr='#002751',GradientType=0 ); /* IE6-9 */

border-radius:3px;
  color: #a1c6ef;
}
#menu li a:active {
  color: #a1c6ef;
}
#menu li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 2em;
  left: 30%;
}
#menu li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
  float: none;  /*サブメニューはフロートさせないので解除*/
}
 
/*背景色などのカスタマイズ*/
.slicknav_nav li {
  border-top: 1px solid #023c7b;
}
/*.slicknav_menu {
  background-color: #1E1A42 !important;
}*/
.slicknav_menu .slicknav_icon-bar {
  background-color: #023c7b !important;
}
.slicknav_menu a:hover {
  color: #85A8FB !important;
}
/*.slicknav_btn {
  background-color: #00573d !important;
}*/
.slicknav_nav .slicknav_row:hover {
  background: #1E1A42 !important;
}
.slicknav_nav a:hover {
  background: #ccc !important;
	border-radius: 0px !important;
	color:#333 !important;
}
.slicknav_nav a {
color: #333 !important;
}
.slicknav_menu {
  background: #fff !important;
  padding:0 5px;
}
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-right {
  display: none;
}
#menu {
  display: none;
}

/*追加*/
.tel_btn_sp{
	margin: 8px 0;
}
.slicknav_menu .head_logo img{
  margin: 0 !important;
}
.slicknav_menu a.tel_btn_sp img{
  width: auto;
}

@media screen and (min-width : 1199px) {
  body {
    margin: 0;
  }
  #content {
    margin: 0;
  }
  #menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }
  i.fa.fa-caret-right {
    font-size: 14px;
    display: inline-block;
  }
}
/*印刷時非表示*/
@media print{
	.slicknav_menu{
		display: none;
	}
	#menu,.pull-left{
		display: block;
	}
}