@CHARSET "utf-8";

header {
    background: url("../img/bg_navi.gif") repeat-x bottom left;
    background-color: #fff;
	height: 120px;
}

header div.header-top {
    height: 73px;
}

header div.header-nav ul {
}

header div.header-nav ul li {
    float: left;
    display: block;
    width: 150px;
    height: 48px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

header div.header-nav ul li a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ffe;
}

header div.header-nav ul li a:hover {
    background-color: #eeeeee;
    border: 1px solid #EDF3FE;
}

header div.header-nav ul li ul {
    position: absolute;
    top: 115px;/*親メニューの高さと同じにする*/
    width: 150px;
    z-index: 100;
}
header div.header-nav ul li ul li {
    visibility: hidden;
    overflow: hidden;
    width: 150px;/*サブメニューの幅*/
    height: 0;
    background: #ffffff;/*サブメニューの背景色*/
    border: 1px solid #ffe;
}
header div.header-nav ul li ul li:hover, header div.header-nav ul li ul li a:hover {
      background:#eeeeee;/*ホバー時のサブメニューの背景色*/
    border: 1px solid #EDF3FE;
}
header div.header-nav ul li:hover ul li, header div.header-nav ul li a:hover ul li{
    visibility: visible;
    overflow: visible;
    height:40px;/*サブメニューの高さ*/
    z-index: 10;
    border: 1px solid #EDF3FE;
}

header div.header-nav * {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

header img.logo {
    width: 100px;
    margin-top: 18px;
}

header .login-info {
    float: right;
    margin-top: 25px;
    color: #555555;
    font-size: 13px;
}