@charset "utf-8";



/*　ヘッダー固定　*/
.head_fix{
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 99;
}

.wrap{
  padding-top: 200px;
}

/*　ヘッダー　*/
.header{width: 1024px; margin: 0 auto; overflow: hidden;}
.phone img {width: 100%; } 
.logo {width: 35%; float: left; margin-top: 28px;}
.uketuke {margin: 10px 0 16px 7%; width: 45%; float: left; overflow: hidden;}
.phone {width: 100%;}    
.shiryou{float: left; width: 49%; margin: 0; padding: 0}
.kensyu{float: right; width: 49%; margin: 0; padding: 0}
.phone img{ width: 100% margin: 0; padding: 0;}
.shiryou img{width: 100%;}
.kensyu img{width: 100%;}    
.login {margin-top: 10px; width: 8.5%; float: right;}


/* cross navi */
nav{width: 100%; height: 80px; background-color: #55B0EB;box-shadow: 0 3px 3px rgba(0,0,0,0.6);
z-index: 98;}
.dropmenu img{width: 18%;margin-bottom: 5px;}
.dropmenu{
    *zoom: 1;
    list-style-type: none;
    width: 1280px;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    z-index: 99;
  }
  .dropmenu:before, .dropmenu:after{
    content: "";
    display: table;
  }
  .dropmenu:after{
    clear: both;
  }
  .dropmenu li{
    position: relative;
    width: 16%;
    height: 60px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .dropmenu li a{
    display: block;
    margin: 0;
    padding: 10px 0 10px;
    background: #55B0EB;
    color: #fff;
    height: 60px;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
  }
  .dropmenu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 20px 0 0;
  }
  .dropmenu li ul li{
    width: 100%;
  }
  .dropmenu li ul li a{
    padding: 10px 0 10px;
    border-top: 1px solid #fff;
    line-height: 2em;
    background: #0075a9;
    text-align: left;
    height: auto;
  }
  .dropmenu li:hover > a{
    background: #0075a9;
  }
  .dropmenu li a:hover{
    background: #0075a9;
  }

  #dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: auto;
}

/* footer */
.footer{background-color: #efefef;}  
.footer_top{overflow: hidden; width: 976px; margin: 0 auto;  padding: 30px 24px;
    border-bottom:1px solid #666;}    
.footer_top_L{float: left; font-size: 18px; line-height: 1.8; padding-top: 20px;}     
.footer_top_R{float: right; width: 100px;}    
.footer_branch{overflow: hidden; width: 976px; margin: 0 auto;  padding: 30px 24px;} 
.footer_branch_block{float: left; width: 325px; font-size: 13px;}      
.footer_branch_block p{font-size: 20px; font-weight: bold; line-height: 1.4;}      
.footer_bottom{font-size: 10px; text-align: center;}          
    
    
#information dl{padding: 10px; border-bottom: thin solid #ccc;}
#information dt{font-weight: normal !important;color: #888;font-size: 0.8em;}
#information dd span{font-weight: bold;margin-bottom: 4px;} 
#information dd a{color: #0075a9;}