@charset "utf-8";

/* メインナビ
------------------------------------------------------------*/
#main_navi{
  width : 100%;
  height : 55px;
  
  float : left;
  position : relative;
  margin-top : -10px;

  z-index : 300;
}

#dropmenu{
  list-style-type: none;
  margin : 5px 5px 5px 0px;
  padding : 5px 2px 2px;
  height : 45px;
  background-color : #fff4d5;
  background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  border-radius: 3px 3px 3px  3px ;
-webkit-box-shadow: 2px 2px 3px #CCC; 
-moz-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
}

#dropmenu li{
  margin : 0px 1px 0px 5px;
  padding : 0px 0px 0px;
  text-align : center;
  float : left;
  position : relative;
  width : 16%;
  background-color : #fffdfb;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding : 15px 0px 13px;
  color : white;
  font-size : 15px;
  font-weight : bold;
  line-height: 1;
  text-decoration: none;
  background-color : #eda73d;
}#dropmenu li:hover > a{
	background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
  color : white;
  background-color : #fcbf7c;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  float : left;
  position : relative;
  background-color : white;
  background-image : none;
  width : 90%;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color : #666666;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top : 1px solid white;
  border-bottom : 1px solid white;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}





/* スマホ・タブレット用
------------------------------------------------------------*/
@media all and (max-width: 1019px) {

#main_navi{
  display:none; 　/* メインメニューを表示しない */
}

}


#level_navi{
  margin-bottom : 10px;
  margin-top : 10px;
}

#level_navi li a{
  font-size : 10.5pt;
  font-weight : bold;
  
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  color : gray;
}.children li a{
  font-size : 10.5pt;
  font-weight : normal;
  color : gray;
  background-image : url(../images/common/arrow_sub.png);
  background-repeat : no-repeat;
  background-position : 0px 3px;
  padding-left : 15px;
}

