@charset "utf-8";
/* CSS Document */

/* menu追加
------------------------------------------------------------*/
.spimg{display:none;}
#headerTopicContainer {
  position: relative;
}
#headerContainer {
  position: absolute;
  z-index: 100;
  width: 100%;
  background: rgba(248,247,240,0.9);
  behavior: url(PIE.htc);
height:51px;

}

.topinner {
  position: relative;
  max-width: 1100px;
  min-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}

/*ナビゲーションの装飾*/

#navigation ul{display: flex;justify-content: center;}

#navigation ul,
#navigation li {
  list-style: none;
  margin: 0;
  padding: 0;

}
#navigation li {display: flex;align-items: center;border-left:1px solid #e3e3e3;}
nav#navigation li:last-child{border-right:1px solid #e3e3e3;}
#navigation a{
  color: #3272BE;
  font-size: 100%;
font-weight:bold;
  line-height: 1;
  text-align: center;
  padding:20px 0px 15px;
width: 220px;
transition:all 0.3s;
}
#navigation a:hover {
  color: #fff;
  background: rgba( 0,80,178, 0.8);
}
#navigation li:last-child{border-right:1px dotted #fff;}


.menu_item{margin-top:10px;}
.menu_link{margin-bottom:20px;}
.menu_logo{margin:30px 0 50px;}
.menu_tel{float:right;padding:23px 0;}
.logoimg{float:left;padding:15px 0;}
.logoimg img{width:300px;}



/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.menu_tel{display:none;}
.logoimg{float:none;padding:15px 0;text-align:center;}

}