@charset "utf-8";
/*** social btn st***/

@import url(social_btn.css);

/************header**************/
/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    body {
        font-family: ms pgothic;
    }
}

#header-wrap #header {
    width: 980px;
    height: 63px;
    background: url(/img/top_tagline2.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: none;
    text-align: right;
}
#header-wrap #head_bg {
    background: url(/img/bg_glonavi_u.gif);
    background-repeat: repeat-x;
    margin-bottom: 5px;
    padding: 0px;
    height: 35px;
}
#header-wrap #menu_head {
    height: 35px;
    width: 980x;
    margin-left: 10px;
    padding: 0px;
    border: none;
}
#header-wrap #b1 {
    background: url(/img/gnavi/u_menu01_off.gif);
    text-indent: -5000px;
}
#header-wrap a#b1:hover {
    background: url(/img/gnavi/u_menu01_on.gif);
}
#header-wrap #b2 {
    background: url(/img/gnavi/u_menu02_off.gif);
    text-indent: -5000px;
}
#header-wrap a#b2:hover {
    background: url(/img/gnavi/u_menu02_on.gif);
}
#header-wrap #b3 {
    background: url(/img/gnavi/u_menu03_off.gif);
    text-indent: -5000px;
}
#header-wrap a#b3:hover {
    background: url(/img/gnavi/u_menu03_on.gif);
}
#header-wrap #b4 {
    background: url(/img/gnavi/u_menu04_off.gif);
    text-indent: -5000px;
}
#header-wrap a#b4:hover {
    background: url(/img/gnavi/u_menu04_on.gif);
}
#header-wrap #b5 {
    background: url(/img/gnavi/u_menu05_off.gif);
    text-indent: -5000px;
}
#header-wrap a#b5:hover {
    background: url(/img/gnavi/u_menu05_on.gif);
}
#header-wrap dl#menu {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    /*top:63;*/
    z-index: 100;
}
#header-wrap dl#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header-wrap dl#menu dd {
    float: left;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
}
#header-wrap dl#menu dd ul {
    background-color: #99CCFF;
    display: none;
    position: absolute;
    top: 35px;
    z-index: 2;
    margin: 0;
}
#header-wrap dl#menu dd ul a {
    font-size: 72%;
    color: #003399;
    height: 18px;
    text-align: left;
    padding: 5px;
    /*width: 136px;*/
    text-decoration: none
}
#header-wrap dl#menu dd ul a.hierarchy {
    background: url(/img/gmArrow.gif) 120px center no-repeat;
}
#header-wrap dl#menu dd ul li.rollOver {
    background-color: #184ce7;
}
#header-wrap dl#menu dd ul li.rollOver a.rollOverA {
    color: #FFFFFF;
}
#header-wrap dl#menu dd ul li {
    position: relative;
    /*border: solid 1px;*/
    border-color: #ffffff;
    margin: 0;
}
#header-wrap dl#menu dd ul li ul {
    display: none;
    position: absolute;
    top: 1px;
    left: 136px;
    z-index: 3;
}
/************search**************/
#header-wrap #menu_td {
    position: relative;
}
#header-wrap div#search {
    position: absolute;
    top: -23px;
    left: 740px;
}
#header-wrap div#search2 {
    position: absolute;
    top: 40px;
    left: 740px;
}
#header-wrap form.search {
    margin: 0;
}
#header-wrap div#action_btn {
    position: relative;
    top: 3px;
    _top: 5px;
    left: 0px;
    width: 290px;
    height: 25px;
}
#header-wrap div#btnAction {
    float: right;
    /*	margin-top:13px; */
    margin-top: 11px;
}
#header-wrap div#btnAction ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header-wrap div#btnAction ul li {
    float: left;
    /*	margin:0 4px 0 0; */
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 1em;
}
#header-wrap .hide {
    display: none;
}
#header-wrap a {
    color: #0066CC;
}
#header-wrap p {
    font-size: 0.78em;
    line-height: 1.4em;
}
#header-wrap strong {
    font-weight: bold;
}
#header-wrap .bold {
    font-weight: bold;
}
#header-wrap .black {
    color: #000000;
}
#header-wrap .blackb {
    color: #000000;
    font-weight: bold;
}
#header-wrap .blue1 {
    color: #0099ff;
}
#header-wrap .blue1b {
    color: #0099ff;
    font-weight: bold;
}
#header-wrap .blue2 {
    color: #336699;
}
#header-wrap .blue2b {
    color: #336699;
    font-weight: bold;
}
#header-wrap .blue3 {
    color: #33CCFF;
}
#header-wrap .blue3b {
    color: #33CCFF;
    font-weight: bold;
}
#header-wrap .red1 {
    color: #FF0000;
}
#header-wrap .red1b {
    color: #FF0000;
    font-weight: bold;
}
#header-wrap .grays {
    color: #666666;
}
#header-wrap .graysb {
    color: #666666;
    font-weight: bold;
}
#header-wrap .pink {
    color: #FF3399;
}
#header-wrap .nopadding {
    margin: 0px;
    padding: 0px;
}
#header-wrap #top {
    float: right;
    margin-top: 10px;
}
#header-wrap #top a {
    color: #666666;
    text-decoration: underline;
}
#header-wrap #toponly {
    margin-top: 5px 0px 10px 0px;
    text-align: right;
}
#header-wrap #toponly a {
    color: #666666;
    text-decoration: underline;
}
#header-wrap #baner {
    padding: 0px;
}
#header-wrap #baner p {
    padding: 0px;
    margin-bottom: 3px;
    text-align: center;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
}
#header-wrap ol {
    margin-left: 22px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#header-wrap ul {
    margin-left: 17px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#header-wrap li {
    margin-bottom: 5px;
}
#header-wrap .bec {
    list-style-position: outside;
    margin-left: 17px;
    list-style-image: url(../images/mark1.gif);
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-right: 0px;
}
#header-wrap .bec a {
    text-decoration: none;
}
#header-wrap .em078 {
    font-size: 0.78em;
    line-height: 1.5em;
}
#header-wrap .pankuzu {
    font-size: 0.7em;
    padding: 15px 5px 10px;
}
#header-wrap h1 {
    margin: 0px;
    padding: 0px;
}
#header-wrap .em08 {
    font-size: 0.85em;
    line-height: 1.5em;
}
#header-wrap .em1 {
    font-size: 1em;
    line-height: 1.5em;
}
#header-wrap .space {
    margin: 10px;
}
#header-wrap .space20 {
    margin: 20px;
}
#header-wrap .em07 {
    font-size: 0.7em;
    line-height: 1.2em;
}
#header-wrap .imgborder {
    padding: 3px;
    border: 1px solid #CCCCCC;
}
#header-wrap .borderdots {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #86AED6;
}
#header-wrap .bottonbg {
    background-image: url(../images/b_bg.gif);
    background-repeat: repeat-x;
}
#header-wrap .white {
    color: #FFFFFF;
}
#header-wrap .nomark {
    list-style-type: none;
}
#header-wrap .green {
    color: #009933;
}
#header-wrap .orange {
    color: #FF6600;
}
#header-wrap .credit {
    font-size: 0.7em;
    line-height: 1em;
    margin: 2px 0px 0px;
    text-align: right;
    padding: 0px;
}
#header-wrap .blue4 {
    color: #003399;
}
#header-wrap .nounderline {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#header-wrap .boxblue2 {
    background-color: #EBF5FF;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    display: block;
    width: auto;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
#header-wrap .clear {
    clear: both;
}
#header-wrap .space40 {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
}
#header-wrap div#utilityarea {
    position: absolute;
    top: 105;
    left: 800;
    width: 190;
    height: 600;
    background: #ffffff;
}
/* 世界の子どもたちフォントサイズ変更対応090123 */
#header-wrap .bec3 {
    list-style-position: outside;
    margin-left: 17px;
    list-style-image: url(../images/mark1.gif);
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-right: 0px;
}
#header-wrap .bec3 a {
    text-decoration: none;
}
#header-wrap .bec3 li {
    margin-bottom: 10px;
}
/* 091019追加　グロナビ1行に入らないもの用のフォント下げ*/
#header-wrap dl#menu dd ul .small {
    font-size: 98%;
}

/* メガドロップダウン追加 */
#header-wrap .gronavi {
    background-color: #0099ff;
    width: 980px;
    position: relative;
    margin: 0;
    padding: 0;
    color: #6a6a6a;
    font-size: 0.8rem;
    font-size: 0.8em \9;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    z-index: 100;
}
#header-wrap .gronavi h2 {
    font-size: 1.1rem;
    margin: 10px 0;
    font-weight: bold; /* 20210719追加 */
}
#header-wrap .gronavi p {
    font-size: 0.8rem;
    line-height: 1.5em;
}
#header-wrap .gronavi > ul,
#header-wrap .gronavi > ol,
#header-wrap .gronavi > li {
    margin: 0;
    padding: 0;
    list-style: inside none none;
    font-size: 0.8rem;
}
#header-wrap .gronavi ul {
    margin: 0 \9;
    padding: 0 \9;
    list-style: inside none none \9;
    font-size: 14px \9;
}
#header-wrap .mdrop_main,
#header-wrap .gronavi_faq {
    color: #fff;
    text-decoration: none !important;
}
#header-wrap .mdrop_main:link,
#header-wrap .gronavi_faq:link {
    color: #fff;
}
#header-wrap .mdrop_main:visited,
#header-wrap .gronavi_faq:visited {
    color: #fff;
}
#header-wrap .li_mdroplist {
    margin: 0;
    padding: 0;
    list-style: inside none none;
    font-size: 0.8rem;
}
#header-wrap .gronavi a {
    text-decoration: none;
    color: #003366;
}
#header-wrap .gronavi a img {
    border: 0 none;
}
#header-wrap .gronavi > li {
    display: block;
    float: left;
    color: #fff;
    background-color: #0173de;
    margin: 0 0 0 1px;
    cursor: pointer;
}
#header-wrap .li_mdroplist, .gronavi_faq_li {
    display: block;
    float: left;
    color: #fff;
    background-color: #0173de;
    margin: 0 0 0 1px;
    cursor: pointer;
}
#header-wrap .gronavi_faq {
    padding: 10px 30px 9px 15px;
    color: #fff;
    display: block;
}
#header-wrap .gronavi > li > a {
    padding: 10px 30px 9px 15px;
    color: #fff;
    display: block;
}
#header-wrap .li_mdroplist a {
    padding: 10px 30px 9px 15px;
    color: #fff;
    display: block;
}
#header-wrap .li_home {
    display: block;
    float: left;
    padding: 5px 0 0 0;
    margin: 0;
    width: 40px;
    text-align: center;
}
#header-wrap .li_home img {
    margin-top: 4px;
    margin-top: 0px \9;
    margin-bottom: 2px \9;
}
#header-wrap .li_home a {
    padding: 0 !important;
    background: #09F;
}
#header-wrap .li_home i {
    font-size: 1.5em;
    color: #fff;
    display: block;
    font-size: 1.8em;
    padding: 6px 15px;
    background-color: #0099ff;
}
#header-wrap .li_search {
    background-color: #09f;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0;
}
#header-wrap .arrowdown {
    padding: 0 0 0 8px;
    position: absolute;
    top: 10px;
    font-size: 1.5em;
}
#header-wrap .gronavi_faq_li a {
    color: #fff;
}
#header-wrap .searchbox {
    float: right;
    margin: 0;
    border: 0 none;
    border-collapse: collapse;
    background: #45b5ff;
    border-radius: 2px;
}
#header-wrap .searchbox input {
    border: 0 none;
    background: #45b5ff;
}
#header-wrap .searchbox input[type="text"] {
    height: 35px;
    width: 170px;
}

/* メガドロップダウン */
#header-wrap ul#gronavi li .sub {
    position: absolute; /*--ここ大事--*/
    top: 46px; left: 0;
    padding: 20px;
    padding: 20px 7px \9;
    float: left;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none; /*--JSオフ時に表示されないようにします--*/
    background: #fff;
    color: #333;
    border-top: 0 none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 3px 3px 3px #ddd;
    width: 940px;
    z-index: 100;
}
@media all and (-ms-high-contrast: none) {
    #header-wrap ul#gronavi li .sub { top: 44px }
    /* IE10 */
    #header-wrap .gronavi_faq_li {padding-top: 1px !important;}
    /* IE10 */
}
#header-wrap ul#gronavi li .sub p {
    line-height: 1.6em !important;
    font-size: 12px;
}
#header-wrap ul#gronavi li .row {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#header-wrap ul#gronavi li .sub ul {
    list-style: none;
    float: left;
}
#header-wrap ul#gronavi .sub ul li h2 {
    padding: 0; margin: 0;
    font-size: 1.3em;
    font-weight: normal;
}
#header-wrap ul#gronavi .sub ul li h2 a {
    padding: 5px 0;
    background-image: none;
    color: #e8e000;
}
#header-wrap ul#gronavi .sub ul li a {
    float: none;
    text-indent: 0; /*--text-indent戻します--*/
    height: auto;
    display: block;
    text-decoration: none;
    padding: 0;
}
#header-wrap ul#gronavi .sub ul li a:hover {
    background-position: 5px 12px;
}
#header-wrap .sub {
    cursor: auto;
}
#header-wrap .brdr {
    border-top: 1px dotted #999;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding-top: 10px;
}
#header-wrap .sub li {
    font-size: 0.85rem;
    font-weight: bold;
}
#header-wrap .sub a {
    color: #09f;
    text-decoration: none !important;
}
#header-wrap .sub a:hover {
    color: #f55c00;
}
#header-wrap .sub a:hover img {
    opacity: 0.7;
}

/* メガドロップダウン/ユニセフについて */
#header-wrap .mdrop_about1 {
    width: 175px;
    float: left;
    padding: 0 10px 0 0;
}
#header-wrap .mdrop_about1 a {
    padding-right: 10px
}
#header-wrap .mdrop_about1 h2 a {
    padding: 10px 0 0 0px;
}
#header-wrap .mdrop_about1 p {
    margin-top: 0;
}
#header-wrap .mdrop_about_waku {
    float: left;
    border-top: 0 none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0 none;
    padding: 0 10px;
}
#header-wrap .sub h2 a {
    color: #09f;
    font-size: 15px;
}
#header-wrap .mdrop_about2 {
    width: 270px;
    float: left;
}
#header-wrap .mdrop_about2_txt {
    height: 110px;
    padding-top: 10px;
}
#header-wrap .mdrop_about2_txt a {
    padding: 5px;
}
#header-wrap .mdrop_about2_txt a:hover {
    color: #4db8ff;
}
#header-wrap .mdrop_about2 h2 {
    padding: 0 0 0 8px;
}
#header-wrap .mdrop_about2 ul {
    margin-left: 0;
}
#header-wrap .mdrop_about2 ul li {
    display: block;
    float: left;
    margin: 0 5px 0px 0;
    text-align: center;
    width: 86px;
    width: 80px \9;
    font-size: 14px;
}
#header-wrap .mdrop_about2 ul li.last {
    margin: 0 !important;
}
#header-wrap .mdrop_about2 ul li img {
    margin: 0 3px;
}
#header-wrap .mdrop_about3 {
    width: 245px;
    float: left;
    padding: 0 0 0 20px;
}
#header-wrap .mdrop_about3 a {
    padding-right: 0;
}
#header-wrap .mdrop_about3 img {
    border: 0 none;
}
#header-wrap .mdrop_about4 {
    width: 170px;
    float: left;
    padding: 0 0 0 10px;
}
#header-wrap .mdrop_about4 a {
    padding-right: 0;
}
/* メガドロップダウン/募金・支援 */
#header-wrap .mdrop_coop1 {
    width: 170px;
    float: left;
    padding: 0;
}
#header-wrap .mdrop_coop1 h2 {
    padding: 10px 0;
}
#header-wrap .mdrop_coop1 a {
    padding-right: 0px;
}
#header-wrap .mdrop_coop_waku {
    border-top: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0 10px;
    height: 275px;
}
#header-wrap .mdrop_coop2 {
    width: 362px;
    float: left;
}
#header-wrap .mdrop_coop2 a {
    padding: 0;
}
#header-wrap .mdrop_coop3 {
    width: 200px;
    float: left;
}
#header-wrap .mdrop_coop3_inline {
    display: inline !important;
}
#header-wrap .mdrop_coop4 {
    width: 160px;
    height: 275px;
    float: left;
    padding: 0 0 0 5px;
}
#header-wrap .mdrop_coop4 a {
    padding: 0;
}
#header-wrap .mdrop_coop2_donabtn img {
    margin: 10px 3px;
}
#header-wrap .mdrop_coop2a {
    float: left;
}
#header-wrap .mdrop_coop2a ul {
    margin-left: 0;
    padding-left: 0;
}
#header-wrap .mdrop_coop2a li {
    border-top: 1px dotted #999;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding: 15px 5px;
    margin-left: 0;
    width: 150px;
    width: 130px \9;
    height: 30px;
}
#header-wrap .mdrop_coop2b {
    float: left;
}
#header-wrap .mdrop_coop2b ul {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 1px solid #ddd;
    border-bottom: 0 none;
}
#header-wrap .mdrop_coop2b li {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding: 15px 5px 5px;
    width: 160px;
    width: 140px \9;
    height: 30px;
    margin-left: 0;
}
#header-wrap .mdrop_coop2b li.last {
    height: auto;
    padding: 0 !important;
    border-top: 0 none !important;
}
#header-wrap .mdrop_coop2b li.last p {
    margin: 5px 0;
    color: #333;
    font-size: 0.8rem;
    font-weight: normal;
    text-align: center;
}
#header-wrap .mdrop_coop3 ul {
    padding: 15px 10px 0 0;
    border-right: 1px solid #ddd;
    border-top: 0 none;
    border-left: 0 none;
    border-bottom: 0 none;
}
#header-wrap .mdrop_coop3 li {
    border-bottom: 1px solid #ddd;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding: 15px 3px;
    margin: 0;
    width: 160px;
    height: 30px;
}
#header-wrap .mdrop_coop3 li:first-child {
    height: auto;
    padding: 0 5px 5px 0;
}
#header-wrap .mdrop_coop3 li:first-child img {
    padding-left: 5px;
}
#header-wrap .mdrop_coop3 li:last-child {
    border-bottom: 0 none;
}
#header-wrap .mdrop_coop3 img {
    vertical-align: middle;
    padding-left: 10px;
}

/* メガドロップダウン/世界の子どもたちを知る */
#header-wrap .mdrop_chld1 {
    width: 160px;
    float: left;
    padding: 0 10px 0 0;
    padding: 0 0px 0 0 \9;
}
#header-wrap .mdrop_chld1 a,
#header-wrap .mdrop_chld2 a,
#header-wrap .mdrop_chld3 a,
#header-wrap .mdrop_chld4 a,
#header-wrap .mdrop_chld5 a {
    padding: 0;
}
#header-wrap .mdrop_chld2 {
    width: 195px;
    width: 170px \9;
    float: left;
}
#header-wrap .mdrop_chld3 {
    width: 160px;
    float: left;
    margin: 30px 0 0 0;
    padding: 0 7px 0 15px;
}
#header-wrap .mdrop_chld4 {
    width: 170px;
    width: 160px \9;
    float: left;
    padding: 0 10px 40px 10px;
    padding: 0 10px 40px 0px \9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#header-wrap .mdrop_chld5 {
    width: 170px;
    width: 150px \9;
    float: left;
    padding: 0 0 0 15px;
    padding: 0 0 0 0px \9;
    margin: 0;
}
#header-wrap .mdrop_chld5 img {
    margin: 0;
    padding: 0;
}
#header-wrap .mdrop_chld2 p {
    color: #777;
    font-size: 1.1rem !important;
    font-weight: bold;
    margin: 25px 10px 10px 15px;
}
#header-wrap .mdrop_chld2 ul {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0 none;
    border-bottom: 0 none;
    padding: 0 10px 0 10px;
    padding-left: 0 \9;
}
#header-wrap .mdrop_chld2 li {
    border-bottom: 1px solid #ddd;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding: 0 5px 15px 5px;
    margin: 0;
    width: 150px;
}
#header-wrap .mdrop_chld2 li.last {
    border-bottom: 0 none;
    padding: 15px 5px 10px 5px;
}
#header-wrap .mdrop_chld4 ul {
    margin: 0 0 0 10px;
    margin: 0 0 0 0px \9;
}
#header-wrap .mdrop_chld4 li {
    border-bottom: 1px solid #ddd;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding: 15px 0px 15px 0px;
    margin: 0;
    width: 160px;
}
#header-wrap .mdrop_chld4 img {
    margin: 20px 0 0 0;
}
#header-wrap .mdrop_chld5 > ul {
    margin-left: 0 !important;
}
#header-wrap .mdrop_chld5 li {
    border-bottom: 1px solid #ddd;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding: 15px 0px 15px 5px;
    margin: 0;
    width: 160px;
    width: 180px \9;
}
#header-wrap .mdrop_chld5 li.last {
    border-bottom: 0 none;
}

/* メガドロップダウン/　ご支援者のみなさまへ */
#header-wrap .mdrop_sprt1 {
    width: 225px;
    display: table-cell;
    padding: 0 10px 0 0;
    text-align: center;
    vertical-align: middle;
}
#header-wrap .mdrop_sprt2 {
    border-left: 1px solid #ddd;
    width: 214px;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
#header-wrap .mdrop_sprt3 {
    border-left: 1px solid #ddd;
    width: 214px;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
#header-wrap .mdrop_sprt4 {
    border-left: 1px solid #ddd;
    width: 214px;
    display: table-cell;
    padding: 0 0 0 10px;
    vertical-align: middle;
}
#header-wrap .mdrop_sprt1 p {
    display: block;
    background-color: #80d9f9;
    width: 140px;
    margin: 0 auto 10px;
    padding: 10px;
    font-size: 1em;
}
#header-wrap .mdrop_sprt2 ul,
#header-wrap .mdrop_sprt3 ul,
#header-wrap .mdrop_sprt4 ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
#header-wrap .mdrop_sprt2 ul li,
#header-wrap .mdrop_sprt3 ul li,
#header-wrap .mdrop_sprt4 ul li {
    margin: 0;
    padding: 0;
    text-align: center;
}
#header-wrap .mdrop_sprt3 ul li + li,
#header-wrap .mdrop_sprt4 ul li + li {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
}
#header-wrap .mdrop_sprt2 ul li p:first-child,
#header-wrap .mdrop_sprt3 ul li p:first-child,
#header-wrap .mdrop_sprt4 ul li p:first-child {
    margin-bottom: 10px;
}
#header-wrap .mdrop_sprt2 ul li p:nth-child(3) {
    margin-top: 10px;
}
#header-wrap .mdrop_sprt2 ul li p:nth-child(3) a {
    position: relative;
    border-radius: 4px;
    background-color: #00b0f0;
    padding: 10px !important;
    color: #fff;
}
#header-wrap .mdrop_sprt2 ul li p:nth-child(3) a:after {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%) rotate(-90deg);
    content: "\f107";
    font-family: FontAwesome;
}
#header-wrap .mdrop_sprt2 ul li p:nth-child(3) a:hover {
    opacity: 0.7;
}
#header-wrap .clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
#header-wrap .clearfix {
    min-height: 0px;
}
#header-wrap .fa-home:before {
    content: "\f015";
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#header-wrap .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 下層ヘッダー */
#header-wrap .kasou_gronavi {
    position: relative;
    padding-top: 10px;
}
#header-wrap .kasou_bokin_area {
    position: absolute;
    right: 20px;
    top: -45px;
    width: 540px;
    width: 380px \9;
}
#header-wrap .kasou_bokin_area p {
    margin: 0;
    font-size: 0.8rem;
}
#header-wrap .hidden_head_bokin-btn .kasou_bokin_area p.head_bokin-btn {
    display: none;
}
/*.kasou_bokin_area img{
float:right;
}*/
#header-wrap .kasou_bokin_area p a {
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 20px;
    letter-spacing: 0 !important;
    display: block;
    text-align: right;
    margin-bottom: 4px;
}
#header-wrap .kasou_bokin_area p a:hover {
    color: #ff9900;
}
#header-wrap .kasou_bokin_area p a:hover img {
    opacity: 0.7;
}
#header-wrap .kasou_bokin_imgback {
    background-color: #FFFFFF;
    display: block;
    float: right;
    margin-left: 30px;
    border-radius: 3px;
}
#header-wrap .kasou_bokin_imgback img {
    vertical-align: top;
}
#header-wrap .fa-angle-down:before {content: "\f107"}
#header-wrap .arrowdown {
    padding: 0 0 0 8px;
    position: absolute;
    top: 20px;
    font-size: 1.5em !important;
}