.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
  padding-left: 0px;
		list-style: none;
		text-align: center;

      /*box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.0);
      -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.0);
      -moz-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.0);*/
    }

.menu > li {
    float: left;
    width: 12.5%;
    height: 50px;
    line-height: 50px;
    background:white;

	/*-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
		border-left:1px solid black;*/



}



.menu > li:first-child{
	border:0px;

}
.menu > li a {
    display: block;

}



ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;

}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background:rgba(228, 224, 130,0.5) ;
    -webkit-transition: all .2s;
    transition: all .2s;

}

.menu__second-level li {
    font-size: 1em;
}
.menu__second-level li:hover {
    background: #1290EB;


}


.menu__second-level li > a {

    font-size: 1em;
    font-weight: 300;
    text-align: left;
    padding-left: 5px;


}





.menu__third-level li {
    border-top: 1px solid white;
}


.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 15px 0 5px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
/*li:nth-child(2).menu__mega ul.menu__second-level  {
    position: absolute;
    top: 40px;
    left: 120px;
    box-sizing: border-box;
    width: 80%;
    padding: 20px 2%;
    background: rgb(70, 188, 238);
    -webkit-transition: all .5s linear, color .5s linear;
    transition: all .5s linear, color .5s linear;
		list-style-type: none;
		z-index: 0;
}*/


/*子孫メニューの色を帰る場合はここです。*/
li.menu__mega ul.menu__second-level  {
    position: absolute;
    top: 30px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background: rgba(70, 188, 238,1);
    -webkit-transition: all .5s linear, color .5s linear;
    transition: all .5s linear, color .5s linear;
		list-style-type: none;

}





li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 0.9;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}

.navi-top{
  position:relative;

}
.line {
  width:75%;
  height:5px;

  background:blue;
  display:none;
  /*visibility:hidden;*/
/*さいどめに��?ー*/
}
#actMenu dt{
    display:block;
    width:218px;
    height:30px;
    line-height:30px;
    text-align:left;
     margin-top:10px;
     background:rgb(10, 106, 205);
     color:white;

    border-bottom:#666 1px solid;
    cursor:pointer;
    }

#actMenu dt:hover{
  background: #072A24;
     -webkit-transition: all .5s;
    transition: all .5s;

}
#actMenu dt:before{

    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 15px 0 15px;
    border-right: 1px solid white;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#actMenu dd{

     width:218px;

    height:auto;
    line-height:50px;
    text-align:left;
    display:none;
    margin-left:0px;
    margin-bottom:10px;
    background: rgba(70, 188, 238,0.4);



    }
    #actMenu dd a{
      padding-left: 36px;
    }
    #actMenu dt.active{
     background: #072A24;

      border:0px;

    }
#actMenu .active:before{

    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 15px 0 15px;
    border-right: 1px solid white;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#actMenu span{
  display:block;
  height:30px;
  width:100%;
 border-bottom:1px solid gray;
 position:fixed;
 position:relative;
}
#actMenu  a{
  display:block;
  width:100%;
  text-decoration:none;
  line-height:1.5em;
  position:absolute;
  top:50%;
  margin-top:-0.9em;


}