html {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}

/*/////////////////////スマホ版CSS/////////////////////*/
@media screen and (max-width:640px) {
  #menu_waku {display: none;}
  /* スマホメニュー*/
  #nav {
    width: 60em;
	height: 40px;
    top: 25%;
    left: 50%;
    margin-left: -30em;
    z-index: 1000;
  }
  #nav>a {display: none;}
  #nav li {position: relative;}
  #nav li a {
    color: #005aa7;
    display: block;
  }
  #nav li a:active {
    background-color: #ffffe0 !important;
  }
  .navmenu {
    font-size: 0.5em;
    color: #015AA7;
    margin-left: 0.5em;
	z-index: 3000;
  }
  #nav>ul {
    height: 3.75em;
    background-color: #FFFFFF;
  }
  #nav>ul>li {
    width: 25%;
    height: 100%;
    float: left;
  }
  #nav>ul>li>a {
    height: 100%;
    font-size: 1.5em;
    line-height: 2.5em;
    text-align: center;
  }
  #nav>ul>li:not( :last-child)>a {
    border-right: 1px solid #005aa7;
  }
  #nav>ul>li:hover>a, #nav>ul:not( :hover)>li.active>a {
    background-color: #ffffe0;
  }
  #nav li ul:not( :hover) li.active a {
    background-color: #ffffe0;
  }
  @media only screen and ( max-width: 62.5em) {
    #nav {
      width: 100%;
      position: static;
      margin: 0;
    }
  }
  @media only screen and ( max-width: 40em)
  {
    html {font-size: 75%;}
    #nav {
      position: relative;
      top: auto;
      left: auto;
    }
    #nav>a {
      width: 3.125em;
      height: 3.125em;
      text-align: left;
      text-indent: -9999px;
      background-color: #fff;
      position: relative;
    }
    #nav>a:before, #nav>a:after {
      position: absolute;
      border: 2px solid #005aa7;
      top: 35%;
      left: 25%;
      right: 25%;
      content: '';
    }
    #nav>a:after {
      top: 60%;
    }
    #nav:not( :target)>a:first-of-type, #nav:target>a:last-of-type {
      display: block;
    }
    #nav>ul {
      height: auto;
      display: none;
      position: absolute;
      left: 0;
      right: 0;
    }
    #nav:target>ul {
      display: block;
    }
    #nav>ul>li {
      width: 100%;
      float: none;
    }
    #nav>ul>li>a {
      height: auto;
      text-align: left;
      padding: 0 0.833em;
    }
    #nav>ul>li:not( :last-child)>a {
      border-right: none;
      border-bottom: 1px solid #fff;
    }
  }
  .minilogo {
    margin-left: 46px;
    margin-top: -40px;
	}
  .minilogo img{
	width:150px;
	heigh:50px; 
	}	  
  .minilogo2 {
    float: right;
    margin-top: -48px;
  }
  .minilogo3 {
    float: right;
    margin-right: 110px;
    margin-top: -60px;
  }
  .smart {
    position: fixed;
    /* ヘッダーの固定 */
    top: 0px;
    /* 位置(上0px) */
    left: 0px;
    /* 位置(右0px) */
    width: 100%;
    height: 40px;
    background: #fff;
    z-index: 1000;
  }
}

/*/////////////////////パソコン版CSS/////////////////////*/
@media screen and (min-width:641px) {
  #menu_waku {
    padding-top: 0px;
    text-align: center;
    margin: 0 auto;
    width: 930px;
    clear: both;
    z-index: 9000;
  }
  #menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #menu {
    width: 920px;
    position: relative;
  }
  #menu li {
    float: left;
    position: relative;
  }
  .btn {
    border-bottom: dashed 1px #005AA7;
	background-color: #FFFFFF;
  }
  .btn a {
    text-decoration: none;
  }
  .btn a:hover {
	background-color: #FFFABE;
  }
  #nav {display: none;}
  /*  メニュー横幅・*/
  .menu01 {
	  width: 150px;
	  height: 42px;
      padding-top: 20px;
	  font-size: 15px;
	  font-weight: 700;
	  letter-spacing: 4px;
	  color: #005AA7;
      border-left: solid 2px #005AA7;
	}
  .menu01 a{color: #005AA7;}
  .menu02 {
	  width: 150px;
	  height: 40px;
      padding-top: 20px;
	  font-size: 15px;
	  font-weight: 700;
	  letter-spacing: 4px;
	  color: #F20000;
	  background-color: #FFFABE;
      border-left: solid 2px #005AA7;
	}
  .menu02 a{color: #F20000;}
  .menu03 {
	  width: 150px;
	  height: 42px;
      padding-top: 20px;
	  font-size: 15px;
	  font-weight: 700;
	  letter-spacing: 4px;
	  color: #005AA7;
      border-left: solid 2px #005AA7;
	  border-right: solid 2px #005AA7;
	}
  .menu03 a{color: #005AA7;}
  /*  メニュー　sub */
  .menu01_sub {
    padding-top: 20px;
    width: 150px;
    display: none;
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 9000;
    font-size: 12px;
  }
  .menu01_sub li a {
	height: 42px;
    padding-top: 25px;
    display: block;
    width: 150px;
  }
  /*  メニュー  sub_3 */
  .menu01_sub4 {
    margin: 0px;
    width: 150px;
    display: none;
    position: absolute;
    top: 0px;
    left: 150px;
  }
  .smart {display: none;}

.shiyoubotan {
  margin-top: -12px;
  transition: all 0.1s;
}
.shiyoubotan:hover {
  transform: translate(0px, 5px);
}
	
}