.jumbotron__header {
    height: 66px;
}

.jumbotron__header .jumbotron__badge {
    width: 20px;
    height: 20px;
    position: relative;
    top: -74px;
    left: 825px;
    border-radius: 50%;
    background-color: #FF5050;
}

.jumbotron__header .jumbotron__badge a:hover {
    text-decoration: none;
}

.jumbotron__header .jumbotron__badge__count {
    width: 100%;
    line-height: 21px;
    text-align: center;
    font-size: smaller;
    color: #fff;
}

.jumbotron__header p.jumbotron__badge__count {
    float: initial;
}

.headerR__badge {
    width: 20px;
    height: 20px;
    position: relative;
    top: 38px;
    left: 428px;
    border-radius: 50%;
    background-color: #FF5050;
    z-index: 10;
}

.headerR__badge a:hover {
    text-decoration: none;
}

.headerR__badge__count {
    width: 100%;
    line-height: 21px;
    text-align: center;
    color: #fff;
}

#header div.headerR div.search p.rirekiBtn .btnSummarizeSS--new {
    border: 1px solid #237ecd;
    color: #237ecd;
    display: block;
    border-radius: 3px;
    overflow: hidden;
    font-weight: bold;
    box-sizing: border-box;
    height: 35px;
    padding-left: 34px;
    width: 129px;
    line-height: 33px;
    background: url(/images/common/icon_header_matomete_new.png) no-repeat 10px 9px;
}

#header div.headerR div.search p.rirekiBtn .btnSummarizeSS--new:hover {
    opacity: 0.7;
    text-decoration: none;
    background: url(/images/common/icon_header_matomete_new.png) no-repeat 10px 9px;
}

#header div.headerR div.search p.orderBtn .btnPamphletSSW--new {
    border: 1px solid #237ecd;
    color: #237ecd;
    display: block;
    border-radius: 3px;
    overflow: hidden;
    font-weight: bold;
    box-sizing: border-box;
    height: 35px;
    padding-left: 34px;
    padding-top: 3.4px;
    line-height: 13px;
    width: 150px;
    background: url(/images/common/icon_header_pamphlet.png) no-repeat 10px 10px;
}

#header div.headerR div.search p.orderBtn .btnPamphletSSW--new:hover {
    opacity: 0.7;
    text-decoration: none;
    background: url(/images/common/icon_header_pamphlet.png) no-repeat 10px 10px;
}

#header div.gnav .cat01 dd.btn01 {
    width: 85px;
}

#header div.gnav .cat01 dd.btn01 a {
    background: url(/images/common/btn_gnav_future.png) no-repeat left top;
}

#header div.gnav .cat01 dd.btn02 {
    width: 82px;
}

#header div.gnav .cat01 dd.btn02 a {
    background: url(/images/common/btn_gnav_self_analysis.png) no-repeat left top;
}

#header div.gnav .cat02 dd.btn03 {
    width: 56px;
}

#header div.gnav .cat02 dd.btn03 a {
    background: url(/images/common/btn_gnav_study.png) no-repeat left top;
}

#header div.gnav .cat02 dd.btn05 {
    width: 88px;
}

#header div.gnav .cat02 dd.btn05 a {
    background: url(/images/common/btn_gnav_workshikaku.png) no-repeat left top;
}

#header div.gnav .cat03 dd.btn01 {
    width: 89px;
}

#header div.gnav .cat03 dd.btn01 a {
    background: url(/images/common/btn_gnav_daitan.png) no-repeat left top;
}

#header div.gnav .cat03 dd.btn02 {
    width: 82px;
}

#header div.gnav .cat03 dd.btn02 a {
    background: url(/images/common/btn_gnav_vocational.png) no-repeat left top;
}

#header div.gnav .cat03 dd.btn03 {
    width: 132px;
}

#header div.gnav .cat03 dd.btn03 a {
    background: url(/images/common/btn_gnav_oc.png) no-repeat left top;
}

#header div.gnav .cat03 dd.btn04 {
    width: 89px;
}

#header div.gnav .cat03 dd.btn04 a {
    background: url(/images/common/btn_gnav_exam.png) no-repeat left top;
}

#header div.gnav .cat03 dd.btn05 {
    width: 125px;
}

#header div.gnav .cat03 dd.btn05 a {
    background: url(/images/common/btn_gnav_other.png) no-repeat left top;
}