/*-----------------------------------
ヘッダー パーツ
------------------------------------*/
header .headerUpper {
    background-color: #fff;
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #F2F2F2;
}

header .headerUpper.width01 ul {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    padding: 0px 20px;
}
header .headerUpper.width02 ul {
    box-sizing: border-box;
    margin: 0 auto;
    width: 960px;
}


header .headerUpper li {
    float: right;
}
header .headerUpper li:last-child {
    float: left;
}
header .headerUpper li a {
    font-size: 0.9em;
}

header .headerUpper li:first-child {
    margin-left: 10px;
    position: relative;
}
header .headerUpper li:first-child:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url("../../images/point_sprite.png") no-repeat;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
header .headerUpper li:first-child a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.08em;
}
header .headerUpper li:first-child a:hover{
    text-decoration: underline;
}

header .headerUpper li.login-before a{
    color: #29ABE2;
    font-weight: normal;
}

header .headerUpper li a .unit{
    font-size: 1.1em;
}

.headerUpper li a.logout{
    text-decoration: none;
    margin-left: 4px;
}
.headerUpper li a.logout:hover{
    text-decoration: underline;
}