@charset "utf-8";

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.4;
    color: #333333;
    font-size: 87.5%;
}

[lang="en"],
[lang="en"] body {
    font-family: Helvetica, Arial, sans-serif;

}

[lang="zh"],
[lang="zh"] body {
    font-family: SimSun, Helvetica, Arial, sans-serif;
}

pre {
    font-family: "MS Gothic", "ＭＳ ゴシック", "Osaka-等幅", serif;
    line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
ul {
    margin: 0;
    padding: 0;
}

em {
    font-style: normal;
}

p {
    margin: 0 0 12px;
    line-height: 1.714;
}

ul {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

a:link {
    color: #006699;
    text-decoration: none;
}

a:visited {
    color: purple;
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    color: #006699;
    text-decoration: underline;
}

img {
    vertical-align: bottom;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.t-left {
    text-align: left !important;
}

.t-center {
    text-align: center !important;
    /* margin-left: auto !important;
    margin-right: auto !important; */
}

.margin-auto {
    margin: 0 auto !important;
}

.t-right {
    text-align: right !important;
}

img.left {
    float: left;
    margin: 0 12px 5px 0;
}

img.right {
    float: right;
    margin: 0 0 5px 12px;
}

img.flipicon,
img.icon-new,
img.mailicon,
img.newwindowicon,
img.pcicon,
img.pdficon,
img.rssicon,
img.wmvicon,
img.xlsicon,
img.zipicon {
    vertical-align: middle;
    font-size: 10px;
    margin: 0 4px 2px !important;
}

img.mailicon {
    *position: relative;
    *top: 2px;
}

img.newwindowicon {
    *position: relative;
    *top: 1px;
    width: 17px !important;
}

.top {
    vertical-align: top !important;
}

.middle {
    vertical-align: middle !important;
}

.bottom {
    vertical-align: bottom !important;
}

.clear {
    clear: both;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
    *display: inline !important;
}

.line-reset-top {
    border-top: none !important;
}

.line-reset-bottom {
    border-bottom: none !important;
}

.w-0 {
    width: 0 !important;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.p-top-0 {
    padding-top: 0 !important;
}

.p-top-5 {
    padding-top: 5px !important;
}

.p-top-10 {
    padding-top: 10px !important;
}

.p-top-15 {
    padding-top: 15px !important;
}

.p-top-20 {
    padding-top: 20px !important;
}

.p-top-25 {
    padding-top: 25px !important;
}

.p-top-30 {
    padding-top: 30px !important;
}

.p-top-35 {
    padding-top: 35px !important;
}

.p-top-40 {
    padding-top: 40px !important;
}

.p-right-0 {
    padding-right: 0 !important;
}

.p-right-5 {
    padding-right: 5px !important;
}

.p-right-10 {
    padding-right: 10px !important;
}

.p-right-15 {
    padding-right: 15px !important;
}

.p-right-20 {
    padding-right: 20px !important;
}

.p-right-25 {
    padding-right: 25px !important;
}

.p-right-30 {
    padding-right: 30px !important;
}

.p-right-35 {
    padding-right: 35px !important;
}

.p-right-40 {
    padding-right: 40px !important;
}

.p-bottom-0 {
    padding-bottom: 0 !important;
}

.p-bottom-5 {
    padding-bottom: 5px !important;
}

.p-bottom-10 {
    padding-bottom: 10px !important;
}

.p-bottom-15 {
    padding-bottom: 15px !important;
}

.p-bottom-20 {
    padding-bottom: 20px !important;
}

.p-bottom-25 {
    padding-bottom: 25px !important;
}

.p-bottom-30 {
    padding-bottom: 30px !important;
}

.p-bottom-35 {
    padding-bottom: 35px !important;
}

.p-bottom-40 {
    padding-bottom: 40px !important;
}

.p-left-0 {
    padding-left: 0 !important;
}

.p-left-5 {
    padding-left: 5px !important;
}

.p-left-10 {
    padding-left: 10px !important;
}

.p-left-15 {
    padding-left: 15px !important;
}

.p-left-20 {
    padding-left: 20px !important;
}

.p-left-25 {
    padding-left: 25px !important;
}

.p-left-30 {
    padding-left: 30px !important;
}

.p-left-35 {
    padding-left: 35px !important;
}

.p-left-40 {
    padding-left: 40px !important;
}

.m-top-0 {
    margin-top: 0 !important;
}

.m-top-5 {
    margin-top: 5px !important;
}

.m-top-10 {
    margin-top: 10px !important;
}

.m-top-15 {
    margin-top: 15px !important;
}

.m-top-20 {
    margin-top: 20px !important;
}

.m-top-25 {
    margin-top: 25px !important;
}

.m-top-30 {
    margin-top: 30px !important;
}

.m-top-35 {
    margin-top: 35px !important;
}

.m-top-40 {
    margin-top: 40px !important;
}

.m-right-0 {
    margin-right: 0 !important;
}

.m-right-5 {
    margin-right: 5px !important;
}

.m-right-10 {
    margin-right: 10px !important;
}

.m-right-15 {
    margin-right: 15px !important;
}

.m-right-20 {
    margin-right: 20px !important;
}

.m-right-25 {
    margin-right: 25px !important;
}

.m-right-30 {
    margin-right: 30px !important;
}

.m-right-35 {
    margin-right: 35px !important;
}

.m-right-40 {
    margin-right: 40px !important;
}

.m-bottom-0 {
    margin-bottom: 0 !important;
}

.m-bottom-5 {
    margin-bottom: 5px !important;
}

.m-bottom-10 {
    margin-bottom: 10px !important;
}

.m-bottom-15 {
    margin-bottom: 15px !important;
}

.m-bottom-20 {
    margin-bottom: 20px !important;
}

.m-bottom-25 {
    margin-bottom: 25px !important;
}

.m-bottom-30 {
    margin-bottom: 30px !important;
}

.m-bottom-35 {
    margin-bottom: 35px !important;
}

.m-bottom-40 {
    margin-bottom: 40px !important;
}

.m-left-0 {
    margin-left: 0 !important;
}

.m-left-5 {
    margin-left: 5px !important;
}

.m-left-10 {
    margin-left: 10px !important;
}

.m-left-15 {
    margin-left: 15px !important;
}

.m-left-20 {
    margin-left: 20px !important;
}

.m-left-25 {
    margin-left: 25px !important;
}

.m-left-30 {
    margin-left: 30px !important;
}

.m-left-35 {
    margin-left: 35px !important;
}

.m-left-40 {
    margin-left: 40px !important;
}

.m-left-12 {
    margin-left: 12px !important;
}

.float-none {
    float: none !important;
}

.visited-color-none a:visited,
.visited-color-none:visited {
    color: #006699 !important;
}

.height-unequolizer {
    height: auto !important;
}

#contents-area,
#topicpath-area,
.adjust-font-size,
.adjust-font-size dd,
.footer-inner,
.footer-links .hdg-container,
.header-inner,
.nav-global,
.nav-site-container,
.topicpath {
    zoom: 1;
}

#contents-area:after,
#topicpath-area:after,
.adjust-font-size dd:after,
.adjust-font-size:after,
.footer-inner:after,
.footer-links .hdg-container:after,
.header-inner:after,
.nav-global:after,
.nav-site-container:after,
.topicpath:after {
    display: block;
    clear: both;
    content: "";
}

#contents-area,
#topicpath-area,
.adjust-font-size,
.footer-inner,
.footer-links,
.header-inner,
.lang-container,
.nav-global,
.site-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#str-contents,
.nav-global-container,
footer.footer,
header.header {
    margin: 0 auto;
    text-align: center;
    /* min-width: 990px; */
}

#contents-area,
#topicpath-area,
.footer-inner,
.header-inner,
.nav-global {
    margin: 0 auto;
    width: 990px;
    text-align: left;
}

#contents-area {
    width: 710px;
    float: right;
    display: inline;
    margin-right: 20px;
}

#local-nav-area {
    width: 210px;
    float: left;
    display: inline;
    margin-left: 20px;
}

header.header {
    margin-bottom: 0;
    width: 100%;
    min-height: 100px;
    border-bottom: 1px solid #d8dadc;
    background: url("/help/mymenu/resource/common/p/img/site-bg-header.png") 50% 38px no-repeat #fff;
}

header.header .hdg {
    margin: 0 30px 0 20px;
    padding: 56px 0 0;
    font-weight: normal;
    font-size: 14px;
    border: 0;
}

header.header .logo {
    position: absolute;
    top: 10px;
    left: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    width: 122px;
    height: 18px;
    font-size: 12px;
}

.header-inner {
    position: relative;
}

@-webkit-keyframes logo-sb {

    0%,
    10% {
        background-position: 240% 0;
    }

    100% {
        background-position: -160% 0;
    }
}

@keyframes logo-sb {

    0%,
    10% {
        background-position: 240% 0;
    }

    100% {
        background-position: -160% 0;
    }
}

@-webkit-keyframes o {
    0% {
        background-position: 700% 0;
    }

    100% {
        background-position: -160% 0;
    }
}

@keyframes o {
    0% {
        background-position: 700% 0;
    }

    100% {
        background-position: -160% 0;
    }
}

.logo-group {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 12px;
    font-weight: bold;
}

.logo-group img {
    vertical-align: top;
}

.nav-site-container {
    position: absolute;
    top: 0;
    left: 180px;
    font-weight: bold;
    line-height: 1.2;
}

.nav-site {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nav-site li {
    margin: 0;
    float: left;
    position: relative;
    z-index: 3;
}

.nav-site a {
    display: block;
    height: 38px;
    text-decoration: none;
    background: url("/help/mymenu/resource/common/p/img/site-btn-nav-site.png") 0 0 no-repeat;
    overflow: hidden;
}

.nav-site a:active,
.nav-site a:focus,
.nav-site a:hover {
    text-decoration: none;
}

.nav-site span {
    position: relative;
    z-index: -1;
}

.nav-site .home a {
    width: 58px;
}

.nav-site .home a:focus,
.nav-site .home a:hover {
    background-position: 0 -38px;
}

.nav-site .home a.active,
.nav-site .home a.active:hover {
    background-position: 0 -76px;
}

.nav-site .mobile a {
    width: 71px;
    background-position: -58px 0;
}

.nav-site .mobile a:focus,
.nav-site .mobile a:hover {
    background-position: -58px -38px;
}

.nav-site .mobile a.active,
.nav-site .mobile a.active:hover {
    background-position: -58px -76px;
}

.nav-site .ybb a {
    width: 108px;
    background-position: -129px 0;
}

.nav-site .ybb a:focus,
.nav-site .ybb a:hover {
    background-position: -129px -38px;
}

.nav-site .ybb a.active,
.nav-site .ybb a.active:hover {
    background-position: -129px -76px;
}

.nav-site .lifestyle a {
    width: 109px;
    background-position: -237px 0;
}

.nav-site .lifestyle a:focus,
.nav-site .lifestyle a:hover {
    background-position: -237px -38px;
}

.nav-site .lifestyle a.active,
.nav-site .lifestyle a.active:hover {
    background-position: -237px -76px;
}

.nav-site .shop a {
    width: 68px;
    background-position: -346px 0;
}

.nav-site .shop a:focus,
.nav-site .shop a:hover {
    background-position: -346px -38px;
}

.nav-site .shop a.active,
.nav-site .shop a.active:hover {
    background-position: -346px -76px;
}

.nav-site .support a {
    width: 71px;
    background-position: -414px 0;
}

.nav-site .support a:focus,
.nav-site .support a:hover {
    background-position: -414px -38px;
}

.nav-site .support a.active,
.nav-site .support a.active:hover {
    background-position: -414px -76px;
}

.nav-site .corp a {
    width: 71px;
    background-position: -485px 0;
}

.nav-site .corp a:focus,
.nav-site .corp a:hover {
    background-position: -485px -38px;
}

.nav-site .corp a.active,
.nav-site .corp a.active:hover {
    background-position: -485px -76px;
}

.adjust-font-size,
.lang-container,
.site-search {
    position: absolute;
    border: 1px solid #d8dadc;
    padding: 4px;
}

.lang-container {
    top: 54px;
    right: 209px;
    width: 87px;
    height: 32px;
}

#lang {
    position: relative;
}

#lang span {
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 11px;
}

.adjust-font-size {
    top: 54px;
    right: 295px;
    margin: 0;
    padding: 4px;
    width: 138px;
}

.adjust-font-size dd,
.adjust-font-size dt {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: block;
    list-style-type: none;
}

.adjust-font-size dt {
    margin: 2px 0 0 !important;
}

.adjust-font-size ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.adjust-font-size li {
    float: left;
    margin: 0 0 0 4px;
    padding: 0;
    width: 22px;
    height: 22px;
    text-align: center;
}

.adjust-font-size a {
    display: block;
    background: url("/help/mymenu/resource/common/p/img/site-sprite-icon.png") -32px 50% no-repeat;
    color: #333333;
    text-decoration: none;
}

.adjust-font-size a:hover {
    background-position: -56px 50%;
    text-decoration: none;
}

.adjust-font-size a.active {
    background-position: -56px 50%;
}

.site-search {
    top: 54px;
    right: 20px;
    height: 32px;
    z-index: 101;
}

.header-group {
    margin: 0 auto;
    width: 950px;
}

.nav-global-container {
    margin: 18px 0 0;
    border-top: 1px solid #d8dadc;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY1ZjYiIC8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==");
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f4f5f6));
    background-image: -webkit-linear-gradient(top, #fff, #f4f5f6);
    background-image: linear-gradient(to bottom, #fff, #f4f5f6);
    position: relative;
    z-index: 1;
}

[lang="en"] .nav-global-container {
    margin-top: 10px;
}

.nav-global {
    margin: 0 auto;
    width: 950px;
    padding: 0;
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    font-size: 85.71%;
}

.nav-global li {
    margin: 0;
    float: left;
    position: relative;
    z-index: 3;
}

.nav-global li:last-child ul {
    left: auto;
    right: 0;
}

.nav-global li.open ul {
    display: block !important;
}

.nav-global a {
    display: block;
    text-decoration: none;
    width: 132px;
    height: 38px;
    background: url("/help/mymenu/resource/common/p/img/site-btn-nav-global.png") 0 0 no-repeat;
}

.nav-global a:active,
.nav-global a:focus,
.nav-global a:hover {
    text-decoration: none;
}

.nav-global span {
    position: relative;
    z-index: -1;
}

.nav-categories {
    display: none;
    position: absolute;
    font-size: 12px;
    top: 39px;
    left: 0;
    margin: 0;
    padding: 0 5px 5px;
    width: 215px;
    list-style-type: none;
    border: 1px solid #d8dadc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    z-index: 9;
    font-weight: normal;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.nav-categories li {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    text-align: left;
    _line-height: 0;
}

.nav-categories li:first-child a {
    border-top: none;
}

.nav-categories a {
    border-top: 1px dotted #d8dadc;
    width: auto !important;
    height: auto;
    padding: 0.5em 10px;
    background-image: none;
    white-space: nowrap;
    _line-height: normal;
}

.nav-categories a.active,
.nav-categories a:active,
.nav-categories a:focus,
.nav-categories a:hover {
    background-color: #f4f5f6;
    text-decoration: underline;
}

* html .nav-categories li {
    line-height: 0;
}

* html .nav-categories a {
    line-height: normal;
}

#topicpath-area {
    margin: 0 auto;
    padding: 10px 0;
    width: 950px;
}

#topicpath-area .utility {
    float: right;
    padding-top: 4px;
    _padding-bottom: 2px;
    overflow: hidden;
    zoom: 1;
}

#topicpath-area .utility p {
    margin: 0;
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 1.2;
}

#topicpath-area .utility p.lang {
    position: relative;
}

#topicpath-area .utility p.lang:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url("/help/mymenu/resource/common/p/img/site-sprite-icon.png") -150px 50% no-repeat;
    margin-right: 5px;
}

#topicpath-area .utility p.print {
    margin: 0 0 0 10px;
    border-left: 1px solid #e3e4e5;
    background: url("/help/mymenu/resource/common/p/img/icon-print.png") 10px 50% no-repeat;
    padding-left: 25px;
}

#topicpath-area .utility img {
    vertical-align: middle;
    font-size: 10px;
}

.topicpath {
    margin: 0;
    padding: 0;
    width: 810px;
    font-size: 12px;
    list-style-type: none;
    vertical-align: top;
    letter-spacing: -0.4em;
}

.topicpath li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0.2em 0 0.3em;
}

.topicpath li:before {
    content: ">";
    padding: 0 5px;
}

.topicpath li.path-home {
    margin: 0;
    font-size: 16px;
}

.topicpath li.path-home:before {
    content: "";
    margin: 0 5px 0 0;
    padding: 0;
    width: 14px;
    height: 12px;
    display: inline-block;
    background: url("/help/mymenu/resource/common/p/img/site-sprite-icon.png") -80px 50% no-repeat;
}

.topicpath li.path-home a {
    font-weight: bold;
}

.topicpath strong {
    color: #000;
    font-weight: bold;
}

#str-contents>.nav-top:last-child,
#contents-area>.nav-top:last-child {
    margin-bottom: 0 !important;
    width: 960px;
}

#contents-area {
    margin: 0 20px 40px 0;
}

#contents-area>*:last-child {
    margin-bottom: 0;
}

.lyt-col-1 #contents-area {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 950px;
}

#local-nav-area {
    margin: 0 0 40px 20px;
}

#local-nav-area p.update {
    margin: 20px 0 0;
}

#local-nav-area h2 {
    position: relative;
    margin: 0 !important;
    padding: 20px 10px 19px;
    width: auto !important;
    border: 1px solid #d8dadc;
    border-bottom: 2px solid #84919d;
    background-image: none !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.1;
}

#local-nav-area h2:after,
#local-nav-area h2:before {
    position: absolute;
    bottom: -2px;
    display: block;
    width: 1px;
    height: 2px;
    background-color: #d8dadc;
    content: "";
}

#local-nav-area h2:before {
    left: -1px;
}

#local-nav-area h2:after {
    right: -1px;
}

#local-nav-area img {
    max-width: 100%;
}

#local-nav-area p {
    font-size: 85.71%;
    line-height: 1.33;
}

.local-hdg {
    position: relative;
    margin: 20px 0 10px;
    border-bottom: 1px solid #d8dadc;
}

.local-hdg h2 {
    margin: 0 !important;
    padding: 10px 0 8px 7px !important;
    border: none !important;
    border-left: 3px solid #84919d !important;
    font-size: 85.71% !important;
}

.local-hdg h2:after,
.local-hdg h2:before {
    display: none !important;
}

.local-hdg p {
    position: absolute;
    top: 0.6em;
    right: 0;
    margin: 0;
}

.nav-local {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
    border: 1px solid #d8dadc;
    border-top: 0;
    font-size: 12px;
}

.nav-local ul {
    margin: 0 0 9px 9px;
    padding: 0;
    list-style-type: none;
    border-left: 1px solid #d8dadc;
    border-bottom: 1px solid #d8dadc;
}

.nav-local li {
    margin: 0;
    padding: 1px 0;
    border-top: 1px solid #d8dadc;
    background-color: #fff;
}

.nav-local .active {
    background-color: #f2f4f6;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.nav-local .active .active {
    padding: 0 0 1px;
    background-color: #e1e4e8;
    box-shadow: none;
}

.nav-local .active .active li {
    background-color: #fff;
}

.nav-local .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #d7e3f5;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.nav-local .active .active .active a.dir6th {
    position: relative;
    padding: 8px 9px 7px;
    background-color: #d7e3f5;
}

.nav-local .active .active .active a.dir6th:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #d7e3f5;
}

.nav-local .active .active .active li {
    background-color: #fff;
}

.nav-local .active .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #e1e4e8;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    position: relative;
}

.nav-local .active .active .active .active li {
    background-color: #fff;
}

.nav-local .active .active .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #d7e3f5;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}

.nav-local .active .active .active .active .active a {
    position: relative;
    padding: 8px 9px 7px;
    background-color: #d7e3f5;
}

.nav-local .active .active .active .active .active a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #d7e3f5;
}

.nav-local a {
    padding: 9px 10px 8px;
    display: block;
}

.nav-local a.black {
    color: #444 !important;
}

#top #str-contents {
    padding-top: 117px;
}

* html #top #str-contents {
    padding-top: 0;
}

*:first-child+html #top #str-contents {
    padding-top: 0;
}

.lyt-top #contents-area {
    float: left;
    width: 710px;
    margin: 0 0 40px 20px;
    padding-top: 20px;
}

.lyt-top #local-nav-area {
    float: right;
    width: 220px;
    margin: 0 20px 40px 0;
    border: none;
}

.lyt-top #local-nav-area h2 {
    padding: 10px 5px 9px;
    border: none;
    border-bottom: 0;
    border-left: 3px solid #84909e;
    font-size: 92.86%;
}

.spread-block {
    margin: 0;
    padding: 0;
}

.spread-button {
    margin: 0 !important;
    padding: 0;
    border-top: 1px solid #d8dadc;
    font-weight: bold;
    font-size: 85.71%;
    display: block;
    cursor: pointer;
}

.spread-button:focus,
.spread-button:focus,
.spread-button:hover {
    background-color: #d7e3f5;
}

.spread-button span {
    padding: 10px;
    display: block;
    position: relative;
}

.spread-button span img.icon-tool-box {
    margin: -5px 0 0;
    position: absolute;
    top: 50%;
    right: 7px;
    display: block;
}

.spread-button img {
    margin: 0 10px 0 0;
}

.spread-block.static .spread-button {
    cursor: auto;
}

.spread-block.static .spread-button:focus,
.spread-block.static .spread-button:focus,
.spread-block.static .spread-button:hover {
    background-color: #fff;
}

.spread-block.static .spread-button span {
    position: static;
}

.spread-block.static .spread-button span img.icon-tool-box {
    display: none;
}

.active .spread-button {
    background-color: #d7e3f5;
}

.active .spread-button span:before {
    background-position: -96px 100%;
}

.spread-contents {
    margin: 0;
    padding: 0 10px;
    border-top: 1px solid #d8dadc;
}

.spread-contents div {
    padding: 5px 0;
}

.nav-top {
    clear: both;
    margin: 20px auto 10px !important;
    width: 950px;
    text-align: right;
    font-size: 85.71%;
}

.nav-top a {
    position: relative;
    display: inline-block;
}

.nav-top a:before {
    position: relative;
    top: 3px;
    display: inline-block;
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    background: url("/help/mymenu/resource/common/p/img/site-sprite-icon.png") 0 50% no-repeat;
    content: "";
}

#contents-area .nav-top {
    width: auto;
}

footer.footer {
    font-size: 12px;
    line-height: 1.2;
}

.footer-inner {
    padding: 0;
}

.footer-inner .logo-footer {
    position: static;
    padding: 14px 20px 4px;
    font-size: 10px;
}

.nav-site-footer {
    margin: 15px 20px 0 0;
    padding: 0;
    list-style-type: none;
    float: right;
    height: 28px;
    overflow: hidden;
}

.nav-site-footer li {
    margin: 0;
    float: left;
    position: relative;
    z-index: 1;
}

.nav-site-footer a {
    display: block;
    height: 28px;
    text-decoration: none;
    background-image: url("/help/mymenu/resource/common/p/img/site-btn-nav-site-footer.png");
}

.nav-site-footer a:active,
.nav-site-footer a:focus,
.nav-site-footer a:hover {
    text-decoration: none;
}

.nav-site-footer span {
    position: relative;
    z-index: -1;
}

.nav-site-footer .home a {
    width: 58px;
}

.nav-site-footer .home a.active,
.nav-site-footer .home a:focus,
.nav-site-footer .home a:hover {
    background-position: 0 -28px;
}

.nav-site-footer .mobile a {
    width: 72px;
    background-position: -58px 0;
}

.nav-site-footer .mobile a.active,
.nav-site-footer .mobile a:focus,
.nav-site-footer .mobile a:hover {
    background-position: -58px -28px;
}

.nav-site-footer .ybb a {
    width: 107px;
    background-position: -130px 0;
}

.nav-site-footer .ybb a.active,
.nav-site-footer .ybb a:focus,
.nav-site-footer .ybb a:hover {
    background-position: -130px -28px;
}

.nav-site-footer .lifestyle a {
    width: 110px;
    background-position: -237px 0;
}

.nav-site-footer .lifestyle a.active,
.nav-site-footer .lifestyle a:focus,
.nav-site-footer .lifestyle a:hover {
    background-position: -237px -28px;
}

.nav-site-footer .shop a {
    width: 69px;
    background-position: -347px 0;
}

.nav-site-footer .shop a.active,
.nav-site-footer .shop a:focus,
.nav-site-footer .shop a:hover {
    background-position: -347px -28px;
}

.nav-site-footer .support a {
    width: 72px;
    background-position: -416px 0;
}

.nav-site-footer .support a.active,
.nav-site-footer .support a:focus,
.nav-site-footer .support a:hover {
    background-position: -416px -28px;
}

.nav-site-footer .corp a {
    width: 72px;
    background-position: -488px 0;
}

.nav-site-footer .corp a.active,
.nav-site-footer .corp a:focus,
.nav-site-footer .corp a:hover {
    background-position: -488px -28px;
}

.footer-links {
    margin: 0 auto;
    padding: 0;
    width: 950px;
    border: 1px solid #d8dadc;
    line-height: 1.2;
    _width: 948px;
}

.footer-links .hdg-container {
    border-bottom: 1px solid #d8dadc;
}

.footer-links .hdg {
    float: left;
    margin: 0;
    padding: 13px 20px;
    border: 0;
    font-size: 16px;
}

.footer-links p.description {
    float: left;
    margin: 0;
    padding: 14px 0 12px;
    font-size: 12px;
}

.footer-links p.link {
    float: right;
    margin: 10px 20px;
    padding: 0;
    font-size: 12px;
}

.footer-links p.link a {
    display: block;
    padding: 4px 20px 2px;
    border: 1px solid #d8dadc;
    border-radius: 3px;
}

.footer-links .footer-link-list {
    margin: 0;
    list-style-type: none;
    padding: 10px 20px 2px;
    text-align: left;
    font-size: 12px;
}

.footer-links .footer-link-list li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 1em 8px 0;
    padding-bottom: 0;
}

.footer-bottom {
    padding: 0 0 14px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIC8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIC8+PC9saW5lYXJHcmFkaWVudD48cmVjdCBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+");
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(75%, #fff));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #fff 75%);
    background-image: linear-gradient(to bottom, #f2f2f2, #fff 75%);
}

footer.footer p.copyright {
    margin: 0 20px;
    font-size: 10px;
}

#switch {
    background-color: #e9edf0;
    font-size: 142.86%;
    text-align: center;
    padding: 30px 0;
    line-height: 1.2;
}

#switch dd,
#switch dl,
#switch dt,
#switch li,
#switch ul {
    margin: 0;
    padding: 0;
}

#switch dl,
#switch ul {
    margin: 0 auto;
    display: table;
}

#switch dd,
#switch dt,
#switch li {
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}

#switch dt {
    padding-right: 10px;
}

#switch ul {
    font-weight: bold;
    border: 1px solid #c7cbcd;
    -webkit-box-shadow: 0 0 3px #c7cbcd;
    box-shadow: 0 0 3px #c7cbcd;
    border-radius: 6px;
}

#switch li {
    width: 185px;
    font-weight: bold;
}

#switch li.current {
    padding: 12px 0 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #6d7984;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d7984), color-stop(5%, #84919d), color-stop(100%, #b4bec8));
    background-image: -webkit-linear-gradient(top, #6d7984, #84919d 5%, #b4bec8);
    background-image: linear-gradient(to bottom, #6d7984, #84919d 5%, #b4bec8);
    background-color: #84919d;
    -webkit-background-origin: border;
    background-origin: border;
    color: #fff;
}

#switch li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#switch li:last-child {
    border-left: 1px solid #c7cbcd;
}

#switch li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#switch li a:link {
    color: #006699;
    text-decoration: none;
}

#switch li a:visited {
    color: purple;
    text-decoration: none;
}

#switch li a:active,
#switch li a:focus,
#switch li a:hover {
    color: #006699;
    text-decoration: underline;
}

#switch a {
    display: block;
    padding: 12px 0 9px;
    -webkit-background-origin: border;
    background-origin: border;
    background-color: #fbfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfcfc), color-stop(100%, #e0e5e6));
    background-image: -webkit-linear-gradient(top, #fbfcfc, #e0e5e6);
    background-image: linear-gradient(to bottom, #fbfcfc, #e0e5e6);
}

#switch a:focus {
    background-color: #6d7984;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d7984), color-stop(5%, #84919d), color-stop(100%, #b4bec8));
    background-image: -webkit-linear-gradient(top, #6d7984, #84919d 5%, #b4bec8);
    background-image: linear-gradient(to bottom, #6d7984, #84919d 5%, #b4bec8);
    background-color: #84919d;
}

p.myym-category-menu-back {
    line-height: 19.5px;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 3px;
    text-align: right !important;
}

.footer-myym {
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    /* min-width:990px; */
    margin: 0;
}

.footer-myym .copyright {
    position: absolute;
    right: 0px;
    top: 46px;
    margin: 0;
    font-size: 9px;
    line-height: 1;
}

.footer-myym .footer-inner {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.footer-myym>.footer-inner {
    border-top: 1px solid #d8dadc;
}

.footer-myym .footer-bottom {
    height: 84px;
    padding: 0;
    background-color: #ffffff;
    background-image: none;
}

.footer-myym .footer-bottom .footer-inner {
    position: relative;
    border-top: none;
}

.footer-myym .footer-bottom .footer-inner>.logo-footer {
    position: absolute;
    padding: 0;
    left: 0px;
    top: 31px;
}

.footer-myym .nav-site-footer {
    zoom: 1;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: auto;
    overflow: visible;
}

.footer-myym .nav-site-footer li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 10px 0 11px;
    z-index: auto;
    list-style: none;
}

.footer-myym .nav-site-footer li:first-child a:after {
    display: none;
}

.footer-myym .nav-site-footer a {
    position: relative;
    display: block;
    height: auto;
    padding: 0 0 3px 0;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    background-image: none;
}

.footer-myym .nav-site-footer a:after {
    content: "";
    position: absolute;
    left: -11px;
    top: 0px;
    display: block;
    width: 1px;
    height: 21px;
    background: #d8dadc;
}

.footer-myym .nav-site-footer a:hover {
    color: #aaaaaa;
}

.footer-myym .nav-site-footer a.active:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -3px;
    display: block;
    width: 100%;
    height: 3px;
    background: #84919d;
}

.footer-myym .nav-site-footer a span {
    letter-spacing: 0;
    z-index: auto;
}

.footer-myym .nav-site-footer:after {
    display: block;
    clear: both;
    content: "";
}

[lang="en"] .footer-myym .footer-bottom {
    padding: 15px 0 21px;
}

[lang="en"] .footer-myym .nav-site-footer a {
    font-size: 15px;
}

[lang="en"] .footer-myym .nav-site-footer a.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #758495;
}

.footer-links-myym {
    /* min-width: 990px; */
    background: #f4f5f6;
}

.footer-links-myym h1 {
    font-size: 16px;
    line-height: 22px;
}

.footer-links-myym-inner {
    width: 950px;
    margin: 0 auto;
    padding: 0;
}

.footer-myym-link-list {
    padding: 30px 0 0;
}

.footer-myym-link-list h1 {
    padding: 0 0 12px;
}

.footer-myym-link-list ul {
    float: left;
    width: 25%;
    min-height: 128px;
    padding: 10px 0 0;
}

.footer-myym-link-list li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px;
}

.footer-myym-link-list .large-category a {
    padding: 0 13px 0 0;
    font-weight: bold;
    background: url(/help/mymenu/resource/common/p/img/bullet-footer-myym-link.png) no-repeat right;
}

.footer-myym-link-list a {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    -webkit-text-size-adjust: none;
    white-space: normal;
}

.footer-myym-link-list a:hover {
    text-decoration: none;
    color: #999999;
}

.footer-links-myym .footer-link-list {
    padding: 12px 0 5px;
    border-top: #d8dadc solid 1px;
    text-align: right;
    font-size: 14px;
    line-height: 19px;
}

.footer-links-myym .footer-link-list li {
    display: inline;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 10px;
}

.footer-links-myym .description {
    margin: 0;
    padding: 0 0 11px;
    text-align: right;
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}

.myym-nav-local {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
    border: 1px solid #d8dadc;
    border-top: 0;
    font-size: 12px
}

.myym-nav-local ul {
    margin: 0 0 9px 9px;
    padding: 0;
    list-style-type: none;
    border-left: 1px solid #d8dadc;
    border-bottom: 1px solid #d8dadc
}

.myym-nav-local li {
    margin: 0;
    padding: 1px 0;
    border-top: 1px solid #d8dadc;
    background-color: #fff
}

.myym-nav-local .active {
    background-color: #f2f4f6;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset
}

.myym-nav-local .active .active {
    padding: 0 0 1px;
    background-color: #e1e4e8;
    box-shadow: none
}

.myym-nav-local .active .active li {
    background-color: #fff
}

.myym-nav-local .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #d7e3f5;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset
}

.myym-nav-local .active .active .active a.dir6th {
    position: relative;
    padding: 8px 9px 7px;
    background-color: #d7e3f5
}

.myym-nav-local .active .active .active a.dir6th:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #d7e3f5
}

.myym-nav-local .active .active .active li {
    background-color: #fff
}

.myym-nav-local .active .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #e1e4e8;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    position: relative
}

.myym-nav-local .active .active .active .active li {
    background-color: #fff
}

.myym-nav-local .active .active .active .active .active {
    padding: 1px 0 1px 1px;
    background-color: #d7e3f5;
    box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset
}

.myym-nav-local .active .active .active .active .active a {
    position: relative;
    padding: 8px 9px 7px;
    background-color: #d7e3f5
}

.myym-nav-local .active .active .active .active .active a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #d7e3f5
}

.myym-nav-local a {
    padding: 9px 10px 8px;
    display: block
}

.myym-nav-local a.black {
    color: #444 !important
}

.nav-top a {
    font-size: 12px;
    line-height: 12px;
}

.nav-top a:before {
    content: "";
    position: static;
    top: 0;
    display: inline-block;
    width: 9px;
    height: 8px;
    margin: 0 8px 0 0;
    background-image: url(/help/mymenu/resource/common/p/img/sprite-icon-rf2.png);
    background-position: -42px 0px;
    width: 9px;
    height: 8px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.nav-top {
    font-size: 12px;
    line-height: 20px;
}

.header-myym {
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    min-width: 990px;
}

.header-myym .header-inner-top {
    width: 950px;
    height: 50px;
    margin: 0 auto;
    padding-top: 14px;
    display: block;
}

.header-myym .header-inner-top .logo {
    text-align: center;
    margin-top: 10px;
}

.header-myym .header-inner-top .logo-myym {
    margin-top: 10px;
    float: left;
}

.header-myym .header-inner-top .user-menu {
    float: right;
    position: relative;
    height: 50px;
}

.header-myym .header-inner-top .shop-menu {
    float: left;
    font-size: 10px;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

.header-myym .header-inner-top .shop-menu li {
    float: left;
    position: relative;
    margin: 0 0 0 9px;
    list-style: none;
}

.header-myym .header-inner-top .shop-menu li:first-child {
    margin-left: 0;
}

.header-myym .header-inner-top .shop-menu li img {
    vertical-align: bottom;
}

.header-myym .header-inner-top .adjust-font-size {
    position: static;
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
    border: #d8dadc solid 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-myym .header-inner-top .adjust-font-size dt {
    float: left;
    width: 33px;
    height: 18px;
    margin: 0 !important;
    background-color: #e3e4e5;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
}

.header-myym .header-inner-top .adjust-font-size dd {
    float: left;
    margin: 0;
}

.header-myym .header-inner-top .adjust-font-size .switcher {
    margin: 0;
    padding: 0;
}

.header-myym .header-inner-top .adjust-font-size .switcher li {
    float: left;
    width: 24px;
    height: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: #d8dadc solid 1px;
    text-align: center;
}

.header-myym .header-inner-top .adjust-font-size .switcher li:first-child {
    width: 25px;
    border-left: none;
}

.header-myym .header-inner-top .adjust-font-size .switcher li a {
    display: block;
    background: none;
}

.header-myym .header-inner-top .adjust-font-size .switcher li a:hover,
.header-myym .header-inner-top .adjust-font-size .switcher li a.active {
    background-color: #f4f5f6;
}

.header-myym .header-inner-top .adjust-font-size .switcher li a img {
    vertical-align: bottom;
}

.header-myym .header-inner-top .btn-menu {
    float: left;
}

.header-myym .header-inner-top .btn-menu a {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2-mylm.png);
    background-position: 0px 0px;
    background-size: 84px;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/* .header-myym .header-inner-top .btn-menu a:hover {
	background-position: -42px 0px;
} */
.menu-active {
    background-position: -42px 0px !important;
}

.header-myym .nav-site-container {
    position: static;
    margin: 0;
    font-weight: normal;
    line-height: 100%;
    border-bottom: #d8dadc solid 1px;
}

.header-myym .nav-site-container .nav-site {
    width: 950px;
    margin: 0 auto 0;
    padding: 0;
    display: table;
    box-sizing: border-box;
}

.header-myym .nav-site-container .nav-site li {
    float: none;
    padding-right: 23px;
    list-style: none;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    overflow: visible;
    box-sizing: border-box;
}

.header-myym .nav-site-container .nav-site li:last-child {
    padding-right: 0;
}

.header-myym .nav-site-container .nav-site li:last-child span {
    float: right;
    padding-right: 0;
    text-align: right;
    box-sizing: border-box;
}

.header-myym .nav-site-container .nav-site a {
    width: 100%;
    height: 100%;
    padding-top: 17px;
    min-height: 49px;
    color: #000;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    background: none;
    box-sizing: border-box;
}

.header-myym .nav-site-container .nav-site li:last-child a {
    text-align: right;
}

.header-myym .nav-site-container .nav-site a:hover {
    color: #999999;
}

.header-myym .nav-site-container .nav-site a.active {
    color: #999999;
    border-bottom: #6699cc solid 2px;
}

.header-myym .nav-site-container .nav-site span {
    z-index: 1;
}

.header-myym .nav-site-container .nav-site li:first-child span {
    float: left;
}

.header-myym .nav-site-container .nav-site li:last-child span {
    float: none;
}

.header-myym .nav-site-container .nav-site a:hover,
.header-myym .nav-site-container .nav-site a:active,
.header-myym .nav-site-container .nav-site a:focus {
    text-decoration: none;
}

.header-myym .header-inner-bottom {
    position: relative;
    width: 950px;
    margin: 0 auto;
}

.header-myym .header-inner-bottom .hdg {
    padding: 26px 0 26px;
    border: none;
    margin: 0;
    vertical-align: bottom;
    font-size: 12px;
}

.header-inner-bottom .hdg ._ga_area_header {
    overflow: hidden;
    line-height: 100%;
    display: -webkit-box;
}

.header-myym .nav-global-container {
    width: 100%;
    min-width: 100%;
    border-top: none;
    margin: 0;
    font-weight: normal;
    background: none;
}

.header-myym .myym-nav-global {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 1px;
    font-weight: normal;
    text-align: right;
    letter-spacing: -0.4em;
}

.header-myym .myym-nav-global li {
    display: block;
    width: 20%;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    border-left: none;
    box-sizing: border-box;
    float: left;
    position: relative;
    z-index: 3;
}

.header-myym .myym-nav-global li a {
    border-top: #d8dadc solid 1px;
    border-bottom: #d8dadc solid 1px;
    border-left: #d8dadc solid 1px;
    background: #f4f5f6;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 41px;
    padding: 0 1px;
    color: #006699;
    font-size: 14px;
    letter-spacing: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-left: -1px;
    display: -moz-deck;
}

.header-myym .myym-nav-global li a:hover {
    text-decoration: underline;
}

.header-myym .myym-nav-global li a.active {
    color: #333333;
    border: none;
    border-left: #d8dadc solid 1px;
    background: #FFFFFF;
    text-decoration: none;
}

.header-myym .myym-nav-global li:first-child a.active {
    border-left: #FFFFFF solid 1px;
}

.header-myym .myym-nav-global li:last-child a {
    border-right: #d8dadc solid 1px;
}

.header-myym .myym-nav-global li:last-child a.active {
    border-right: #FFFFFF solid 1px;
}

.header-myym .myym-nav-global li a.active span {
    border-bottom: 2px solid #84919d;
}

.header-myym .myym-nav-global li a span {
    width: 100%;
    position: static;
    letter-spacing: 0;
    display: inline-block;
    min-height: 41px;
    vertical-align: middle;
    padding: 12px 0 0;
    box-sizing: border-box;
}

.header-myym .myym-nav-global li a.active span {
    padding-top: 13px;
    min-height: 43px;
}

.header-myym .header-menu {
    display: none;
    position: absolute;
    top: 61px;
    right: 0px;
    z-index: 1000;
    width: 298px;
    background-color: #fff;
    border: 1px solid #d8dadc;
    text-align: left;
    font-size: 12.999px;
}

.header-myym .header-menu a:link {
    color: #006699;
    text-decoration: none;
}

.header-myym .header-menu a:visited {
    color: purple;
    text-decoration: none;
}

.header-myym .header-menu a:hover,
.header-myym .header-menu a:active,
.header-myym .header-menu a:focus {
    color: #006699;
    text-decoration: underline;
}

.header-myym .header-menu:before {
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2.png);
    background-position: -110px -425px;
    width: 30px;
    height: 16px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    content: "";
    position: absolute;
    top: -16px;
    right: 8px;
}

.header-myym .header-menu .header-menu-category {
    margin: 0;
    padding: 12px 15px 0 15px;
}

.header-myym .header-menu .header-menu-category dt {
    margin: 0;
    padding-bottom: 9px;
    font-weight: bold;
    font-size: 16px;
    list-style: none;
}

.header-myym .header-menu .header-menu-category dd {
    display: inline-block;
    border-bottom: 1px dotted #d8dadc;
}

.header-myym .header-menu .header-menu-category.last dd {
    border-bottom: none;
}

.header-myym .header-menu .header-menu-category dd ul {
    margin: 0 -17px 0 0;
    padding: 0;
}

.header-myym .header-menu .header-menu-category dd li {
    float: left;
    margin: 0 17px 0 0;
    padding: 0;
    list-style: none;
}

.header-myym .header-menu .header-menu-category dd a {
    display: block;
    position: relative;
    height: 72px;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2.png);
    background-position: -166px 0px;
    width: 78px;
    height: 80px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.header-myym .header-menu .header-menu-category dd a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
}

.header-myym .header-menu .header-menu-category dd a.menu-card {
    background-position: -249px 0px;
}

.header-myym .header-menu .header-menu-category dd a.menu-shop {
    background-position: -166px -340px;
}

.header-myym .header-menu .header-menu-category dd a.menu-support {
    background-position: -332px -170px;
}

.header-myym .header-menu .header-menu-category dd a.menu-helpguide {
    background-position: -332px -425px;
}

.header-myym .header-menu .header-menu-category dd a.menu-shopconsult {
    background-position: 0px -610px;
}

.header-myym .header-menu .header-menu-category dd a.menu-telconsult {
    background-position: -86px -610px;
}

.header-myym .header-menu .header-menu-category dd a.menu-chatconsult {
    background-position: -170px -610px;
}

.header-myym .header-menu .header-menu-category dd a.menu-card:hover {
    background-position: -166px -85px;
}

.header-myym .header-menu .header-menu-category dd a.menu-shop:hover {
    background-position: -83px -340px;
}

.header-myym .header-menu .header-menu-category dd a.menu-support:hover {
    background-position: -415px -340px;
}

.header-myym .header-menu .header-menu-category dd a.menu-helpguide:hover {
    background-position: -415px -425px;
}

.header-myym .header-menu .header-menu-category dd a.menu-shopconsult:hover {
    background-position: -250px -610px;
}

.header-myym .header-menu .header-menu-category dd a.menu-telconsult:hover {
    background-position: -336px -610px;
}

.header-myym .header-menu .header-menu-category dd a.menu-chatconsult:hover {
    background-position: -420px -610px;
}

.header-myym .header-menu .header-menu-recommend {
    clear: both;
    margin: 0 15px;
    padding: 15px 0 0;
    border-top: 1px dotted #d8dadc;
}

.header-myym .header-menu .header-menu-recommend dt {
    margin: 0;
    padding-bottom: 9px;
    font-weight: bold;
    font-size: 16px;
    list-style: none;
}

.header-myym .header-menu .header-menu-recommend dd {
    padding: 0 0 7px 0;
}

.header-myym .header-menu .header-menu-recommend dd li {
    margin: 0 0 5px;
}

.header-myym .header-menu .header-menu-recommend dd a {
    color: #333333;
}

.header-myym .header-menu .header-menu-recommend dd a:hover {
    color: #999999;
    text-decoration: none;
}

.header-myym .header-menu .header-menu-login-change,
.header-myym .header-menu .header-menu-logout {
    height: 100%;
    min-height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0;
    border-top: 1px dotted #d8dadc;
    text-align: center;
}

[lang="en"] .header-myym .nav-site-container .nav-site a {
    font-size: 18px;
    padding-top: 14px;
}

[lang="en"] .header-myym .header-inner-top .adjust-font-size .switcher li {
    width: 26px;
}

[lang="en"] .header-myym .header-inner-top .adjust-font-size {
    width: 82px;
}

[lang="en"] .header-myym .header-inner-top .btn-menu a {
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2.png);
    background-position: -415px -225px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

[lang="en"] .header-myym .header-inner-top .btn-menu a:hover {
    background-position: -415px -170px;
}

[lang="en"] .header-myym .header-menu {
    width: 393px;
    height: 334px;
    top: 61px;
    right: 33px;
}

[lang="en"] .header-myym .header-menu:before {
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2.png);
    background-position: -110px -425px;
    width: 30px;
    height: 16px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    content: "";
    position: absolute;
    top: -16px;
    left: 175px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dt {
    padding-bottom: 4px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd {
    padding-left: 1px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd ul {
    margin-right: -18px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd a {
    background-image: url(/help/mymenu/resource/common/p/img/sprite-menu-rf2.png);
    background-position: -249px -170px;
    width: 78px;
    height: 80px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd a.menu-shop {
    background-position: -332px -255px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd a.menu-support {
    background-position: -249px -85px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd a.menu-shop:hover {
    background-position: -249px -255px;
}

[lang="en"] .header-myym .header-menu .header-menu-category dd a.menu-support:hover {
    background-position: -415px 0px;
}

[lang="en"] .header-myym .nav-global-container .myym-nav-global a {
    font-size: 16px;
}

.myym-nav-global:after {
    display: block;
    clear: both;
    content: "";
}

body>img[height="1"][width="1"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#topicpath-area {
    width: 950px;
    margin: 0 auto;
    padding: 20px 0;
}

@media all and (max-width: 990px) {
    #topicpath-area {
        margin-left: 20px;
    }
}

#topicpath-area a:link {
    color: #006699;
    text-decoration: none;
}

#topicpath-area a:visited {
    color: purple;
    text-decoration: none;
}

#topicpath-area a:hover,
#topicpath-area a:active,
#topicpath-area a:focus {
    color: #006699;
    text-decoration: underline;
}

#topicpath-area .utility {
    float: right;
    padding-top: 4px;
    overflow: hidden;
    zoom: 1;
}

#topicpath-area .utility p {
    margin: 0;
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 1.2;
}

#topicpath-area .utility p.lang {
    position: relative;
}

#topicpath-area .utility p.lang:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url(/help/mymenu/resource/common/p/img/sprite-icon.png) -150px 50% no-repeat;
    margin-right: 5px;
}

#topicpath-area .utility p.print {
    margin: 0 0 0 10px;
    border-left: 1px solid #e3e4e5;
    background: url(/help/mymenu/resource/common/p/img/icon-print.png) 10px 50% no-repeat;
    padding-left: 25px;
}

#topicpath-area .utility img {
    vertical-align: middle;
    font-size: 10px;
}

.topicpath {
    width: 810px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style-type: none;
    letter-spacing: 0;
}

.topicpath:after {
    content: "";
    display: block;
    clear: both;
}

.topicpath li {
    float: left;
    margin: -2px 6px 0 0;
    letter-spacing: normal;
}

.topicpath li:before {
    content: ">";
    padding: 0 5px 0 0 !important;
}

.topicpath li:first-child:before {
    content: "";
    display: none;
}

.topicpath li.path-home a:before {
    content: "";
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    background-image: none;
    background-position: 0px 0px;
    width: 0;
    height: 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.topicpath * {
    letter-spacing: 0 !important;
}

.topicpath li {
    margin: -2px 6px 0 0 !important;
}

.topicpath li.path-home {
    font-size: 12px !important;
}

.topicpath li.path-home a {
    font-weight: normal !important;
}

.topicpath li.path-home:before {
    display: none !important;
}

#local-nav-area .sub-box {
    font-size: 14px;
    line-height: 19.6px;
}

.sub-box h3 {
    font-size: 12px;
    line-height: 16.7992px;
}

#local-nav-area .sub-box .sub-recommend-support-list li a {
    padding: 17px 0 15px;
    display: block;
}

a.newwindowicon:after {
    content: url(/help/mymenu/resource/common/p/img/icon-newwindow.png);
    margin: 0 5px 2px !important;
}

/*
img.newwindowicon {
  display:none;
}
*/
.hdg-l1 {
    font-size: 24px;
}

/* ===== myym-account_info ===== */
.header-myym .header-inner-top .myym-account-info {
    width: 695px;
    height: 40px;
    float: left;
    border-right: 1px solid #d8dadc;
    padding-right: 10px;
    margin-top: 5px;
}

.header-myym .header-inner-top .myym-account-info p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
}

.header-myym .header-inner-top .myym-all-info p:first-child {
    margin-top: 6px;
}

.header-myym .header-inner-top .myym-all-info p {
    margin-top: 2px;
}

.header-myym .header-inner-top .myym-all-info .myym-link-prevent>a {
    pointer-events: none;
    color: #333333;
}

.header-myym .header-inner-top .myym-all-info .myym-link-prevent>a:hover {
    pointer-events: none;
    color: #333333;
    text-decoration: none;
}

/* ===== /myym-account_info ===== */



.box-05.myym-lv1_2 {
    clear: both;
    padding: 15px 17px 14px;
    margin: 20px auto;
    line-height: 1.28571;
    background-color: #f4f5f6;
    box-sizing: border-box;
    border: none;
    width: 950px;
}

.box-05.myym-lv1_2 dt,
.box-05.myym-lv1_2 dd {
    margin: 0;
    padding: 0;
}

.box-05.myym-lv1_2 dt,
.box-05.myym-lv1_2 dd {
    padding: 0;
    display: block;
    font-size: 14px;
}

.box-05.myym-lv1_2 dt {
    margin-bottom: 15px;
    font-weight: bold;
    border-right: none;
}

.box-05.myym-lv1_2 dd ul {
    margin-left: -10px;
    padding: 0;
}

.box-05.myym-lv1_2 dd ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    padding: 0;
    letter-spacing: normal;
}

.single-btn {
    margin: 20px 0px;
}

/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
.myym-account-info>.myym-account-login {
    display: block;
}

.myym-account-info>.myym-account-contractor {
    display: block;
}

.myym-account-info>.myym-account-tel {
    display: none;
}

.myym-account-info>.myym-account-name {
    display: none;
}

.nav-site-inner {
    padding-bottom: 13px;
}

/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
.footer-link-border-none {
    border-top: none !important;
}

.footer-link-none {
    padding-top: 12px;
}

/* ----------------------------------------------------------------
box
----------------------------------------------------------------- */
.toggle-inner {
    max-height: 185px;
    overflow: hidden;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.toggle-inner.show {
    max-height: initial;
    max-height: auto;
    overflow: visible;
}

/* ----------------------------------------------------------------
table
----------------------------------------------------------------- */
.tbl td,
.tbl-04 td {
    word-break: break-all;
}

/* tbl-04
----------------------------------------------- */
.tbl-04 input[type="tel"] {
    border: 1px solid #d7d9db;
    background-color: #fff;
    padding: 2px 7px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tbl-04 input[type="tel"]:focus {
    background-color: #d7e3f5;
}

.tbl-04 input[type="tel"]+.notice-list {
    margin-top: 10px;
}

/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
/* uni-btn-02.disable
----------------------------------------------- */
.uni-btn-02.disable {
    cursor: default;
    background-color: #ffffff;
    background-image: none;
    color: #e3e4e5;
    box-shadow: none;
    border: 1px solid #d8dadc;
    text-shadow: none;
}

.uni-btn-02.disable:hover,
.uni-btn-02.disable:active,
.uni-btn-02.disable:focus {
    text-decoration: none;
}

body {
    font-size: 87.5%;
}


.list-01.branch li,
.list-image,
.list-box>li,
.list-flow-04 li.col2 .flow-col-02,
.link-list,
.uni-link-list,
.link-list-04 li,
.link-list-05,
.nav-migrate:after,
.nav-migrate .nav-migrate-list:after,
.col-2,
.col-3,
.col-4,
.col-5,
.box-04[class*="col-"],
.box-04-01[class*="col-"],
.box-04-02[class*="col-"],
.box-04-03[class*="col-"],
.box-05,
.box-05 dd ul,
.image-left,
.image-right,
.grid-arr,
.gen-search,
.tab-list,
.carousel ul.thumbs,
.list-carousel,
.text-02 .list-carousel,
.toplink-area ul,
.list-product-img .boxLineup {
    zoom: 1
}

.list-01.branch li:after,
.list-image:after,
.list-box>li:after,
.list-flow-04 li.col2 .flow-col-02:after,
.link-list:after,
.uni-link-list:after,
.link-list-04 li:after,
.link-list-05:after,
.nav-migrate-container:after,
.nav-migrate:after,
.nav-migrate .nav-migrate-list:after,
.col-2:after,
.col-3:after,
.col-4:after,
.col-5:after,
.box-04[class*="col-"]:after,
.box-04-01[class*="col-"]:after,
.box-04-02[class*="col-"]:after,
.box-04-03[class*="col-"]:after,
.box-05:after,
.box-05 dd ul:after,
.image-left:after,
.image-right:after,
.grid-arr:after,
.gen-search:after,
.tab-list:after,
.carousel ul.thumbs:after,
.list-carousel:after,
.text-02 .list-carousel:after,
.toplink-area ul:after,
.list-product-img .boxLineup:after {
    display: block;
    clear: both;
    content: ""
}

.link-list-05>li,
.btn-01,
.btn-02,
.uni-btn-02,
.btn-02.branch-03,
.uni-btn-02.branch-03,
.btn-03,
.btn-list.col-2 li,
.tbl,
.tbl-04,
.tbl-04 input[type="text"],
.tbl-04 input[type="email"],
.tbl-04 textarea,
.box-04 .unit,
.box-04-01 .unit,
.box-04-02 .unit,
.box-04-03 .unit,
.grid-arr>.unit,
.tab>li>a,
.tabPanel,
.gen-search input[type="text"],
.gen-search button[type="submit"],
.tab-block,
.tab-list a,
.list-carousel li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section {
    width: 100%;
    vertical-align: middle;
}

.section.title {
    /* background: #ff0033; */
    background: #14CD0A;
    color: #FFF;
    height: 80px;
}

.section>.hdg-l1 {
    text-align: left;
    width: 960px;
}

.hdg-l1 {
    margin: 0 0 20px;
    padding: 26px 0;
    font-size: 171.43%;
    line-height: 1.2;
    display: inline-block;
    text-align: left;
    border: none;
    font-weight: normal;
}


.hdg-l1 span {
    margin: 0;
    font-size: 57.14%;
    font-weight: bold
}

.hdg-l2 {
    position: relative;
    margin: 40px 0 20px !important;
    padding: 40px 0 10px !important;
    border-top: 1px solid #d8dadc;
    font-size: 24px;
    line-height: 1.2 !important;
    background-image: none !important;
    font-weight: normal;
}

div#contents-body .hdg-l2:first-child {
    border: none;
    margin-top: 0 !important
}

.hdg-l2:before {
    display: none;
}

.hdg-l2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 100%;
    content: ""
}


.hdg-l2-container {
    position: relative;
    margin-top: 40px
}

.hdg-l2-container>p {
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: .6em;
    font-size: 100%
}

.hdg-l1+.hdg-l2-container {
    margin-top: 0
}

.hdg-l2-container+.hdg-l3 {
    margin-top: 20px !important
}

.col-2+.hdg-l2 {
    margin-top: 10px !important
}

.hdg-l1+.hdg-l2 {
    margin-top: 20px !important
}

.hdg-l3 {
    margin: 40px 0 10px;
    padding: 10px 0 9px;
    border: none;
    font-size: 114.29%;
    line-height: 1.2 !important;
    background-image: none !important;
    font-size: 20px;
    font-weight: normal;
}

.hdg-l3 {
    border: none;
    font-size: 20px;
    font-weight: normal;
}

.hdg-l3:before {
    content: "";
    background: #14CD0A;
    padding: 6px 2px;
    margin-right: 13px;
}

.hdg-l3-container {
    position: relative;
    margin: 40px 0 10px !important
}

.hdg-l3-container .hdg-l3 {
    margin: 0 !important
}

.hdg-l3-container>p {
    margin: 0 !important;
    padding: 0;
    position: absolute;
    right: 10px;
    top: .9em;
    font-size: 85.71%
}

.hdg-l2+.hdg-l3,
.hdg-l2+.hdg-l3-container,
.hdg-l2-container+.hdg-l3-container {
    margin-top: 20px !important
}

.hdg-l4 {
    margin: 0px 0px 10px;
    padding: 0px 16px 8px;
    border-bottom: 1px solid #d8dadc;
    font-size: 16px;
    font-weight: initial;
    position: relative;
}

.hdg-l4:after {
    content: "";
    background: #C4C9CD;
    display: block;
    width: 4px;
    height: 75%;
    overflow: hidden;
    position: absolute;
    top: 0%;
    left: 0px;

}


.hdg-l3+.hdg-l4 {
    margin-top: 20px !important
}

.hdg-l5 {
    position: relative;
    margin: 15px 0 10px;
    padding: 0 0 0 12px;
    font-size: 100%
}

.hdg-l5:before {
    position: absolute;
    top: .3em;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #84919d;
    content: ""
}

.hdg-l4+.hdg-l5 {
    margin-top: 20px !important
}

.hdg-l6 {
    margin: 15px 0 10px;
    font-size: 100%
}

.hdg-top-l2-container {
    position: relative;
    margin: 30px 0 10px;
    padding: 10px 0 8px;
    border-top: 3px solid #84909e;
    border-bottom: 1px solid #d8dadc;
    line-height: 1.2
}

.hdg-top-l2-container .hdg {
    font-size: 114.29%
}

.hdg-top-l2-container p {
    position: absolute;
    top: .8em;
    margin: 0 !important;
    font-size: 85.71%
}

.hdg-top-l2-container img {
    vertical-align: middle
}

.hdg-top-l2-container .link {
    right: 0
}

.hdg-top-l2-container.line-reset-bottom {
    margin-bottom: 0;
    border-bottom: 0
}

.col-2+.hdg-top-l2-container {
    margin-top: 0
}

.col-3+.hdg-top-l2-container {
    margin-top: 15px
}

#contents-area .hdg-top-l2-container:first-child {
    margin-top: 0
}

.lyt-top #contents-area p {
    margin: 5px 0 10px;
    font-size: 85.71%;
    line-height: 1.33
}

.lyt-top #contents-area section p:last-child {
    margin-bottom: 0
}

span.note,
p.note {
    font-size: 85.71%;
    margin-bottom: 3px;
    line-height: 1.4
}

p.note {
    line-height: 1.666
}

strong {
    font-weight: bold;
    color: #2174ed;
}

strong.attention {
    color: #2174ed
}

em {
    font-weight: bold
}

.ac {
    color: #e64646 !important
}

.error {
    color: #e61919 !important;
    margin: 0 0 5px
}

.required {
    padding-left: .5em;
    font-size: 85.71%;
    white-space: nowrap
}

.tbl .required,
.tbl-04 .required {
    font-size: 100%
}

.catch {
    font-weight: bold;
    font-size: 142.86%
}

.catch-03 {
    font-size: 171.43%;
    color: #666;
    line-height: 1.29
}

.fs-s {
    font-size: 85.71%
}

.fs-24 {
    font-size: 171.43% !important
}

.fs-18 {
    font-size: 128.57% !important
}

.fs-16 {
    font-size: 114.29% !important
}

.date-text {
    margin-bottom: 20px;
    text-align: right
}

dl,
dt,
dd {
    margin: 0;
    padding: 0
}

ol {
    margin: 0 0 0 2em
}

ol ol {
    margin-top: 5px;
    margin-bottom: 5px
}

[class*="list-"],
.notice-list.large,
.uni-link-list,
.list {
    line-height: 1.3
}

[class*="list-"].note,
.uni-link-list.note,
.list.note {
    line-height: 1.2
}

.notice-list {
    line-height: 1.35
}

[class*="list-"].note>li,
.link-list.note>li,
.uni-link-list.note>li {
    margin-bottom: 12px;
    font-size: 85.71%
}

[class*="list-"].note>li>.list-bullet-01,
.link-list.note>li>.list-bullet-01,
.uni-link-list.note>li>.list-bullet-01 {
    font-size: inherit
}

[class*="list-"]>li [class*="list-"],
[class*="list-"]>li .notice-list {
    margin-top: 11px;
    margin-bottom: 0
}

.notice-list>li [class*="list-"] {
    margin-top: 11px;
    margin-bottom: 0
}

.list-order {
    margin: 0 0 20px 2em
}

.list-order>li {
    margin: 0 0 12px
}

.list-order .list-order {
    margin-top: 5px;
    margin-bottom: 0
}

.list-number {
    margin: 0 0 20px
}

.list-number>li {
    position: relative;
    margin: 0 0 12px;
    padding: 0 0 0 2.2em !important
}

.list-number>li>span {
    position: absolute;
    top: 0;
    left: 0
}

.list-alpha-01 {
    margin: 0 0 20px 2em
}

.list-alpha-01>li {
    margin: 0 0 12px;
    list-style: upper-alpha
}

.list-alpha-02 {
    margin: 0 0 20px 2em
}

.list-alpha-02>li {
    margin: 0 0 12px;
    list-style: lower-alpha
}

.list-bullet {
    margin: 0 0 20px 22px
}

.list-bullet>li {
    margin: 0 0 5px;
    list-style-type: disc
}

.list-bullet .list-bullet {
    margin-top: 5px;
    margin-bottom: 0
}

textarea+.list-bullet {
    margin-top: 10px
}

.list-bullet-01 {
    margin: 0 0 20px 4px
}

.list-bullet-01>li {
    margin: 0 0 12px;
    padding-left: 15px;
    background: url(/help/mymenu/resource/common/p/img/site-icon-bullet-02.png) 0 5px no-repeat
}

html:lang(en) .list-bullet-01>li {
    background-position: 0 6px
}

.list-bullet-01>li .list-bullet-01 {
    margin-left: 10px
}

.right .inline-block .list-bullet-01 {
    font-size: inherit
}

.right .inline-block .list-bullet-01>li {
    padding-left: 16px;
    background: url(/help/mymenu/resource/common/p/img/site-bullet-note.gif) 0 5px no-repeat
}

[class*="list-"] li .list-bullet-01,
.uni-link-list li .list-bullet-01 {
    font-size: inherit
}

[class*="list-"] li .list-bullet-01>li,
.uni-link-list li .list-bullet-01>li {
    padding-left: 16px;
    background: url(/help/mymenu/resource/common/p/img/site-bullet-note.gif) 0 3px no-repeat
}

.list-bullet-02 .list-bullet-01 {
    font-size: inherit
}

[class*="list"] .list-bullet-01 {
    margin-bottom: 0
}

.list-bullet-02 {
    margin: 0 0 20px 0
}

.list-bullet-02>li {
    margin: 0 0 12px;
    padding-left: 13px;
    background: url(/help/mymenu/resource/common/p/img/site-icon-bullet.png) 0 3px no-repeat
}

.list-bullet-03 {
    margin: 0 0 20px
}

.list-bullet-03>li {
    margin-bottom: 12px;
    padding-left: 16px;
    background: url(/help/mymenu/resource/common/p/img/site-bullet-note.gif) 0 4px no-repeat
}

.list-bullet-03.note>li {
    font-size: 85.7%
}

.list-check-01 {
    margin: 0 0 20px 1px
}

.list-check-01:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.list-check-01>li {
    margin: 0 0 12px;
    padding-left: 18px;
    color: #aaaaaa;
    position: relative
}

.list-check-01>li.checked {
    color: #333333
}

.list-check-01>li.checked:before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 3px;
    background-image: url(/help/mymenu/resource/common/p/img/site-icon-check-01.png);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

.list-check-01>li .list-check-01 {
    margin-left: 9px
}

.list-check-01>li .list-check-01>li {
    padding-left: 17px
}

.list-check-01.note>li {
    margin: 12px 0 0 0
}

.list-check-01.note>li.checked:before {
    background-image: url(/help/mymenu/resource/common/p/img/site-icon-check-01-note.png);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

.list-check-01.list-check-01-col-2 {
    margin-right: -20px
}

.list-check-01.list-check-01-col-2>li {
    float: left;
    width: 50%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list {
    margin: 0.41667em 0 15px;
    border-top: 1px dotted #d8dadc;
    border-bottom: 1px dotted #d8dadc
}

.list li {
    margin: 0;
    padding: 8px 0 6px;
    border-top: 1px dotted #d8dadc
}

.list li:first-child,
.list li.pseudo-first-child {
    border-top: none
}

.list p {
    margin: 0.66667em 0 0 !important;
    font-size: 100% !important
}

.list .list {
    margin: 5px 0 0 30px;
    font-size: inherit;
    border: none
}

.list .list:first-child {
    padding-top: 8px;
    border-top: 1px dotted #d8dadc
}

.list .list>li:last-child {
    padding-bottom: 0
}

.list .list>li:first-child {
    padding-top: 0
}

.list-01 {
    margin: 5px 0 10px;
    font-size: 85.71%
}

.list-01 li {
    margin: 0;
    padding: .6em 0;
    border-top: 1px dotted #d8dadc
}

.list-01 li a em {
    color: #2174ed
}

.list-01 li:first-child,
.list-01 li.pseudo-first-child {
    border-top: none;
    padding-top: 0
}

.list-01 li:last-child {
    padding-bottom: 0
}

.list-01 .medium {
    font-size: 116.67%
}

.list-01 p {
    margin: 6px 0 0 !important;
    font-size: 100% !important
}

.list-01.branch .thumb {
    float: left;
    padding-right: 10px
}

.list-01.branch .detail {
    overflow: hidden
}

.list-def {
    margin: 0 0 20px
}

.list-def dt {
    margin: 7px 0 .2em;
    font-weight: bold
}

.list-def dd {
    margin: 0 0 .2em
}

.list-gen>li {
    margin: 0 0 12px
}

.list-gen>li>span:first-child {
    display: table-cell;
    white-space: nowrap
}

.list-gen>li>div {
    display: table-cell
}

.list-info li {
    position: relative;
    margin: 10px 0 0;
    font-size: 85.71%
}

.list-info li:first-child {
    margin-top: 0
}

.list-info img {
    position: relative;
    top: -1px;
    vertical-align: middle
}

.list-info img.pdficon,
.list-info img.wmvicon,
.list-info img.xlsicon,
.list-info img.flipicon,
.list-info img.rssicon,
.list-info img.zipicon,
.list-info img.mailicon,
.list-info img.newwindowicon,
.list-info img.icon-new {
    margin: 0 3px 0 !important
}

.list-info span {
    font-size: 83.33%
}

.list-info .company {
    display: block;
    padding: 3px 0
}

.list-info.mobile a:before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    visibility: hidden;
    line-height: 2.5
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .list-info.mobile a:before {
        display: none
    }

    .list-info.mobile br {
        display: block;
        content: " ";
        margin-bottom: 8px
    }
}

.list-image {
    margin: 0 0 10px
}

.list-image li {
    display: inline;
    float: left;
    margin: 0 0 10px 10px
}

.list-image.col-2 {
    margin-left: -20px
}

.list-image.col-2 li {
    margin-left: 20px;
    width: 345px
}

.list-image.col-3 {
    margin-left: -15px
}

.list-image.col-3 li {
    margin-left: 15px;
    width: 226px
}

.list-image.col-4 {
    margin-left: -10px
}

.list-image.col-4 li {
    margin-left: 10px;
    width: 170px
}

.list-image.col-4 li:last-child,
.list-image.col-4 li:nth-last-child(2),
.list-image.col-4 li:nth-last-child(3),
.list-image.col-4 li:nth-last-child(4) {
    margin-bottom: 0
}

.list-image.col-5 {
    margin-left: -10px
}

.list-image.col-5 li {
    margin-left: 10px;
    width: 134px
}

.col-2 .list-image.col-2 {
    margin: 0 0 0 -15px
}

.col-2 .list-image.col-2 li {
    margin-left: 15px;
    width: 165px
}

.list-image-02 {
    margin: 0 0 20px
}

.list-image-02 .caption {
    text-align: left
}

.list-image-02>li {
    margin-top: 10px
}

.list-image-02>li:first-child {
    margin-top: 0
}

.list-image-02[class*="col-"] {
    zoom: 1;
    margin: -20px 0 20px -20px !important
}

.list-image-02[class*="col-"]:after {
    display: block;
    clear: both;
    content: ""
}

.list-image-02[class*="col-"] img {
    width: auto;
    height: auto;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list-image-02[class*="col-"]>li {
    margin-top: 20px;
    padding-left: 20px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.list-image-02.col-2>li {
    width: 50%
}

.list-image-02.col-3>li {
    width: 33.33333%
}

.list-image-02.col-3>li+li+li {
    padding-left: 21px
}

.list-image-02.col-4 {
    margin: -20px 0 20px -19px !important
}

.list-image-02.col-4>li {
    padding-left: 19px;
    width: 25%
}

.list-image-02.col-4>li+li+li+li {
    padding-left: 20px
}

.grid-arr.t-2.col-2 .list-image-02 {
    margin: -20px 0 20px -19px !important
}

.grid-arr.t-2.col-2 .list-image-02>li {
    padding-left: 19px
}

.list-form li {
    margin: .2em 0
}

.list-form label {
    display: inline-block
}

.list-form input[type="checkbox"],
.list-form input[type="radio"] {
    margin-right: 5px
}

.list-form-01 {
    clear: both;
    margin: 0
}

.list-form-01 li {
    display: inline-block;
    *display: inline;
    _display: inline;
    padding-right: 18px
}

.list-form-01 li:last-child {
    padding-right: 0
}

.list-form-01 label {
    white-space: nowrap
}

.list-form-01 input[type="checkbox"],
.list-form-01 input[type="radio"] {
    margin-right: 5px
}

.list-form-01.col2 li {
    width: 45%
}

.list-release {
    margin: 0
}

.list-release li {
    display: table;
    width: 100%;
    border-bottom: 1px dotted #d8dadc
}

.list-release li>span {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0
}

.list-release li:first-child>span {
    padding-top: 2px
}

.list-release li:first-child .release-title {
    padding-top: 0
}

.list-release li .release-date {
    font-size: 85.71%;
    width: 110px;
    padding-right: 5px
}

.list-release li .title {
    margin: 0
}

.list-release li .release-title {
    margin: 0;
    padding: 6px 0;
    line-height: 24px
}

.list-release.t-1>li {
    margin-bottom: 7px;
    padding-bottom: 5px
}

.list-release.t-1>li>span {
    padding: 3px 13px 0 0
}

.list-release.t-1>li p {
    padding: 0
}

.list-box>li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list-box>li .inner {
    display: table;
    width: 100%
}

.list-box>li .inner .image {
    display: table-cell
}

.list-box>li .inner .desc {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.list-box>li .inner .desc>:last-child {
    margin-bottom: 0
}

.list-box>li>a {
    border: 1px solid #d8dadc;
    background-color: #fff;
    display: block
}

.list-box[class*="col-"] {
    zoom: 1;
    margin: 0 0 20px
}

.list-box[class*="col-"]:after {
    display: block;
    clear: both;
    content: ""
}

.list-box.t-1 {
    margin-top: -5px;
    margin-left: -5px
}

.list-box.t-1>li {
    margin-top: 5px;
    padding-left: 5px
}

.list-box.t-1>li>a {
    border: 1px solid #d8dadc
}

.list-box.t-2 {
    margin-top: -10px;
    margin-left: -10px
}

.list-box.t-2>li {
    margin-top: 10px;
    padding-left: 10px
}

.list-box.t-2>li>a {
    padding: 10px
}

.list-box.t-2>li>a .inner .image {
    padding: 0 12px 0 0
}

.list-box.t-2>li>a .inner .desc {
    font-size: 100%
}

.list-box.t-2.box-col-2>li {
    width: 50%
}

.list-box.t-2.box-col-3>li {
    width: 33.33333%
}

.list-box.t-3 {
    margin-top: -20px;
    margin-left: -20px
}

.list-box.t-3>li {
    margin-top: 20px;
    padding-left: 20px
}

.list-box.t-3>li>div {
    border: 1px solid #d8dadc;
    padding: 10px
}

.list-box.t-3>li>div .inner .image {
    padding: 0 10px 0 0
}

.list-box.t-3>li>div .inner .desc {
    font-size: 100%;
    vertical-align: top
}

.list-box.t-3.box-col-2>li {
    width: 50%
}

.list-box.t-3.box-col-3>li {
    width: 33.33333%
}

.list-box .image {
    padding: 0 10px 0 0
}

ol.list-flow {
    margin: 0 0 20px;
    list-style: none
}

ol.list-flow>li {
    padding: 40px 228px 0 0;
    position: relative;
    overflow: hidden
}

ol.list-flow>li .col {
    float: left;
    width: 207px
}

ol.list-flow>li .col>.hdg:first-child>span {
    font-size: 85.71%;
    margin-bottom: 20px;
    padding: 5px 10px 2px;
    display: inline-block;
    background-color: #d7e3f5
}

ol.list-flow>li .col>.hdg:first-child>span>em {
    font-size: 142.86%
}

ol.list-flow>li .image {
    margin: 0 0 0 20px;
    float: left
}

ol.list-flow>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12px 0 12px;
    border-color: #d8dadc transparent transparent transparent
}

ol.list-flow>li:first-child {
    padding-top: 0
}

ol.list-flow>li:first-child:before {
    content: none
}

ol.list-flow-02 {
    margin: 0 0 0 -10px;
    list-style: none;
    zoom: 1
}

ol.list-flow-02:after {
    display: block;
    clear: both;
    content: ""
}

ol.list-flow-02>li {
    margin-top: 30px;
    padding-left: 30px;
    position: relative;
    float: left;
    width: 140px
}

ol.list-flow-02>li .hdg:first-child {
    font-size: 85.71%;
    margin-bottom: 8px;
    padding: 5px 6px 2px;
    line-height: 1;
    background-color: #e3e4e5
}

ol.list-flow-02>li .hdg:first-child>em {
    font-size: 142.86%
}

ol.list-flow-02>li>div>:last-child {
    margin-bottom: 0
}

ol.list-flow-02>li .desc {
    margin-bottom: 6px;
    font-size: 85.71%
}

ol.list-flow-02>li .image {
    margin-bottom: 0
}

ol.list-flow-02>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 60%;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d8dadc
}

ol.list-flow-02>li:first-child:before {
    content: none
}

ol.list-flow-02>li:first-child,
ol.list-flow-02>li:first-child+li,
ol.list-flow-02>li:first-child+li+li,
ol.list-flow-02>li:first-child+li+li+li {
    margin-top: 0
}

ol.list-flow-03 {
    margin: 0 0 20px -30px;
    list-style: none;
    zoom: 1;
    overflow: hidden
}

ol.list-flow-03:after {
    display: block;
    clear: both;
    content: ""
}

ol.list-flow-03>li {
    margin-top: 30px;
    padding-left: 30px;
    float: left;
    position: relative
}

ol.list-flow-03>li>div {
    padding: 0 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d8dadc;
    width: 155px;
    overflow: hidden
}

ol.list-flow-03>li>div:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d8dadc
}

ol.list-flow-03>li>div>:last-child {
    margin-bottom: 0
}

ol.list-flow-03>li:first-child>div:before {
    content: none
}

ol.list-flow-03>li .hdg {
    margin: 0 -10px 8px;
    padding: 7px 6px 6px;
    background-color: #f4f5f6;
    text-align: center;
    font-size: 100%
}

ol.list-flow-03>li .lead {
    margin-bottom: 5px
}

ol.list-flow-03>li .image {
    margin-bottom: 8px
}

ol.list-flow-03>li .desc {
    margin-bottom: 8px;
    padding-bottom: 6px;
    font-size: 85.71%;
    border-bottom: dotted 1px #d8dadc
}

ol.list-flow-03>li .link {
    font-size: 85.71%
}

ol.list-flow-03>li:first-child,
ol.list-flow-03>li:first-child+li,
ol.list-flow-03>li:first-child+li+li,
ol.list-flow-03>li:first-child+li+li+li {
    margin-top: 0
}

.list-flow-04 {
    margin: 0 0 20px;
    list-style: none
}

.list-flow-04 li {
    position: relative
}

.list-flow-04 .inner {
    padding: 10px;
    border: 1px solid #d8dadc
}

.list-flow-04 .inner .hdg {
    margin: -10px -10px 0 -10px;
    background-color: #f4f5f6;
    border-bottom: 1px solid #d8dadc;
    padding: 10px;
    margin-bottom: 10px
}

.list-flow-04 .inner>*:last-child {
    margin-bottom: 0
}

.list-flow-04 li.col2 .flow-col-02 {
    _overflow: hidden;
    *overflow: hidden;
    margin-left: -10px
}

.list-flow-04 li.col2 .flow-col-02 .flow-col-box {
    position: relative;
    float: left;
    _display: inline;
    width: 350px;
    margin-left: 10px;
    padding-top: 45px
}

.list-flow-04 li.col2 .flow-col-02 .flow-col-box:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12px 0 12px;
    border-color: #d8dadc transparent transparent transparent
}

.list-01.branch-01 {
    margin-bottom: 20px;
    _margin-bottom: 10px
}

.list-01.branch-01 li {
    overflow: hidden;
    border-top: none;
    padding: 0;
    margin-top: 20px
}

.list-01.branch-01 li a {
    display: block
}

.list-01.branch-01 li:first-child {
    margin-top: 0
}

.list-01.branch-01 li .thumb {
    padding-right: 20px;
    float: left
}

.list-01.branch-01 li .thumb img {
    border: 1px solid #d8dadc;
    width: 138px;
    height: 138px
}

.list-01.branch-01 li .detail {
    overflow: hidden
}

.list-01.branch-01 li .detail:last-child {
    margin-bottom: 0
}

.list-01.branch-01 li .detail a {
    display: inline
}

.list-01.branch-01 li .detail span {
    font-size: 116.65%;
    vertical-align: middle
}

.list-01.branch-01 li .detail .icon-03 {
    display: inline;
    font-size: 83.4%;
    font-weight: bold;
    color: #fff;
    background-color: #5989cd;
    padding: 0 4px 0;
    line-height: 1
}

.list-01.branch-01 li .detail p {
    font-size: 116.65% !important;
    margin: 6px 0 0 !important
}

.list-02 {
    margin-bottom: 20px
}

.list-02 li {
    overflow: hidden;
    border-top: none;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d8dadc
}

.list-02 li:first-child {
    margin-top: 0
}

.list-02 li a {
    display: block
}

.list-02 li .thumb {
    padding-right: 10px;
    float: left
}

.list-02 li .thumb img {
    border: 1px solid #d8dadc
}

.list-02 li .detail {
    overflow: hidden
}

.list-02 li .detail:last-child {
    margin-bottom: 0
}

.list-02 li .detail a {
    display: inline
}

.list-02 li .detail span {
    font-size: 116.65%;
    vertical-align: middle
}

.list-02 li .detail p {
    margin: 0
}

.list-toggle .list-toggle-btn {
    text-align: center;
    margin-bottom: 20px
}

.list-toggle .list-toggle-btn a {
    border: solid 1px #d8dadc;
    display: inline-block;
    padding: 5px 20px 3px 35px;
    border-radius: 3px;
    font-size: 85.71%;
    min-width: 145px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.list-toggle .list-toggle-btn a span {
    display: inline-block;
    position: relative
}

.list-toggle .list-toggle-btn a span:before,
.list-toggle .list-toggle-btn a span:after {
    background: #646464;
    position: absolute;
    content: ""
}

.list-toggle .list-toggle-btn a span:before {
    width: 13px;
    height: 3px;
    left: -20px;
    top: 50%;
    margin-top: -3px
}

.list-toggle .list-toggle-btn a span:after {
    width: 3px;
    height: 13px;
    left: -15px;
    top: 50%;
    margin-top: -8px
}

.list-toggle.active .list-toggle-btn {
    margin-bottom: 30px
}

.list-toggle.active .list-toggle-btn a span:after {
    display: none
}

.link-list,
.uni-link-list {
    margin: 12px 0
}

.link-list>li,
.uni-link-list>li {
    margin: 12px 0 0;
    zoom: 1
}

.link-list>li:first-child,
.uni-link-list>li:first-child {
    margin-top: 0;
    padding-top: 0
}

.link-list>li:last-child,
.uni-link-list>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.col-2.link-list li,
.col-2.uni-link-list li {
    display: inline;
    float: left;
    margin-left: 20px;
    width: 345px
}

.col-2.link-list li:nth-child(2n+1),
.col-2.uni-link-list li:nth-child(2n+1) {
    clear: both
}

.col-3.link-list,
.col-3.uni-link-list {
    margin-left: -15px
}

.col-3.link-list li,
.col-3.uni-link-list li {
    display: inline;
    float: left;
    margin-left: 15px;
    width: 226px
}

.col-3.link-list li:nth-child(3n+1),
.col-3.uni-link-list li:nth-child(3n+1) {
    clear: both
}

.col-4.link-list,
.col-4.uni-link-list {
    margin-left: -10px
}

.col-4.link-list li,
.col-4.uni-link-list li {
    display: inline;
    float: left;
    margin-left: 10px;
    width: 170px
}

.col-4.link-list li:nth-child(4n+1),
.col-4.uni-link-list li:nth-child(4n+1) {
    clear: both
}

.col-4.reason.link-list,
.col-4.reason.uni-link-list {
    margin-bottom: 20px;
    margin-left: 0;
    border-right: 1px dotted #e3e4e5
}

.col-4.reason.link-list li,
.col-4.reason.uni-link-list li {
    float: left;
    margin: 0;
    padding: 0;
    width: 175px;
    border-left: 1px dotted #e3e4e5;
    text-align: center
}

.col-4.reason.link-list img,
.col-4.reason.uni-link-list img {
    margin-bottom: 12px
}

.col-4.reason.link-list a,
.col-4.reason.uni-link-list a {
    display: block;
    padding: 4px 0
}

.col-5.link-list,
.col-5.uni-link-list {
    margin-left: -10px
}

.col-5.link-list li,
.col-5.uni-link-list li {
    display: inline;
    float: left;
    margin-left: 10px;
    width: 132px
}

.col-5.link-list li:nth-child(5n+1),
.col-5.uni-link-list li:nth-child(5n+1) {
    clear: both
}

.col-5.save.link-list,
.col-5.save.uni-link-list {
    margin-bottom: 20px;
    margin-left: 0;
    border-right: 1px dotted #e3e4e5
}

.col-5.save.link-list li,
.col-5.save.uni-link-list li {
    float: left;
    margin: 0;
    padding: 0;
    width: 141px;
    border-left: 1px dotted #e3e4e5;
    text-align: center
}

.col-5.save.link-list li:first-child,
.col-5.save.uni-link-list li:first-child {
    width: 140px
}

.col-5.save.link-list img,
.col-5.save.uni-link-list img {
    margin-bottom: 8px
}

.col-5.save.link-list a,
.col-5.save.uni-link-list a {
    display: block;
    padding: 2px 0
}

.link-list .list-bullet-01,
.uni-link-list .list-bullet-01 {
    margin: 8px 0 0 21px
}

.col-2 .link-list.col-2 {
    margin-left: -10px
}

.col-2 .link-list.col-2 li {
    margin-left: 10px;
    width: 167px
}

.tbl .link-list,
.tbl-04 .link-list {
    font-size: 100%
}

.tbl .link-list.col-3,
.tbl-04 .link-list.col-3 {
    margin: 0
}

.tbl .link-list.col-3 li,
.tbl-04 .link-list.col-3 li {
    margin-left: 0;
    width: 33.3%
}

.link-list+.right,
.uni-link-list+.right {
    margin-top: 10px;
    line-height: 1 !important
}

.link-list-03 {
    margin: 0;
    padding: 10px 0 0;
    border-top: 1px solid #d8dadc;
    text-align: right;
    font-size: 85.71%
}

.link-list-03 li {
    display: inline-block;
    margin: 0 0 0 2em;
    padding: 0
}

.link-list-04 {
    margin: 0;
    padding: 0;
    font-size: 85.71%
}

.link-list-04 li {
    margin: 0;
    padding: 10px 0;
    border-top: 1px dotted #d8dadc
}

.link-list-04 li:first-child {
    padding-top: 0;
    border-top: none
}

.link-list-04 li:last-child {
    padding-bottom: 0
}

.link-list-04 li img {
    display: inline;
    float: left;
    margin: 0 10px 0 0
}

.link-list-04 li .text {
    display: block;
    overflow: hidden
}

.link-list-05 {
    margin: -10px -5.5px 10px 1px
}

.link-list-05>li {
    margin: 10px 0 0 -1px;
    padding: 1px 10px;
    float: left;
    border-left: 1px solid #d8dadc;
    border-right: 1px solid #d8dadc;
    width: 20%
}

.link-list-05>li>a {
    font-size: 85.71%
}

.link-list-05.branch {
    margin-left: -26px
}

.link-list-05.branch>li {
    margin: 0 0 0 26px;
    border: none;
    padding: 0;
    width: auto
}

.link-list-05.branch>li>a {
    font-size: 100%
}

.btn {
    display: inline-block;
    margin: 0;
    padding: 4px 20px 4px 17px;
    border: 1px solid #d8dadc;
    border-radius: 3px;
    background-color: #fff;
    color: #006699;
    font-size: 85.71%;
    line-height: 1.2;
    text-align: center
}

.btn-01 {
    display: inline-block;
    margin: 0;
    padding: 10px 29px 7px 27px;
    min-width: 270px;
    border: 1px solid #8C3CFF;
    border-radius: 3px;
    background-color: #8C3CFF;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); */
    font-weight: bold;
    font-size: 114.29%;
    line-height: 1.3
}

.btn-01:link,
.btn-01:visited,
.btn-01:hover,
.btn-01:active,
.btn-01:focus {
    color: #fff
}

.lyt-top p .btn-01 {
    font-size: 150%
}

.btn-01.disable {
    cursor: default;
    background-color: #ffffff;
    background-image: none;
    color: #e3e4e5;
    box-shadow: none;
    border: 1px solid #d8dadc;
    text-shadow: none
}

.btn-01.disable:hover,
.btn-01.disable:active,
.btn-01.disable:focus {
    text-decoration: none
}

.btn-02,
.uni-btn-02 {
    display: inline-block;
    padding: 10px 29px 7px 27px;
    min-width: 270px;
    border: 1px solid #d8dadc;
    border-radius: 5px;
    background-color: #f4f5f6;
    box-shadow: none;
    background-image: none;
    text-shadow: none;
    color: #006699;
    vertical-align: top;
    font-weight: bold;
    font-size: 114.29%;
    line-height: 1.3;
    text-align: center
}

.btn-03:visited,
.uni-btn-03:visited,
.uni-btn-02:visited {
    color: #006699;
}

.btn-02:link,
.uni-btn-02:link,
.btn-02:visited,
.uni-btn-02:visited {
    text-decoration: none
}

.btn-02:hover,
.uni-btn-02:hover,
.btn-02:active,
.uni-btn-02:active,
.btn-02:focus,
.uni-btn-02:focus {
    text-decoration: underline
}

.branch.btn-02,
.branch.uni-btn-02 {
    padding: 3px 10px 2px;
    font-size: 85.71%
}

.branch-03.btn-02,
.branch-03.uni-btn-02 {
    width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: 100% !important;
    line-height: 1.4
}

#local-nav-area .btn-02,
#local-nav-area .uni-btn-02 {
    font-size: 100%
}

.lyt-top #contents-area p .btn-02 {
    font-size: 150%
}

.btn-03 {
    display: inline-block;
    padding: 10px 29px 7px 27px;
    min-width: 270px;
    border: 1px solid #d8dadc;
    border-radius: 3px;
    background-color: #fff;
    color: #006699;
    line-height: 1.3;
    text-align: center;
    font-size: 114.29%;
    font-weight: bold
}

.btn-list {
    margin: 20px 0 0;
    padding: 5px 0;
    text-align: center
}

.btn-list li {
    margin: 0;
    padding: 5px 0;
    list-style-type: none
}

.btn-list.col-2 {
    margin: 20px 0
}

.btn-list.col-2 li {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 5px 3px;
    vertical-align: middle
}

.btn-list.col-2 li:first-child {
    margin-left: 0
}

.btn-list .btn {
    padding: .5em 10px;
    min-width: 8em;
    font-size: 100%;
    line-height: 1.4
}

.btn-list .btn-01,
.btn-list .btn-02 {
    min-width: 226px
}

.btn-list-02 {
    margin: 20px 0 0;
    padding: 5px 0
}

.btn-list-02 li {
    margin: 0;
    padding: 5px 0;
    list-style-type: none
}

.btn-list-02 li a[class*="btn-"] {
    min-width: 200px
}

.btn-list-02.col-2 {
    margin: 20px 0
}

.btn-list-02.col-2 li {
    display: inline-block;
    margin: 0 3px;
    padding: 5px 0;
    vertical-align: middle
}

.btn-list-pager {
    text-align: center;
    margin: 40px 0
}

.btn-list-pager li {
    color: #ced5da;
    font-size: 114.29%;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edeff0));
    background-image: -webkit-linear-gradient(top, #fff, #edeff0);
    background-image: linear-gradient(to bottom, #fff, #edeff0);
    padding-top: 9px;
    padding-bottom: 8px;
    border-style: solid;
    border-color: #d8dadc;
    position: relative;
    height: 39px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn-list-pager li:before {
    content: "";
    position: absolute;
    top: -1px;
    height: 39px;
    width: 16px;
    background-image: url(/help/mymenu/resource/common/p/img/trunk/site-bg-btn-list-pager.png);
    background-repeat: no-repeat
}

.btn-list-pager li.next {
    border-radius: 3px 0 0 3px;
    border-width: 1px 0 1px 1px;
    margin-left: 15px;
    padding-right: 14px;
    padding-left: 22px
}

.btn-list-pager li.next:before {
    right: -16px;
    background-position: -16px 0
}

.btn-list-pager li.prev {
    border-radius: 0 3px 3px 0;
    border-width: 1px 1px 1px 0;
    padding-left: 14px;
    padding-right: 22px
}

.btn-list-pager li.prev:before {
    left: -16px;
    background-position: 0 0
}

ul.anchor-link01,
.nav-anchor,
.nav-internal {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    font-size: 85.71%
}

ul.anchor-link01 li,
.nav-anchor li,
.nav-internal li {
    position: relative;
    display: inline-block;
    *display: inline;
    _display: inline;
    margin: 0 20px 10px 0;
    padding: 0
}

ul.anchor-link01 li:before,
.nav-anchor li:before,
.nav-internal li:before {
    position: relative;
    top: 3px;
    left: 0;
    display: inline-block;
    margin: 0 4px 0 0;
    width: 14px;
    height: 14px;
    background: url(/help/mymenu/resource/common/p/img/site-sprite-icon.png) -16px 50% no-repeat;
    content: ""
}

ul.anchor-link01 a,
.nav-anchor a,
.nav-internal a {
    display: inline-block;
    white-space: nowrap
}

ul.anchor-link01+.hdg-l2,
.nav-anchor+.hdg-l2,
.nav-internal+.hdg-l2 {
    margin-top: 30px !important
}

.nav-index {
    clear: both;
    margin: 40px 0 10px;
    text-align: right;
    font-size: 85.71%
}

.nav-index a {
    position: relative;
    display: inline-block
}

.nav-index a:before {
    position: relative;
    top: 3px;
    display: inline-block;
    margin: 0 4px 0 0;
    width: 14px;
    height: 14px;
    background: url(/help/mymenu/resource/common/p/img/site-sprite-icon.png) 0 50% no-repeat;
    content: ""
}

.nav-index+.hdg-l2,
.nav-index+.hdg-l3 {
    margin-top: 10px !important
}

.nav-pager {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    font-size: 85.71%
}

.nav-pager li {
    display: inline-block;
    border-radius: 3px
}

.nav-pager li.active {
    padding: .5em 10px;
    background-color: #d8dadc
}

.nav-pager a {
    display: inline-block;
    padding: .5em 10px;
    border: 1px solid #d8dadc;
    border-radius: 3px
}

.nav-pager a:hover,
.nav-pager a:active,
.nav-pager a:focus {
    background-color: #d8dadc
}

.nav-pager span {
  display: inline-block;
  padding: .5em 10px;
  border: 1px solid #d8dadc;
  border-radius: 3px;
  color:#c4c7ca;
}

.nav-pager-num {
  display:none;
}

.nav-migrate-container {
    margin: 0 0 20px
}

.nav-migrate {
    float: right
}

.nav-migrate .nav-migrate-list {
    float: left;
    padding-top: 5px
}

.nav-migrate .nav-migrate-list li {
    float: left;
    border-right: 1px solid #d8dadc;
    padding: 0 20px
}

.nav-migrate .nav-migrate-list li:first-child {
    border-left: 1px solid #d8dadc
}

.app-wrapper {
    border: 8px solid #f4f5f6;
    padding: 20px 20px 5px 21px;
    margin: 0 auto 20px
}

.title-group {
    margin-bottom: 14px
}

.title-group:after {
    display: block;
    clear: both;
    content: ""
}

.title-group img {
    float: left;
    padding-top: 5px
}

.title-group .text {
    float: left;
    vertical-align: top;
    padding: 0 0 0 20px
}

.app-title-01 {
    font-size: 114.29%
}

.app-title-02 {
    color: #2174ed;
    font-size: 128.57%;
    font-weight: normal;
    margin-bottom: 8px
}

.app-box-wrapper {
    margin: 0 0 15px -15px
}

.app-box-wrapper:after {
    display: block;
    clear: both;
    content: ""
}

.app-box-wrapper li.app-box {
    border: 1px solid #d8dadc;
    float: left;
    width: 317px;
    text-align: center;
    padding: 10px 0;
    margin-left: 15px
}

.tbl,
.tbl-04 {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-top: 1px solid #d8dadc;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #d8dadc
}

.tbl>caption,
.tbl-04>caption {
    zoom: 1;
    padding-bottom: 7px;
    font-size: 85.71%
}

.tbl>caption:after,
.tbl-04>caption:after {
    display: block;
    clear: both;
    content: ""
}

.tbl>caption .cap-1,
.tbl-04>caption .cap-1,
.tbl>caption .cap-2,
.tbl-04>caption .cap-2 {
    display: block
}

.tbl>caption .cap-1,
.tbl-04>caption .cap-1 {
    float: left
}

.tbl>caption .cap-2,
.tbl-04>caption .cap-2 {
    float: right
}

.tbl th,
.tbl-04 th,
.tbl td,
.tbl-04 td {
    padding: 10px;
    border-top: none;
    border-right: 1px solid #d8dadc;
    border-bottom: 1px solid #d8dadc;
    border-left: none;
    font-size: 100%
}

.tbl th>:last-child,
.tbl-04 th>:last-child,
.tbl td>:last-child,
.tbl-04 td>:last-child {
    margin-bottom: 0
}

.tbl th,
.tbl-04 th {
    background-color: #f4f5f6;
    vertical-align: middle;
    font-weight: normal
}

.tbl p,
.tbl-04 p {
    margin-bottom: 5px
}

.tbl thead th,
.tbl-04 thead th {
    text-align: center
}

.tbl thead td,
.tbl-04 thead td {
    background-color: #f4f5f6
}

.tbl img,
.tbl-04 img {
    width: auto;
    height: auto;
    max-width: 100%
}

form .tbl td,
form .tbl-04 td {
    word-break: break-all;
    word-wrap: break-word
}

form .tbl td p,
form .tbl-04 td p {
    word-break: break-all;
    word-wrap: break-word
}

.ft.tbl thead tr:first-child th,
.ft.tbl-04 thead tr:first-child th,
.ft.tbl thead tr:first-child td,
.ft.tbl-04 thead tr:first-child td {
    background-color: #e3e4e5
}

.fl.tbl tbody tr td:first-child,
.fl.tbl-04 tbody tr td:first-child {
    background-color: #f4f5f6
}

.fl.tbl tbody tr>th:first-child,
.fl.tbl-04 tbody tr>th:first-child {
    background-color: #e3e4e5
}

.fl.tbl tbody tr>th:first-child+td,
.fl.tbl-04 tbody tr>th:first-child+td {
    background-color: #f4f5f6
}

.t-1.tbl th,
.t-1.tbl-04 th {
    vertical-align: top;
    text-align: left
}

.ptn-2.tbl col,
.ptn-2.tbl-04 col {
    width: 50%
}

.ptn-3.tbl col,
.ptn-3.tbl-04 col {
    width: 33.33333%
}

.ptn-4.tbl col,
.ptn-4.tbl-04 col {
    width: 25%
}

.ptn-5.tbl col,
.ptn-5.tbl-04 col {
    width: 20%
}

.tbl .img-border img,
.tbl-04 .img-border img {
    border: 1px solid #d8dadc
}

.tbl.attention tbody th {
    background-color: #d7e3f5
}

.tbl td.itemize {
    border-right: none
}

.tbl td.itemize .num-unit {
    font-size: 85.71%
}

.tbl td.itemize-btn {
    min-width: 50px
}

.tbl td.itemize-btn .btn-02 {
    display: inline-block;
    min-width: 0;
    font-size: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.tbl-04 th,
.tbl-04 td {
    font-weight: normal
}

.tbl-04 th {
    font-size: 100%;
    text-align: left
}

.tbl-04 th .required {
    color: #2174ed;
    font-size: 85.71%;
    font-weight: bold;
    padding-left: 9px
}

.tbl-04.form-01 th {
    width: 208px
}

.tbl-04 p {
    margin-bottom: 10px
}

.tbl-04 p.error {
    font-size: 85.71%;
    margin-bottom: 10px
}

.tbl-04 p.error+.list-form-01 {
    margin-top: -8px
}

.tbl-04 input[type="text"],
.tbl-04 input[type="email"],
.tbl-04 textarea {
    border: 1px solid #d7d9db;
    background-color: #fff;
    padding: 2px 7px 0
}

.tbl-04 input[type="text"]:focus,
.tbl-04 input[type="email"]:focus,
.tbl-04 textarea:focus {
    background-color: #d7e3f5
}

.tbl-04 input[type="text"].w-100,
.tbl-04 input[type="email"].w-100,
.tbl-04 textarea.w-100 {
    *width: 97% !important;
    _width: 97% !important
}

.tbl-04 input[type="text"]+ul.notice-list,
.tbl-04 input[type="email"]+ul.notice-list,
.tbl-04 textarea+ul.notice-list {
    margin-top: 10px
}

.tbl-04 textarea {
    height: 95px
}

.tbl-04 .list-form-01 li {
    padding-top: 7px
}

.tbl-04 .notice-list li {
    font-size: 85.71%
}

.tbl-04 p.check {
    margin-bottom: 10px
}

.tbl-04 p.check label {
    padding-left: 16px
}

.tbl-04+.btn-list {
    margin: 20px 0 10px;
    padding: 0
}

.tbl-04+.btn-list li {
    padding: 0
}

.tbl-04+.btn-list.col-2 li {
    width: 200px
}

.tbl-04+.btn-list.col-2 li .btn-01,
.tbl-04+.btn-list.col-2 li .btn-02 {
    min-width: 200px
}

.tbl-04+.btn-list .btn-01,
.tbl-04+.btn-list .btn-02 {
    font-size: 128.57%;
    padding-top: 9px;
    padding-bottom: 6px
}

dl.notice-list {
    margin: 0 0 20px;
    font-size: 85.71%
}

dl.notice-list dt {
    margin: 0;
    padding: 0
}

dl.notice-list dd {
    padding-top: 7px
}

dl.notice-list ul li {
    margin-bottom: 9px
}

dl.notice-list ul li span {
    white-space: nowrap;
    padding-right: .5em;
    display: table-cell
}

dl.notice-list ul li div {
    width: 100%;
    display: table-cell
}

dl.notice-list ul+ul {
    margin-top: 20px
}

dl.notice-list.large {
    font-size: 100%
}

ul.notice-list {
    margin: 0 0 20px;
    font-size: 85.71%
}

ul.x-small.notice-list {
    font-size: 71.43%
}

ul.notice-list li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 1.5em;
    zoom: 1
}

ul.notice-list li:last-child {
    margin-bottom: 0
}

.tbl ul.notice-list,
.tbl-04 ul.notice-list {
    font-size: 100%
}

ul.large.notice-list {
    font-size: 100%
}

ul.notice-list li {
    padding: 0;
    margin: 12px 0 0
}

ul.notice-list li>span,
ul.notice-list li>div {
    display: table-cell
}

ul.notice-list li>span {
    white-space: nowrap;
    padding-right: .5em
}

ul.notice-list li:first-child {
    margin-top: 0
}

li>ul.notice-list {
    font-size: 100%
}

.col-2,
.col-3,
.col-4,
.col-5 {
    overflow: hidden
}

.col-2 .col,
.col-3 .col,
.col-4 .col,
.col-5 .col {
    float: left
}

.col-2 .col>*:last-child,
.col-3 .col>*:last-child,
.col-4 .col>*:last-child,
.col-5 .col>*:last-child {
    margin-bottom: 0
}

.col-2 {
    margin: 0 0 0 -20px
}

.col-2>.col {
    margin: 0 0 30px 20px;
    width: 345px
}

.col-2>.col:nth-child(2n+1) {
    clear: both
}

.col-2 .info {
    float: right;
    margin: 0 0 20px
}

.col-2.ir {
    margin-bottom: 0;
    margin-left: -10px
}

.col-2.ir .col {
    margin: 0 0 10px 10px;
    width: 350px
}

.col-2 .col-2 {
    margin-left: -11px
}

.col-2 .col-2 .col {
    margin-left: 11px;
    width: 167px
}

.col-2.shop .col {
    margin-bottom: 31px
}

.col-2.shop .col .center+p {
    margin-bottom: 17px !important
}

.col-2.shop .col .center+p+.box-01 {
    padding: 10px 10px 7px
}

.col-2.shop .col .image-full {
    margin: 20px auto
}

.col-2.shop+.hdg-top-l2-container+.box-04 {
    padding-bottom: 5px
}

.col-3 {
    margin: 0 0 0 -15px
}

.col-3>.col {
    margin: 0 0 15px 15px;
    width: 226px
}

.col-3>.col:nth-child(3n+1) {
    clear: both
}

.col-3.branch {
    margin: 0 0 0 -10px
}

.col-3.branch .col {
    margin: 0 0 0 25px;
    width: 210px
}

.col-4 {
    margin: 0 0 0 -10px
}

.col-4>.col {
    margin: 0 0 10px 10px;
    width: 170px
}

.col-4>.col:nth-child(4n+1) {
    clear: both
}

.col-4.image-link-index {
    margin-left: -30px
}

.col-4.image-link-index>div {
    width: 155px;
    margin: 0 0 0 30px
}

.col-4.image-link-index>div a:link {
    text-decoration: none
}

.col-4.image-link-index>div a:hover {
    text-decoration: underline
}

.col-4.image-link-index>div a:active {
    text-decoration: none
}

.col-4.image-link-index>div a:focus {
    text-decoration: underline
}

.col-4.image-link-index>div a:visited {
    text-decoration: none
}

.col-4.image-link-index .image-link-index-title {
    display: block;
    margin-top: 8px;
    text-align: center
}

.col-5 {
    margin: 0 0 0 -10px
}

.col-5>.col {
    margin: 0 0 10px 10px;
    width: 134px
}

.col-5>.col:nth-child(5n+1) {
    clear: both
}

.lyt-col-1 .col-2 .col {
    width: 465px
}

.lyt-col-1 .col-4 .col {
    width: 230px
}

.lyt-col-1 .col-5 .col {
    width: 182px
}

.recommended {
    margin-left: -10px
}

.recommended .col {
    margin: 0 0 20px 25px;
    width: 210px
}

.recommended .col a {
    display: block
}

.recommended .col a.image {
    margin-bottom: 0
}

.recommended .col p {
    margin: 0 !important;
    padding: 10px .5em;
    border: 1px solid #d8dadc;
    border-top: none;
    background-color: #f4f5f6;
    text-align: center;
    font-size: 85.71%
}

.recommended .col:last-child,
.recommended .col:nth-last-of-type(2),
.recommended .col:nth-last-of-type(3) {
    margin-bottom: 0
}

.box-01,
.uni-box-01 {
    margin: 0 0 20px;
    padding: 10px;
    background-color: #f4f5f6
}

.box-01 .hdg,
.uni-box-01 .hdg {
    margin: -10px -9px 10px;
    padding: 10px;
    border-bottom: 1px solid #d8dadc;
    background-color: #fff;
    font-size: 85.71%
}

.box-01>:last-child,
.uni-box-01>:last-child {
    margin-bottom: 0 !important
}

.box-02 {
    margin: 0 0 20px;
    padding: 10px 20px 20px;
    border: 1px solid #d8dadc;
    box-shadow: 0 0 0 1px #fff inset, 0 0 0 10px #e3e4e5 inset
}

.box-02>:last-child {
    margin-bottom: 0 !important
}

.box-02 img {
    max-width: 100%
}

.box-03,
.uni-box-03 {
    margin: 0 0 20px;
    padding: 10px;
    border: 8px solid #d7e3f5
}

.box-03>:last-child,
.uni-box-03>:last-child {
    margin-bottom: 0 !important
}

.box-04 {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #d8dadc;
    background-color: #fff
}

.box-04.line-reset {
    border: none !important
}

.ir .box-04 {
    margin: 0 0 15px
}

.col .box-04 {
    margin-bottom: 10px
}

.box-04 .hdg {
    margin: 0 -10px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #d8dadc;
    font-size: 85.71%
}

.box-04 .hdg img {
    margin: 0 10px 0 0
}

.box-04 .list:first-of-type {
    margin-bottom: 0
}

.box-04 .list:last-of-type li:last-child {
    padding-bottom: 0
}

.box-04>:last-child {
    margin-bottom: 0 !important
}

.box-04[class*="col-"] {
    margin: 0 0 20px -10px;
    padding: 0;
    border: none
}

.box-04[class*="col-"] .unit {
    margin-top: 10px;
    padding-left: 10px;
    float: left
}

.box-04 .unit>.inner {
    padding: 10px;
    border: 1px solid #d8dadc
}

.box-04 .unit>.inner>:last-child {
    margin-bottom: 0
}

.box-04.box-col-2 .unit {
    width: 50%
}

.box-04.box-col-2 .unit:first-child,
.box-04.box-col-2 .unit:first-child+.unit {
    margin-top: 0
}

.box-04.box-col-3 .unit {
    width: 33.33333%
}

.box-04.box-col-3 .unit:first-child,
.box-04.box-col-3 .unit:first-child+.unit,
.box-04.box-col-3 .unit:first-child+.unit+.unit {
    margin-top: 0
}

.box-04-01 {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #d8dadc;
    background-color: #fff
}

.box-04-01 .hdg {
    padding: 10px;
    background-color: #e3e4e5;
    font-size: 85.71%
}

.box-04-01 .hdg-01 {
    margin: -10px -10px 10px;
    padding: 8px 10px 6px;
    border-bottom: 1px solid #d8dadc;
    background-color: #f4f5f6;
    font-size: 100%
}

.box-04-01 .hdg-02 {
    padding: 6px 10px;
    border: 1px solid #fff;
    background-color: #d7e3f5;
    font-size: 100%
}

.box-04-01 .hdg-03 {
    margin: -10px -10px 10px;
    padding: 8px 10px 6px;
    border-bottom: 1px solid #d8dadc;
    background-color: #d7e3f5;
    font-size: 100%
}

.box-04-01 .hdg-03 .icon {
    vertical-align: middle;
    margin-right: 5px
}

.box-04-01 .logo {
    margin: 20px 0 20px;
    text-align: center
}

.box-04-01 .link-list {
    margin-bottom: 0;
    padding: 6px 10px;
    border-top: 1px solid #d8dadc;
    font-size: 85.71%
}

.box-04-01 .link-list li {
    padding: 2px 0
}

.box-04-01[class*="col-"] {
    border: none;
    margin: 0 0 20px -10px;
    padding: 0
}

.box-04-01[class*="col-"] .unit {
    margin-top: 10px;
    padding-left: 10px;
    float: left
}

.box-04-01 .unit>.inner {
    padding: 10px;
    border: 1px solid #d8dadc
}

.box-04-01 .unit>.inner>:last-child {
    margin-bottom: 0
}

.box-04-01.box-col-2 .unit {
    width: 50%
}

.box-04-01.box-col-2 .unit:first-child,
.box-04-01.box-col-2 .unit:first-child+.unit {
    margin-top: 0
}

.box-04-01.box-col-3 .unit {
    width: 33.33333%
}

.box-04-01.box-col-3 .unit:first-child,
.box-04-01.box-col-3 .unit:first-child+.unit,
.box-04-01.box-col-3 .unit:first-child+.unit+.unit {
    margin-top: 0
}

.box-04-01>:last-child {
    margin-bottom: 0
}

.lyt-top #contents-area .box-04-01 p.center {
    margin: 0 0 20px
}

.box-04-02 {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #d8dadc;
    background-color: #fff
}

.box-04-02 .hdg {
    margin: -10px -10px 10px;
    padding: 6px 10px;
    background-color: #f4f5f6;
    font-size: 100%
}

.box-04-02[class*="col-"] {
    border: none;
    margin: 0 0 20px -20px;
    padding: 0
}

.box-04-02[class*="col-"] .unit {
    margin-top: 20px;
    padding-left: 20px;
    float: left
}

.box-04-02 .unit>:first-child {
    margin-top: 0 !important
}

.box-04-02 .unit>.inner {
    padding: 10px;
    border: 1px solid #d8dadc
}

.box-04-02 .unit>.inner>:last-child {
    margin-bottom: 0
}

.box-04-02.box-col-1 .unit:first-child {
    margin-top: 0
}

.box-04-02.box-col-2 .unit {
    width: 50%
}

.box-04-02.box-col-2 .unit:first-child,
.box-04-02.box-col-2 .unit:first-child+.unit {
    margin-top: 0
}

.box-04-02.box-col-3 .unit {
    width: 33.33333%
}

.box-04-02.box-col-3 .unit:first-child,
.box-04-02.box-col-3 .unit:first-child+.unit,
.box-04-02.box-col-3 .unit:first-child+.unit+.unit {
    margin-top: 0
}

.box-04-02>:last-child {
    margin-bottom: 0
}

.box-04-03 {
    margin: 0 0 5px;
    padding: 10px;
    background-color: #fff
}

.box-04-03 .hdg {
    margin: -10px -10px 10px;
    padding: 8px 10px 6px;
    font-size: 114.29%;
    border-bottom: 2px solid #e3e4e5;
    height: auto !important
}

.box-04-03[class*="col-"] {
    border: none;
    margin: 0 0 20px -20px;
    padding: 0
}

.box-04-03[class*="col-"] .unit {
    margin-top: 20px;
    padding-left: 20px;
    float: left
}

.box-04-03 .unit>:first-child {
    margin-top: 0 !important
}

.box-04-03 .unit>.inner {
    padding: 10px;
    border: 8px solid #e3e4e5
}

.box-04-03 .unit>.inner>:last-child {
    margin-bottom: 0
}

.box-04-03.box-col-1 .unit:first-child {
    margin-top: 0
}

.box-04-03.box-col-2 .unit {
    width: 50%
}

.box-04-03.box-col-2 .unit:first-child,
.box-04-03.box-col-2 .unit:first-child+.unit {
    margin-top: 0
}

.box-04-03.box-col-3 .unit {
    width: 33.33333%
}

.box-04-03.box-col-3 .unit.sep-1 {
    width: 66.66666%
}

.box-04-03.box-col-3 .unit:first-child,
.box-04-03.box-col-3 .unit:first-child+.unit,
.box-04-03.box-col-3 .unit:first-child+.unit+.unit {
    margin-top: 0
}

.box-04-03>:last-child {
    margin-bottom: 0
}

.box-index {
    margin: 0;
    padding: 0 10px;
    border: 1px solid #d8dadc
}

.box-index .hdg {
    margin: 0 -10px 10px;
    padding: 0;
    background-color: #f4f5f6;
    box-shadow: 0 1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset;
    font-size: 100%
}

.box-index .hdg a {
    display: block;
    padding: 0.52em 10px
}

.ybb-service.col-3 {
    margin: 0 0 10px -5px
}

.ybb-service.col-3 .col {
    margin: 0 0 0 5px;
    width: 233px
}

.ybb-service.col-3 .box-04 {
    margin: 0;
    padding: 3px 3px 0
}

.ybb-service.col-3 .btn-01 {
    min-width: 209px
}

.ybb-service.col-3 p {
    margin: 10px 0 !important
}

.ybb-service.col-3 p.right {
    margin: 0 -3px !important;
    padding: 10px;
    border-top: 1px solid #d8dadc
}

.box-important {
    border: 2px solid #d8dadc;
    background-color: #fff
}

.box-important .col-2 {
    margin: 0 0 0 -10px
}

.box-important .col-2>.col {
    margin: 0 0 0 20px;
    width: 453px
}

.box-important .col-2>.col .col {
    margin: 0
}

.box-important ul.notice-list {
    font-size: 10px
}

.box-important .high-priority {
    border-top: 2px solid #d8dadc
}

.lifestyle.col-2 .col {
    margin-bottom: 20px
}

.lifestyle.col-2 .col .list-01 {
    margin: 0
}

.lifestyle.col-2 .col .list-01 li {
    padding: 10px 0;
    overflow: hidden
}

.lifestyle.col-2 .col .list-01 li:first-child {
    padding-top: 0
}

.lifestyle.col-2 .col .list-01 li:last-child {
    padding-bottom: 0
}

.lifestyle.col-2 .col .list-01 li .image {
    float: right;
    margin-left: 10px;
    margin-bottom: 0
}

.lifestyle.col-2 .col .list-01 li .image img {
    border: 1px solid #d8dadc
}

.lifestyle.col-2 .col .list-01 li .content {
    overflow: hidden
}

.lifestyle.col-2 .col .list-01 li .content a {
    line-height: 1
}

.lifestyle.col-2+p.center {
    margin: 10px auto 30px !important
}

.lifestyle.col-2+p.center+.notice-list {
    margin-bottom: 0 !important
}

.box-05 {
    display: table;
    margin: 20px auto 40px;
    border: 1px solid #d8dadc;
    *overflow: hidden;
    _overflow: hidden;
    clear: both;
    width: 948px
}

.box-05 dt,
.box-05 dd {
    display: table-cell;
    font-size: 85.7%;
    *float: left;
    _float: left
}

.box-05 dt {
    white-space: nowrap;
    font-weight: bold;
    background-color: #f4f5f6;
    padding: 10px 25px 10px 10px;
    border-right: 1px solid #d8dadc;
    vertical-align: middle
}

.box-05 dd {
    width: 100%;
    *width: auto;
    _width: auto;
    vertical-align: top
}

.box-05 dd ul {
    margin-left: -10px;
    padding: 5px 5px 8px 0;
    *overflow: hidden;
    _overflow: hidden
}

.box-05 dd ul li {
    float: left;
    margin: 0 0 0 20px;
    padding-top: 5px;
    zoom: 1
}

.box-05 dd ul li a {
    line-height: 1
}

#contents-area .box-05 {
    width: 708px
}

.image {
    margin-bottom: 15px
}

.image-full {
    display: block;
    margin: 0 auto 15px;
    text-align: center
}

.image-full.loading {
    margin: 15px auto
}

.image-full.loading img {
    width: 48px;
    height: auto
}

.caption {
    display: block;
    margin: 10px 0 0;
    font-size: 85.71%;
    line-height: 1.4 !important
}

[class*="box-"] .image-left .image,
.list-box .image-left .image {
    margin: 0 10px 10px 0
}

[class*="box-"] .image-right .image,
.list-box .image-right .image {
    margin: 0 0 10px 10px
}

.image-left .image {
    float: left;
    margin: 0 20px 0 0
}

.col-2 .image-left .col,
.col-3 .image-left .col,
.col-4 .image-left .col,
.col-5 .image-left .col {
    display: block;
    float: none;
    margin-left: 0;
    width: auto
}

.image-left .col>p {
    margin-bottom: 0
}

.image-left .col>p+p {
    margin-top: 12px
}

.image-right .image {
    float: right;
    margin: 0 0 0 20px
}

.col-2 .image-right .col,
.col-3 .image-right .col,
.col-4 .image-right .col,
.col-5 .image-right .col {
    display: block;
    float: none;
    width: auto
}

.image-left,
.image-right {
    margin-bottom: 20px
}

.image-left .col,
.image-right .col {
    display: block;
    margin-bottom: 0;
    overflow: hidden
}

.image-left .col>*:first-child,
.image-right .col>*:first-child {
    margin-top: 0 !important
}

.image-left .col>*:last-child,
.image-right .col>*:last-child {
    margin-bottom: 0 !important
}

.overflow.image-left .col,
.overflow.image-right .col {
    overflow: visible
}

.parallel.image-left .col,
.parallel.image-right .col {
    overflow: hidden;
    margin-bottom: 0
}

.image-left .image .caption,
.image-right .image .caption {
    text-align: center
}

.image-left.parallel.sep-1 {
    width: 48%;
    float: left;
    margin-right: 9px
}

.sep-1+.sep-1 {
    margin-right: 0
}

.grid-arr {
    margin: 0 0 20px
}

.grid-arr>.unit {
    margin-top: 30px;
    float: left
}

.grid-arr>.unit>:first-child {
    margin-top: 0 !important
}

.grid-arr>.unit>:last-child {
    margin-bottom: 0
}

.grid-arr>.unit>[class*="image-"] {
    margin-bottom: 0
}

.grid-arr>.unit img {
    width: auto;
    height: auto;
    max-width: 100%
}

.grid-arr>.unit>.uni-link-list {
    margin-bottom: 0
}

.grid-arr[class*="col-2"]>.unit {
    width: 50%
}

.grid-arr[class*="col-2"]>.unit:first-child,
.grid-arr[class*="col-2"]>.unit:first-child+div,
.grid-arr[class*="col-2"]>.unit:first-child+li {
    margin-top: 0
}

.grid-arr[class*="col-3"] {
    margin-right: -1px
}

.grid-arr[class*="col-3"]>.unit {
    width: 33.33333%
}

.grid-arr[class*="col-3"]>.unit.sep-1 {
    width: 66.66666%
}

.grid-arr[class*="col-3"]>.unit:first-child,
.grid-arr[class*="col-3"]>.unit:first-child+div,
.grid-arr[class*="col-3"]>.unit:first-child+div+div,
.grid-arr[class*="col-3"]>.unit:first-child+li,
.grid-arr[class*="col-3"]>.unit:first-child+li+li {
    margin-top: 0
}

.grid-arr[class*="col-4"]>.unit {
    width: 25%
}

.grid-arr[class*="col-4"]>.unit:first-child,
.grid-arr[class*="col-4"]>.unit:first-child+div,
.grid-arr[class*="col-4"]>.unit:first-child+div+div,
.grid-arr[class*="col-4"]>.unit:first-child+div+div+div,
.grid-arr[class*="col-4"]>.unit:first-child+li,
.grid-arr[class*="col-4"]>.unit:first-child+li+li,
.grid-arr[class*="col-4"]>.unit:first-child+li+li+li {
    margin-top: 0
}

.grid-arr[class*="col-5"]>.unit {
    width: 20%
}

.grid-arr[class*="col-5"]>.unit:first-child,
.grid-arr[class*="col-5"]>.unit:first-child+div,
.grid-arr[class*="col-5"]>.unit:first-child+div+div,
.grid-arr[class*="col-5"]>.unit:first-child+div+div+div,
.grid-arr[class*="col-5"]>.unit:first-child+div+div+div+div,
.grid-arr[class*="col-5"]>.unit:first-child+li,
.grid-arr[class*="col-5"]>.unit:first-child+li+li,
.grid-arr[class*="col-5"]>.unit:first-child+li+li+li,
.grid-arr[class*="col-5"]>.unit:first-child+li+li+li+li {
    margin-top: 0
}

.grid-arr.t-1 {
    margin-left: -10px
}

.grid-arr.t-1>.unit {
    padding-left: 10px
}

.grid-arr.t-2 {
    margin-left: -20px
}

.grid-arr.t-2>.unit {
    padding-left: 20px
}

.grid-arr.t-3 {
    margin-left: -30px
}

.grid-arr.t-3>.unit {
    padding-left: 30px
}

.grid-arr.t-4 {
    margin-left: -40px
}

.grid-arr.t-4>.unit {
    padding-left: 40px
}

.grid-arr.t-5 {
    margin-left: -50px
}

.grid-arr.t-5>.unit {
    padding-left: 50px
}

.grid-arr.t-6 {
    margin: 0 0 20px -40px;
    padding-right: 250px
}

.grid-arr.t-6>.unit {
    margin-top: 13px;
    padding-left: 40px
}

.grid-arr.t-6>.unit p:first-child {
    margin-bottom: 3px
}

.grid-arr.t-7 {
    border-right: 1px solid #d8dadc
}

.grid-arr.t-7>.unit {
    padding: 10px 10px 10px;
    border-left: 1px solid #d8dadc
}

.grid-arr.img-border img {
    border: 1px solid #d8dadc
}

p.check label {
    position: relative;
    padding-left: 2.2em;
    display: block;
    zoom: 1
}

p.check input {
    position: absolute;
    top: .2em;
    left: 0
}

p.check.center input {
    position: relative;
    margin-right: 10px
}

.label-indent {
    position: relative;
    padding-left: 1.4em;
    display: block;
    zoom: 1
}

.label-indent input {
    position: absolute;
    top: .1em;
    left: 0
}

.tabContainer {
    margin: 0 0 20px;
    position: relative
}

.tabContainer.bdr .tabList {
    margin-bottom: 0
}

.tabContainer.bdr .tabPanel {
    padding: 30px 10px;
    border-style: solid;
    border-color: #d8dadc;
    border-width: 0 1px 1px
}

.tab {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    font-weight: bold;
    position: relative
}

.tab>li {
    height: auto;
    padding: 0 0 0 1px;
    display: table-cell;
    border: none
}

.tab>li:first-child {
    padding-left: 0
}

.tab>li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #d8dadc;
    height: 0
}

.tab>li>a {
    display: block;
    position: relative;
    padding: 8px 10px 6px;
    border: 1px solid #d8dadc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 -1px 0 #fff inset, -1px 0 0 #fff inset, 1px 0 0 #fff inset;
    text-align: center
}

.tab>li>a:link,
.tab>li>a:active,
.tab>li>a:visited {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-color: #f2f2f2
}

.tab>li>a>span {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.tab>li.active a {
    background-image: none;
    background: none #fff;
    color: #333;
    text-decoration: none
}

.tab>li.active a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #fff;
    height: 0
}

.tab.bottom>li>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.tab.bottom>li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #d8dadc;
    height: 0
}

.tab.bottom>li.active a {
    background-image: none;
    background: none #fff;
    color: #333
}

.tab.bottom>li.active a:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #fff;
    height: 0
}

.tab+.tabs {
    border: none
}

.tabPanel {
    display: none;
    position: relative;
    outline: none !important
}

.tabPanel.active {
    display: block
}

.tabPanel>:last-child {
    margin-bottom: 0
}

.tab-container.static .tabPanel {
    display: block
}

.gen-search {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #d7e3f5
}

.gen-search form {
    display: table
}

.gen-search form>div {
    display: table-cell;
    vertical-align: middle
}

.gen-search form>:first-child {
    width: 100%;
    padding-right: 10px
}

.gen-search input[type="text"] {
    padding: 6px 10px;
    border: 1px solid #d8dadc;
    width: 100%
}

.gen-search button[type="submit"] {
    min-width: 62px;
    min-height: 35px;
    max-height: 35px;
    display: inline-block;
    margin: 0;
    padding: 10px;
    border-radius: 3px;
    font-size: 114.29%;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    border: 1px solid #d8dadc;
    border-radius: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edeff0));
    background-image: -webkit-linear-gradient(top, #fff, #edeff0);
    background-image: linear-gradient(to bottom, #fff, #edeff0);
    background-color: #f4f5f6;
    color: #006699
}

.rqm {
    margin-bottom: 20px;
    display: table
}

.rqm>div {
    display: table-cell
}

.rqm p {
    margin: 0
}

.rqm .bnr {
    padding-right: 10px
}

.rqm .desc {
    width: 100%;
    vertical-align: middle;
    font-size: 85.71%
}

.tabs {
    position: relative;
    border: 1px solid #d8dadc;
    zoom: 1
}

.tab-block {
    display: none;
    overflow-y: auto;
    padding: 10px;
    height: 359px
}

.tab-block.active {
    display: block
}

.tab-block p.right {
    margin: 20px 0 0 !important;
    padding: 0;
    font-size: 85.71%
}

.release .tab-block {
    height: 363px
}

.tabs.static .tab-block {
    display: block;
    overflow-y: none;
    height: auto
}

.tab-list {
    position: relative;
    bottom: 0;
    z-index: 1;
    margin: 0 0 0 -1px;
    padding: 0;
    font-size: 12px
}

.tab-list li {
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
    width: 112px;
    height: 33px;
    border: 1px solid #d8dadc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-weight: bold
}

.tab-list li.active a {
    border-bottom: 1px solid #fff;
    background: none #fff;
    background-image: none;
    color: #333
}

.tab-list li.active a:hover,
.tab-list li.active a:focus {
    text-decoration: none
}

.tab-list a {
    display: block;
    padding: 8px 0 0;
    height: 34px;
    border-bottom: 1px solid #d8dadc;
    border-radius: 3px 3px 0 0;
    background-color: #f8f8f8;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnKSIvPjwvc3ZnPg==);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    box-shadow: 0 0 0 1px #fff inset;
    text-decoration: none
}

.tab-list a:visited {
    color: #006699
}

.tab-list a:hover,
.tab-list a:focus {
    text-decoration: underline
}

.tab-list span {
    font-size: 10px
}

.info .tab-list li {
    width: 117px
}

.info .tab-list li.news {
    width: 112px
}

.info .tab-list li.release {
    width: 113px
}

.row-fluid {
    clear: both
}

.row {
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    width: 950px;
    text-align: left
}

.row .box-04-01 {
    margin: 10px 0
}

.row .box-04-01:first-child {
    margin-top: 0
}

.row .box-04-01:last-child {
    margin-bottom: 0
}

.row .en.box-04-01 td {
    padding-left: 10px
}

.row .en.box-04-01 dd {
    margin-left: 125px !important
}

#feature-area+.row {
    padding-top: 0
}

#contents-area .row {
    width: 710px
}

#index-main+#contents-area .row {
    padding-top: 0
}

#contents-area #index-main+.row {
    padding-top: 0
}

.carousel {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 688px;
    height: 120px
}

.carousel .loading {
    position: relative;
    top: 30px;
    left: 316px;
    z-index: 10;
    width: 55px
}

.carousel ul.thumbs {
    position: relative;
    top: 0;
    left: 0
}

.carousel ul.thumbs li {
    display: inline;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    width: 150px;
    height: 130px;
    font-size: 12px
}

.carousel ul.thumbs li a .img {
    display: block;
    overflow: hidden;
    margin: 0 2px 9px;
    width: 144px;
    border: 1px solid #d8dadc;
    text-align: center
}

.carousel ul.thumbs li a img {
    width: 144px;
    height: 81px
}

.carousel ul.thumbs li a .title {
    display: block
}

.carousel ul.thumbs li a:hover,
.carousel ul.thumbs li a:focus {
    outline: none
}

.carousel ul.thumbs li a:hover .img,
.carousel ul.thumbs li a:focus .img {
    margin: 0 0 9px;
    height: 81px;
    border: 3px solid #8eb5ef
}

.carousel ul.thumbs li a:hover .img img,
.carousel ul.thumbs li a:focus .img img {
    border: none
}

.carousel ul.pager {
    font-size: 10px
}

.carousel ul.pager li {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 18px;
    height: 100%
}

.carousel ul.pager li a,
.carousel ul.pager li span {
    display: block;
    width: 18px;
    height: 130px;
    outline: 0px
}

.carousel ul.pager li.prev {
    left: 0
}

.carousel ul.pager li.prev a,
.carousel ul.pager li.prev span {
    background: url("/help/mymenu/resource/common/p/img/site-sprite-nav-carousel-h130.png") no-repeat 0 0
}

.carousel ul.pager li.prev a.off,
.carousel ul.pager li.prev span.off {
    background-position: -36px 0
}

.carousel ul.pager li.prev a:hover {
    background-position: -18px 0
}

.carousel ul.pager li.next {
    position: absolute;
    top: 0;
    right: 0
}

.carousel ul.pager li.next a,
.carousel ul.pager li.next span {
    background: url("/help/mymenu/resource/common/p/img/site-sprite-nav-carousel-h130.png") no-repeat 0 -130px
}

.carousel ul.pager li.next a.off,
.carousel ul.pager li.next span.off {
    background-position: -36px -130px
}

.carousel ul.pager li.next a:hover {
    background-position: -18px -130px
}

.carousel-item {
    position: relative;
    margin: 0 0 20px
}

.carousel-item .pager-carousel {
    display: none;
    font-size: 12px
}

.carousel-item .pager-carousel a,
.carousel-item .pager-carousel .off {
    display: block;
    width: 18px;
    height: 110px;
    background: url(/help/mymenu/resource/common/p/img/site-sprite-nav-carousel-h110.png) 0 0 no-repeat
}

.carousel-item .pager-carousel a span,
.carousel-item .pager-carousel .off span {
    position: relative;
    z-index: -1
}

.carousel-item .pager-carousel li {
    word-break: break-all;
    word-wrap: break-word;
    position: absolute;
    top: 15px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 110px
}

.carousel-item .pager-carousel li.prev {
    left: 0
}

.carousel-item .pager-carousel li.prev a:hover,
.carousel-item .pager-carousel li.prev a:focus {
    background-position: -18px 0
}

.carousel-item .pager-carousel li.prev .off {
    background-position: -36px 0
}

.carousel-item .pager-carousel li.next {
    right: 0
}

.carousel-item .pager-carousel li.next a {
    background-position: 0 -110px
}

.carousel-item .pager-carousel li.next a:hover,
.carousel-item .pager-carousel li.next a:focus {
    background-position: -18px -110px
}

.carousel-item .pager-carousel li.next .off {
    background-position: -36px -110px
}

.index-block dl dd.carousel ul.thumbs li a:focus .img {
    margin: 0 0 2px
}

.item-04 {
    margin: 0
}

.carousel-item-inner {
    position: relative;
    margin: 0 0 0 22px;
    width: 300px
}

.item-03 .carousel-item-inner {
    margin: 0 0 0 22px;
    width: 450px
}

.item-04 .carousel-item-inner {
    margin: 0 0 0 24px;
    width: 640px
}

.text-02 .carousel-item-inner {
    margin: 0 0 0 28px;
    width: 654px
}

.list-carousel {
    font-size: 12px
}

.list-carousel a {
    display: block
}

.list-carousel li {
    float: left;
    margin: 0 5px;
    padding: 0;
    width: 140px
}

.list-carousel li img {
    width: auto;
    max-width: 100%;
    border: 1px solid #d8dadc
}

.list-carousel li .title {
    display: block;
    margin: 8px 0 0
}

.list-carousel li .link-list li:last-child {
    margin-bottom: 0
}

.item-04 .list-carousel li {
    margin: 0 10px
}

.text-02 .list-carousel {
    margin: 0 auto;
    font-size: 100%
}

.text-02 .list-carousel li {
    width: 307px;
    float: left;
    margin: 0;
    padding: 0 10px
}

.text-02 .list-carousel li .list-bullet-01 {
    margin-bottom: 10px;
    padding: 0
}

.text-02 .list-carousel li li {
    width: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    float: none;
    display: list-item
}

.text-02 .list-carousel li>*:last-child {
    margin-bottom: 0
}

.text-02 .pager-carousel li {
    top: 50%;
    margin-top: -60px
}

.toplink-area {
    clear: both;
    margin: 0 auto;
    width: 950px;
    text-align: center;
    padding: 10px 0
}

.toplink-area .box-04-01 {
    margin: 0;
    padding: 5px 0
}

.toplink-area ul {
    display: inline-block;
    *display: inline;
    _display: inline;
    vertical-align: middle
}

.toplink-area ul li {
    float: left;
    padding: 0 40px;
    border-left: 1px solid #d8dadc;
    line-height: 1;
    _line-height: 1.5;
    *line-height: 1.5
}

.toplink-area ul li:first-child {
    padding-left: 0;
    border-left: none
}

.toplink-area ul li:last-child {
    padding-right: 0
}

.toplink-area ul li a {
    font-size: 12px
}

.toplink-area+.row {
    padding-top: 0
}

.toplink-area+#feature-area {
    margin-top: -10px
}

#feature-area+.toplink-area {
    padding-top: 0
}

.goal-component {
    background-color: #f4f5f6;
    padding: 8px;
    margin: 10px 0
}

.goal-component li {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    margin-top: 10px
}

.goal-component li:first-child {
    margin-top: 0
}

.goal-component li dl {
    overflow: hidden;
    padding-left: 20px
}

.goal-component li dl dt,
.goal-component li dl dd {
    display: block
}

.goal-component li dl dt {
    font-weight: bold;
    font-size: 114.29%;
    line-height: 1;
    margin-bottom: 10px
}

.goal-component li dl dd {
    margin-bottom: 20px
}

.goal-component li dl .bold {
    font-weight: bold;
    font-size: 128.57%;
    line-height: 1;
    margin-bottom: 0
}

.goal-component li .link-area {
    text-align: right;
    overflow: hidden;
    float: right
}

.goal-component li .link-area p {
    margin: 0 0 0 30px;
    float: left;
    min-height: 41px;
    line-height: 41px;
    *margin-left: 25px;
    _margin-left: 25px
}

.goal-component li .link-area a:hover,
.goal-component li .link-area a:focus {
    color: #800080
}

.goal-component li .link-area .btn-01:hover,
.goal-component li .link-area .btn-01:focus {
    color: #fff
}

.goal-component li .link-area .link {
    display: table-cell;
    font-weight: bold;
    text-decoration: none;
    font-size: 127.8%;
    min-height: 40px;
    vertical-align: middle
}

.goal-component li .link-area .link:hover,
.goal-component li .link-area .link:focus {
    color: #006699;
    text-decoration: underline
}

.goal-component li .icon {
    float: left
}

.uni-box-01.socialmedia {
    padding: 20px
}

.uni-box-01.socialmedia .list-box li .inner {
    height: 55px
}

p.socialmedia {
    margin: 0 0 20px;
    padding-top: 10px;
    border-top: 1px dotted #d8dadc
}

.box-product-type-01 {
    position: relative;
    padding: 0 0 30px;
    border: 4px solid #f4f5f6;
    text-align: center
}

.box-product-type-01.checked {
    border-color: #8eb5ef
}

.box-product-type-01 a {
    display: inline-block;
    clear: both
}

.box-product-type-01 .img-product {
    margin: 10px 0
}

.box-product-type-01 p {
    margin: 0 0 5px;
    padding: 0 2px
}

.box-product-type-01 .date {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 0 3px;
    width: 100%;
    background-color: #f4f5f6;
    font-size: 12px
}

.box-product-type-01 .title {
    display: block
}

.form-indent {
    margin-left: 19px
}

.opened .toggle-btn span:before {
    height: 3px;
    background-position: -112px -5px
}

.campaigns .btn-list-02.col-2 {
    margin-top: -12px
}

.campaigns .btn-list-02.col-2 li {
    display: inline;
    margin: 0 4px
}

.campaigns .btn-list-02.col-2 li a {
    margin-top: 8px
}

.wrap-icon-ybb-service {
    display: table;
    width: 100%;
    overflow: hidden
}

.wrap-icon-ybb-service dt,
.wrap-icon-ybb-service dd {
    display: table-cell;
    *float: left;
    _float: left;
    vertical-align: middle
}

.wrap-icon-ybb-service dt {
    width: 98px;
    white-space: nowrap;
    padding-right: 3px;
    _padding-top: 20px;
    *padding-top: 20px
}

.list-icon-ybb-service {
    overflow: hidden;
    margin: 15px 0 10px -5px;
    _position: relative;
    _left: -5px
}

.list-icon-ybb-service li {
    float: left;
    margin: 0 0 5px 5px
}

.col-02,
.col-03,
.index-block dl dd.carousel ul.thumbs {
    zoom: 1
}

.col-02:after,
.col-03:after,
.index-block dl dd.carousel ul.thumbs:after {
    display: block;
    clear: both;
    content: ""
}

h1 .sub-title {
    display: block;
    padding: .2em 0;
    font-weight: normal;
    font-size: 58.33%;
    line-height: 1.3
}

h1.text-title {
    margin: 30px auto 25px;
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: bold;
    font-size: 157.14%;
    line-height: 1.36
}

h1.text-title .sub-title {
    display: block;
    padding: .2em 0;
    font-weight: normal;
    font-size: 75%;
    line-height: 1.3
}

.box-01 {
    background-color: #f4f5f6;
    border: 1px solid #d8dadc;
    margin-bottom: 20px;
    padding: 10px
}

.list-form li {
    padding: 0.1em 0
}

.list-form label {
    display: inline-block;
    min-width: 168px;
    padding-left: 1.6em;
    position: relative
}

.list-form input[type="checkbox"],
.list-form input[type="radio"] {
    left: 0;
    margin-right: 5px;
    position: absolute;
    top: 0.1em
}

#local-nav-area .btn-02 {
    font-size: 100%;
    background: linear, to bottom, #fff, #edeff0 repeat scroll 0 0 #f4f5f6;
    border: 1px solid #d8dadc;
    border-radius: 5px;
    color: #006699;
    display: inline-block;
    font-weight: bold;
    line-height: 1.45;
    padding: 7px 15px 5px;
    vertical-align: top;
    min-width: 0
}

#local-nav-area ul.link-list-arrow {
    font-size: 85.71%
}

ul.link-list-arrow li {
    margin: 2px 0
}

ul.plain,
ol.plain {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0
}

.plain {
    line-height: 1.6
}

.plain li {
    margin: 0 0 7px;
    padding: 0
}

#contents-area .header-group {
    width: auto
}

ul.plain,
ol.plain {
    list-style-type: none;
    margin: 1em 0 1em 0;
    padding-left: 0;
    line-height: 1.6
}

ul.plain li,
ol.plain li {
    margin: 0 0 7px
}

.fs_12 {
    font-size: 86% !important
}

dl.date {
    text-align: right
}

dl.date dt,
dl.date dd {
    display: inline
}

ul.link-list_blue li {
    background: url(/help/mymenu/resource/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 0.3em transparent;
    padding: 0 0 0 16px
}

.sub-recommend h3 {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 3px solid #b7bbbe;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    line-height: 1.4;
    margin: 0 0 10px !important;
    padding: 0;
    text-align: left
}

.sub-box h3 {
    border: solid 1px #d8dadc;
    font-size: 85.71%;
    padding: 10px
}

.flt_l {
    float: left
}

.fs_18 {
    font-size: 129% !important
}

.flt_r {
    float: right
}

.fs_12 {
    font-size: 86% !important
}

.link-list_blue {
    background: url(/help/mymenu/resource/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 0.3em transparent;
    padding: 0 0 0 16px
}

.new-win-icn_inline img {
    margin: 0 0 0 0.5em;
    padding: 2px 0 0;
    vertical-align: baseline
}

#cb-faq .icn_a {
    float: left;
    text-indent: -9999px;
    display: block;
    width: 25px;
    height: 23px;
    line-height: 23px
}

#cb-faq .icn_a {
    background: url(/help/mymenu/resource/common/p/img/v09b/general/icn_a.gif) no-repeat 0 0
}

#cb-faq span.icn {
    text-align: right;
    display: block
}

#cb-faq span.icn img {
    margin: 5px 0 0 6px
}

#cb-faq .txt {
    margin-left: 35px
}

#cb-faq .box-a {
    display: none;
    margin-bottom: 10px;
    background: #fffbe5
}

#cb-faq .box-a a {
    display: block;
    padding: 10px 13px
}

#cb-faq .box-a a span {
    cursor: pointer
}

#cb-faq .box-a .txt {
    display: block
}

#cb-faq .box-a .link-list_blue {
    display: block;
    clear: both;
    margin-top: 5px;
    margin-left: 35px;
    cursor: pointer
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.tab-container.campaign {
    margin-bottom: 20px
}

.tab-container.campaign .tab-list li a {
    font-weight: bold
}

.tab-container.campaign .tabs {
    border: none
}

.tab-container.campaign .tab-block {
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.tab-container.campaign .list-carousel {
    _width: 5000px !important
}

.list-product-img {
    overflow: hidden;
    margin-left: -10px;
    _margin-left: -20px
}

.list-product-img li {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px
}

.list-product-img a {
    zoom: 1
}

.list-product-img .boxLineup {
    width: 469px;
    border: solid 1px #ddd;
    display: block;
    display: table;
    height: 110px;
    zoom: 1
}

.list-product-img {
    margin-left: -22px;
}

.list-product-img li {
    margin-left: 20px;
    margin-bottom: 20px;
}

.list-product-img .boxLineup:hover,
.list-product-img .boxLineup:focus {
    text-decoration: underline
}

.list-product-img .boxLineup p {
    margin: 0
}

.list-product-img .boxLineup .img,
.list-product-img .boxLineup .text {
    dispaly: block;
    display: table-cell;
    vertical-align: middle
}

.list-product-img .boxLineup .img {
    width: 130px;
    text-align: center;
    *float: left
}

.list-product-img .boxLineup .text {
    width: 218px;
    *width: 200px;
    padding-left: 12px;
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    *line-height: 20px
}

.list-product-img .boxLineup .text p {
    display: inline
}

.list-product-img .boxLineup .text .vg {
    font-size: 0;
    visibility: hidden;
    height: 110px;
    vertical-align: middle;
    zoom: 1
}

.list-product-img .boxLineup th {
    width: 130px;
    text-align: center
}

.list-product-img .boxLineup td {
    padding-left: 12px;
    font-size: 16px
}

.col-3.campaign {
    _margin-left: -5px !important
}

.col-3.campaign .col {
    _margin-left: 5px !important
}

.col-3.campaign .box-04-01 {
    padding: 10px 10px 0;
    _padding: 2px !important
}

.col-3.campaign .box-04-01 .hdg {
    margin: -10px -10px 0;
    text-align: center
}

.col-3.campaign .box-04-01 .hdg .fs_18 {
    font-size: 150% !important
}

.col-3.campaign .box-04-01 .hdg .fs_12 {
    font-size: 100% !important
}

.col-3.campaign .box-04-01 .btn-list {
    background-color: #fff;
    margin: 0;
    padding-bottom: 0
}

.col-3.campaign .box-04-01 .btn-list .btn-02 {
    display: block;
    padding: 7px 0 5px;
    min-width: 0;
    font-size: 129%
}

.col-3.campaign .box-04-01 .link-list {
    border-top: 1px dotted #d8dadc
}

#local-nav-area .sub-box {
    margin: 20px 0 0
}

#local-nav-area .sub-box:first-child {
    margin: 0
}

#local-nav-area .sub-box .sub-recommend-contents-list,
#local-nav-area .sub-box .sub-recommend-support-list {
    border-color: #d8dadc;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 0 10px
}

#local-nav-area .sub-box .sub-recommend-contents-list li,
#local-nav-area .sub-box .sub-recommend-support-list li {
    margin: 0;
    border-top: dotted 1px #d8dadc;
    font-size: 85.71%
}

#local-nav-area .sub-box .sub-recommend-contents-list li a {
    padding: 17px 0 15px;
    display: block
}

#local-nav-area .sub-box .sub-recommend-support-list li a {
    padding: 11px 0;
    display: block
}

#local-nav-area .sub-box .sub-recommend-contents-list li:first-child,
#local-nav-area .sub-box .sub-recommend-support-list li:first-child {
    border-top: none
}

table.base {
    margin-top: 0;
    margin-bottom: 1.6em;
    width: 100%;
    border: none;
    border-collapse: separate
}

table.base td,
table.base th {
    padding: .8em 10px .6em;
    border: none;
    border-bottom: 1px dotted #d8dadc;
    line-height: 1.33;
    background: none;
    font-weight: normal
}

table.base td p:last-of-type,
table.base th p:last-of-type {
    margin-bottom: 0
}

table.base th {
    padding-left: 0;
    vertical-align: top
}

table.base caption {
    margin: 0 0 8px 0;
    padding: 0;
    text-align: right !important;
    font-weight: normal;
    font-size: 85.71%
}

table.base ul.pseudo-first-child,
table.base ul:first-child,
table.base ol.pseudo-first-child,
table.base ol:first-child,
table.base ul.pseudo-first-child li.pseudo-first-child,
table.base ul:first-child li:first-child,
table.base ol.pseudo-first-child li.pseudo-first-child,
table.base ol:first-child li:first-child {
    margin-top: 0
}

.image-left table.base,
.image-right table.base {
    width: auto
}

.mt_0 {
    margin-top: 0 !important
}

.qa-item-02,
.qa-item-02-link-list {
    margin-bottom: 20px
}

.qa-item-02 .qa-title,
.qa-item-02 .qa-answer,
.qa-item-02-link-list li a {
    display: block;
    padding: 8px 0
}

.qa-item-02 .qa-icn-q,
.qa-item-02 .qa-icn-a,
.qa-item-02-link-list li .qa-icn-q {
    font-weight: bold;
    display: block;
    background: url(/help/mymenu/resource/common/p/img/faq/site-sprite-icon-02.png);
    width: 17px;
    height: 16px
}

.qa-item-02 .qa-icn-q span,
.qa-item-02 .qa-icn-a span,
.qa-item-02-link-list li .qa-icn-q span {
    display: none
}

.qa-item-02 .qa-icn-q,
.qa-item-02-link-list li .qa-icn-q {
    color: #8eb5ef;
    background-position: 0 0;
    margin-top: 1px
}

.qa-item-02 .qa-icn-a {
    color: #84919d;
    background-position: -17px 0;
    margin-top: 4px
}

.qa-item-index {
    display: table
}

.qa-item-02 .qa-icn-q,
.qa-item-02 .qa-icn-a,
.qa-item-02-link-list li .qa-icn-q {
    display: table-cell;
    float: left;
    margin-right: 20px
}

.qa-contents {
    display: table-cell
}

.qa-contents .image-left .image,
.qa-contents .image-right .image {
    width: 324px
}

.qa-contents .image-left .image .caption,
.qa-contents .image-right .image .caption {
    text-align: left
}

.qa-item-02 .qa-contents {
    overflow: hidden
}

.qa-item-02 .qa-title {
    border-bottom: dotted 1px #d8dadc;
    font-weight: bold
}

.qa-item-02-link-list li {
    border-bottom: dotted 1px #d8dadc
}

.qa-item-02-link-list li:first-child {
    border-top: dotted 1px #d8dadc
}

.qa-item-02 .qa-title:after,
.qa-item-02 .qa-answer:after {
    display: block;
    clear: both;
    content: ""
}

.modal-content {
    display: none;
    width: 834px;
    border: 8px solid #8eb5ef;
    box-sizing: border-box;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -417px;
    z-index: 1002;
    background-color: #fff;
    padding: 45px 20px 0
}

.modal-content .modal-content-inner {
    margin: 0 -20px;
    padding: 0 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%
}

.modal-content .modal-close {
    position: absolute;
    top: 5px;
    right: 20px
}

.modal-content .modal-close button {
    cursor: pointer;
    background: none;
    border: none;
    text-align: right;
    height: 32px;
    width: 78px
}

.modal-content .modal-close button:focus {
    outline: 1px #ccc dashed
}

.modal-content .modal-close img {
    margin-right: 5px
}

.modal-overLayer {
    display: none;
    top: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1001;
    background-color: rgba(255, 255, 255, 0);
    filter: alpha(opacity=0)
}

.list-flow-05 {
    width: 710px;
    margin-bottom: 20px;
    overflow: hidden
}

.list-flow-05>.unit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list-flow-05>.cols {
    width: 810px;
    margin: 0 -40px;
    vertical-align: middle;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 40px 0
}

.list-flow-05>.cols>.unit {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8dadc
}

.list-flow-05>.cols>.unit>.inner {
    padding: 10px;
    vertical-align: middle
}

.list-flow-05>.cols>.unit>.inner>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.list-flow-05>.cols>.unit>.inner:after {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-image: url(/help/mymenu/resource/common/p/img/site-fig_plus.png);
    background-repeat: no-repeat
}

.list-flow-05>.cols>.unit:first-child:after {
    display: none
}

.list-flow-05>.cols.col-1 {
    width: 790px
}

.list-flow-05>.cols.col-1>.unit {
    width: 708px
}

.list-flow-05>.cols.col-2>.unit {
    width: 333px
}

.list-flow-05>.cols.col-3>.unit {
    width: 208px
}

.list-flow-05>.cols.col-4>.unit {
    width: 145px
}

.list-flow-05>.cols.col-4>.unit:first-child {
    width: 147px
}

.list-flow-05-2 {
    width: 710px;
    margin-bottom: 20px;
    overflow: hidden
}

.list-flow-05-2>.unit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list-flow-05-2>.cols {
    width: 730px;
    margin: 0 -10px;
    vertical-align: middle;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px 0
}

.list-flow-05-2>.cols>.unit {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8dadc
}

.list-flow-05-2>.cols>.unit>.inner>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.list-flow-05-2>.cols>.unit>.inner {
    padding: 10px;
    vertical-align: middle
}

.list-flow-05-2>.cols.col-1>.unit {
    width: 708px
}

.list-flow-05-2>.cols.col-2>.unit {
    width: 348px
}

.list-flow-05-2>.cols.col-3>.unit {
    width: 228px
}

.list-flow-05-2>.cols.col-4>.unit {
    width: 168px
}

.tbl .js-active td {
    background-color: #d7e3f5
}

.item_q {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    background: url("/help/mymenu/resource/common/p/img/tooltip/site-icon_question.png") no-repeat;
    text-indent: -9999px;
    cursor: pointer
}

.boxItemDetails {
    width: 230px;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 10 !important;
    background: #ffffff;
    border: #8eb5ee solid 8px;
    padding: 28px 20px
}

.boxItemDetails dl {
    margin: 0
}

.boxItemDetails dt {
    padding: 0 0 10px;
    font-weight: bold
}

.boxItemDetails dd.item_a {
    padding: 0 0 0px
}

.boxItemDetails dd.item_a span {
    display: block;
    margin-bottom: 8px
}

.boxItemDetails .boxItemDetailsLink {
    margin: 10px 0 0
}

.boxItemDetails .boxItemDetailsOption li {
    margin: 12px 0 0;
    padding-left: 15px;
    background: url("/help/mymenu/resource/common/p/img/tooltip/site-icon-bullet-02.png") 0 6px no-repeat
}

.boxItemDetails .boxItemDetailsOption li em {
    display: block
}

.boxItemDetails .boxItemDetailsOption:first-child li:first-child {
    margin: 0
}

.boxItemDetails:not(.sp) .boxItemDetailsClose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 53px;
    height: 12px;
    line-height: 12px;
    background: url("/help/mymenu/resource/common/p/img/tooltip/site-icon_close.png") no-repeat;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    text-indent: -9999px;
    overflow: hidden
}

.boxItemDetails.sp {
    width: 240px;
    padding: 30px 20px 30px;
    border: #8eb5ee solid 5px
}

.boxItemDetails.sp .boxItemDetailsClose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 58px;
    height: 14px;
    line-height: 14px;
    background: url("/help/mymenu/resource/common/p/img/tooltip/site-icon_close_s.png") no-repeat;
    background-size: 58px 14px;
    cursor: pointer;
    color: #333333;
    font-size: 14px;
    text-indent: -9999px;
    overflow: hidden
}

#recommend-nav {
    margin: 40px 0 0
}

#recommend-nav .txt em {
    font-weight: bold;
    color: #000000
}

.monthswitcher {
    clear: right;
    overflow: hidden
}

.monthswitcher--list .monthswitcher--item-prev:before,
.monthswitcher--list .monthswitcher--item-prev:after,
.monthswitcher--list .monthswitcher--item-next:before,
.monthswitcher--list .monthswitcher--item-next:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 30px
}

.monthswitcher--list {
    margin: 0;
    padding: 0;
    font-size: 87.5%;
    float: right;
    display: inline-block;
    height: 100%;
    min-height: 24px;
    overflow: visible
}

.monthswitcher--list .monthswitcher--item {
    float: left;
    display: table;
    height: 24px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: -1px;
    line-height: 100%;
    min-height: 24px
}

.monthswitcher--list .monthswitcher--item:first-child {
    margin-right: 15px
}

.monthswitcher--list .monthswitcher--item:last-child {
    margin-right: 11px
}

.monthswitcher--list a,
.monthswitcher--list span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    min-height: 18px;
    padding-top: 3px;
    line-height: 100%
}

.monthswitcher--list a {
    color: #006699
}

.monthswitcher--list a:hover {
    text-decoration: underline
}

.monthswitcher--list a.disabled,
.monthswitcher--list span {
    color: #aaaaaa;
    text-decoration: none
}

.monthswitcher--list .monthswitcher--item-current {
    min-width: 46px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #d8dadc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.monthswitcher--list .monthswitcher--item-prev {
    position: relative;
    min-width: 38px;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 3px;
    border: 1px solid #d8dadc;
    border-left: none;
    box-sizing: border-box;
    height: 100%
}

.monthswitcher--list .monthswitcher--item-prev:before {
    border-right: 11px solid #d8dadc;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: -1px;
    left: -11px;
    z-index: -2
}

.monthswitcher--list .monthswitcher--item-prev:after {
    border-right: 11px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: -1px;
    left: -10px;
    z-index: -1
}

.monthswitcher--list .monthswitcher--item-next {
    position: relative;
    min-width: 38px;
    height: 100%;
    padding-right: 4px;
    padding-left: 5px;
    padding-top: 3px;
    border: 1px solid #d8dadc;
    border-right: none;
    box-sizing: border-box
}

.monthswitcher--list .monthswitcher--item-next:before {
    border-left: 11px solid #d8dadc;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: -1px;
    right: -10px;
    z-index: -2
}

.monthswitcher--list .monthswitcher--item-next:after {
    border-left: 11px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: -1px;
    right: -9px;
    z-index: -1
}

.stepprocess-hdg-l3 {
    font-weight: normal
}

.stepprocess-list {
    display: table;
    width: 100%;
    margin: 5px 0 20px;
    table-layout: fixed;
    overflow: hidden
}

.stepprocess-list .stepprocess-item {
    position: relative;
    display: table-cell;
    height: 16px;
    line-height: 13px;
    padding: 12px 0;
    text-align: center;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    list-style: none;
    background: #eef3f9;
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_current {
    color: #ffffff
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_after {
    color: #9fa9b3
}

.stepprocess-list .stepprocess-item:not(:last-child):before,
.stepprocess-list .stepprocess-item:not(:last-child):after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block
}

.stepprocess-list .stepprocess-item:not(:last-child):before {
    top: -3px;
    right: -23px;
    border-left: 23px solid #FFFFFF;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent
}

.stepprocess-list .stepprocess-item:not(:last-child):after {
    top: 0px;
    right: -20px;
    border-left: 20px solid #eef3f9;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_current {
    background: #ff0032;
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_current:after {
    border-left: 20px solid #ff0032;
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_after {
    background: #e6e8eb
}

.stepprocess-list .stepprocess-item.stepprocess-item-state_after:after {
    border-left: 20px solid #e6e8eb
}

.tbl th,
.tbl-04 th,
.tbl-comparision th,
.tbl td,
.tbl-04 td,
.tbl-comparision td {
    padding: 15px;
}

.img>img {
    width: 110px;
}

.tbl,
.tbl-04,
.tbl-comparision {
    margin: 20px 0 20px;
}

.list-bullet-01 {
    margin: 0 0 30px 4px;
}

/* faq_temp.css */
.qa-item {
    margin: -10px 0 0;
}

.qa-item .qa-title {
    position: relative;
    border-bottom: 1px solid #d8dadc;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.qa-item .qa-icn-q {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    display: block;
    width: 29px;
    height: 30px;
    background: url(/help/mymenu/resource/common/s/img/faq/icon-q.png) 0 0 no-repeat;
    background-size: 29px 30px;
    color: transparent;
    text-indent: -9999px;
    overflow: hidden;
}

.qa-item>.qa-title>a {
    border-bottom: none !important;
    padding: 0 !important;
}

.qa-item>.qa-title>a:before {
    display: none;
}

.qa-item>.qa-title:first-child>a {
    border-top: none !important;
}

.qa-item a .qa-icn-q {
    top: 0;
    margin-top: 0;
}

.qa-item .qa-txt {
    display: block;
    font-weight: normal;
}

.qa-item .qa-txt a {
    padding: 20px 0 20px 39px;
    display: block;
    font-weight: normal;
}

.qa-item .qa-icons {
    display: block;
}

.qa-item span.icn_sp {
    margin: 5px 5px 0 0;
    display: inline-block;
    border: #d8dadc 1px solid;
    width: 88px;
    height: 13px;
    font-weight: bold;
    font-size: 9px;
    line-height: 13px;
    text-align: center;
    overflow: hidden;
}

.qa-item+p {
    margin-top: 20px;
    margin-bottom: 30px;
}


body {
    overflow-x: hidden;
    position: relative;
    height: auto;
    min-height: 100%;
}

.user-menu {
    display: none;
}

/*ヘッダ－*/
.header-myym {
    position: fixed;
    z-index: 20;
    width: 200px;
    height: 100%;
    min-width: 200px;
    border-right: 1px solid rgb(234, 235, 236);
    background: white;
}

.header-myym .header-inner-top {
    width: 75%;
    margin-top: 20px;
}

.header-myym .header-inner-top .logo-myym {
    width: 100%;
    float: none;
    margin: 0 auto;
}

.header-myym .header-inner-top .logo-myym a {
    margin: 0 auto;
    text-align: center;
    color: #14CD0A !important;
    text-decoration: none;
    font-weight: bold;
}

.header-myym .header-inner-top .logo-myym a img {
    width: 100%;
}

.header-myym .nav-site-container {
    border-bottom: rgb(234, 235, 236) solid 1px;
}

.log_in,
.log_out {
    text-align: center;
    font-size: 13px;
}

.log_in {
    margin-top: 20px
}

.log_out {
    font-size: 12px;
    height: auto;
}

.log_out a {
    display: inline-block;
    width: 150px;
    border: 1px solid #d8dadc;
    border-radius: 5px;
    padding: 5px 0;
}

.phone_info {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.header-myym .header-menu .header-menu-back,
.header-myym .header-menu .header-menu-login-change,
.header-myym .header-menu .header-menu-logout {
    text-align: left;
}

.link_text_black {
    text-decoration: none !important;
    color: black !important;
}

.link_text_black:hover {
    color: rgb(153, 153, 153) !important;
}

/*ヘッダ－*/

#str-contents {
    position: relative;
    /* z-index: 10; */
    width: auto;
    padding-left: 200px;
    padding-bottom: 293px;
}

#contents-area {
    width: 960px;
}

@media screen and (max-width: 1024px),
screen and (max-height:650px) {
    #contents-area {
        width: 710px;
    }
}

#contents-area {
    float: none;
    display: block;
    margin: 0 auto;
}

/* パンくず */
#topicpath-container {
    width: 100%;
}

#topicpath-area {
    width: 100%;
}

/* サイドナビ */
#local-nav-area {
    padding-bottom: 10px;
    width: 240px;
    margin: 0 0 40px 0px;
}

.menu_list {
    width: 100%;
    padding: 0;
    border-bottom: none;
    list-style: none;
    font-size: 12px;
}

.current_border {
    border-left: 3px solid red;
}

.main_menu {
    width: 90%;
    position: relative;
    /* font-weight: bold; */
    font-size: 1.05em;
    margin: -1px auto;
    padding: 13px 0;
    line-height: 7px;
    color: rgb(73, 74, 76);
    cursor: pointer;
}

.new_line {
    display: inline;
    line-height: 0;
    background-image: initial;
}

.main_menu a {
    color: rgb(73, 74, 76);
    text-decoration: none;
}

.main_menu a,
.main_menu span:not(.new_line) {
    width: 88%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.main_menu a span:not(.new_line),
.main_menu span span:not(.new_line) {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    background-image: url(../img/fig_selfcare-menu.png);
    background-repeat: no-repeat;
    background-size: 390px auto;
}

.phone_num_box {
    width: 80%;
    cursor: default;
    font-size: 12px;
    text-align: center;
    padding: 8px 0;
}

.main_menu.phone_num_box>span {
    margin: 10px auto;
}

.main_menu.phone_num_box>span:after {
    display: none;
}

.main_menu.phone_num_box>span>span {
    margin-left: 0;
}

.icon_price {
    background-position: -9px -8px;
}

.icon_data {
    background-position: -36px -8px;
}

.icon_option {
    background-position: -65px -8px;
}

.icon_mail {
    background-position: -93px -8px;
}

.icon_peace {
    background-position: -122px -8px;
}

.icon_setting {
    background-position: -152px -8px;
}

.icon_info {
    background-position: -328px -8px;
}

.icon_account {
    background-position: -181px -8px;
}

.icon_support {
    background-position: -210px -8px;
}

.icon_phone {
    background-position: -238px -8px;
}

.main_menu>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 7px;
    margin-top: auto;
    margin-bottom: auto;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main_menu span.open:after {
    /* border-right: none;
  border-left: 1px solid #333; */
}

.main_menu a span:not(.new_line),
.main_menu span span:not(.new_line) {
    margin-right: 10px;
}

.sub_menu {
    z-index: 30;
    display: none;
    width: 100%;
    list-style: none;
    height: 100vh;
    width: 230px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: rgb(234, 235, 237);
    padding-top: 90px;
}

.sub_menu li {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.sub_menu li a {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 8px;
    color: rgb(73, 74, 76);
    text-decoration: none;
}

.sub_menu li:first-child a {
    border-top: none;
}

/*サイドナビ */

/* footer */
.description {
    padding: 11px 0 !important;
}

.logo-footer img {
    display: none;
}

.nav-top {
    width: 100%;
}

.nav-top a {
    padding-bottom: 30px;
}

.bg_gray {
    background: rgb(234, 235, 237);
}

.bg_light_gray {
    background: white;
}

.bg_heavy_gray {
    background: #dadada;
}

.current_bg_heavy_gray {
    background: #dadada;
}

.clear-both {
    clear: both;
}

.footer-myym {
    position: absolute;
    z-index: 15;
    bottom: 0;
    width: 100%;
}

.footer-links-myym {
    margin-left: 200px;
}

.footer-links-myym .footer-link-list {
    padding: 30px 0 25px 0;
    text-align: center;
}

.footer-links-myym .footer-link-list li {
    margin: 0;
    padding: 0 18px;
    border-left: 2px solid rgb(223, 224, 226);
}

.footer-links-myym .footer-link-list li:first-child {
    padding-left: 0;
}

.footer-links-myym .footer-link-list li:first-child {
    border: none;
}

.footer-copyright {
    width: 100%;
    margin: 0 auto;
}

.footer-links-myym-inner {
    width: 960px;
}

.footer-copyright p {
    margin: 0 !important;
    text-align: center;
    font-size: 9px;
    padding-top: 20px;
}

.footer-copyright p:before {
    font-size: 9px;
    content: "ソフトバンク株式会社 ©SoftBank Corp.";
}

.text_color_red {
    color: #ff0033 !important;
}

#topicpath-container {
    border-top: 2px solid #f4f5f6;
}

.center {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.btn-03 {
    background-color: #f4f5f6;
}

.footer-box {
    /* margin-left: 200px; */
    width: auto;
    padding-left: 200px;
}

.footer-container {
    width: 950px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px),
screen and (max-height:650px) {
    html {
        overflow-x: hidden;
    }

    .hdg-l1 {
        width: 710px;
        margin: 0 auto;
        display: block;
    }

    .user-menu {
        display: block;
    }

    .header-myym {
        position: static;
        width: 100%;
        max-width: 100%;
        height: 150px;
        border-right: none;
    }

    .header-myym .header-inner-top {
        width: 250px;
    }

    .header-myym .header-inner-top .logo-myym {
        width: 190px;
    }

    .header-myym .header-inner-top .user-menu {
        position: absolute;
        top: 30px;
        right: 25px;
    }

    #str-contents {
        width: 100%;
        min-width: initial;
        padding-left: 0;
    }

    #contents-area {
        float: none;
        display: block;
        margin: 0 auto;
        width: 710px;
    }

    .current_border {
        border: none;
        border-top: 3px solid red;
    }

    .menu_list {
        width: 100%;
        height: auto;
        height: 87px;
        font-size: 10px;
    }

    .menu_list>li {
        width: 11.0%;
        height: 100%;
        float: left;
    }

    .menu_list li .main_menu a span:not(.new_line),
    .menu_list li .main_menu span span:not(.new_line) {
        height: 20px;
        margin-bottom: 8px;
    }

    .menu_list li:nth-child(8) .main_menu span {
        border-right: none;
    }

    .main_menu {
        width: 100%;
        border-top: none;
        border-bottom: none;
        margin: 0 auto;
    }

    .new_line {
        display: block;
        line-height: 1.714;
        margin: 0;
    }

    .main_menu a,
    .main_menu span {
        width: 100%;
        height: 43px;
        text-align: center;
        margin-left: 0;
    }

    .main_menu a span:not(.new_line),
    .main_menu span span:not(.new_line) {
        display: block;
        margin: 0 auto;
        top: 0;
        background-image: url(../img/fig_selfcare-menu-2x.png);
    }

    .phone_num_box {
        display: none;
    }

    .main_menu span:after {
        display: none
    }

    .sub_menu {
        display: none;
        position: absolute;
        top: 157px;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        bottom: initial;
        background: rgb(234, 235, 237);
        overflow: hidden;
        padding: 10px 0;
    }

    .sub_menu_wrapper {
        width: 90%;
        height: 100%;
        margin: 0 auto;
    }

    .sub_menu li {
        width: 24%;
        height: 40px;
        float: left;
        position: relative;
        margin: 8px 2px;
        text-align: left;
        display: table;
        border-radius: 3px;
    }

    .sub_menu li a {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        border: none;
        padding: 0 0 0 10px;
        font-size: 12px;
    }

    .log_in,
    .log_out,
    .phone_info {
        display: none;
    }

    #topicpath-area {
        margin: 0;
    }

    .footer-box {
        padding-left: 0;
    }

    .footer-container {
        width: 710px;
    }

    .footer-links-myym {
        min-width: 0;
        min-width: initial;
        margin-left: 0;
    }

    .footer-links-myym-inner {
        width: 90%;
    }

    .footer-myym {
        min-width: initial;
    }

    .footer-myym .footer-inner {
        width: 90%;
    }

    .nav-top a {
        margin-left: 60px;
    }

    .footer-myym {
        margin-left: 0;
    }

    .footer-links-myym-inner {
        width: 710px;
    }

    .footer-copyright {
        width: 710px;
    }

    #str-contents>.nav-top:last-child,
    #contents-area>.nav-top:last-child {
        width: 710px;
    }

    .list-product-img .boxLineup {
        width: 343px;
    }

    .border_none {
        border: none !important;
    }

    .section>.hdg-l1 {
        width: 710px;
        margin: 0 auto;
        display: block;
    }
}

/* 201803 */
ul.form-list li {
    padding: 5px 0px;
}

@media (min-width: 601px) {

.icon-assist-ques-mark {
    display: inline-block;
    text-align: center;
    color: #006699;
    background: #fff;
    padding: 2px 5px 2px 5px;
    display: inline-block;
    width: 10px;
    height: 16px;
    margin: 1px 0px 0px 5px;
    border: 1px solid #d8dadc;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
  }

  .monthswitcher-03--list {
    height: 40px;
  }

  .monthswitcher-03--list .monthswitcher--item-prev {
    width: 33%;
    height: inherit;
    padding: 6px 0px 0px 9px;
    text-align: center;
  }

  .monthswitcher-03--list .monthswitcher--item-panel {
    padding: 6px 0px 0px 0px;
    height: inherit;
    width: 33%;
  }

  .monthswitcher-03--list .monthswitcher--item-next {
    width: 33%;
    height: inherit;
    padding: 6px 8px 0px 0px;
    text-align: center;
  }

  .monthswitcher-03--list .monthswitcher--item-prev:before {
    left: 10px;
  }

  .monthswitcher-03--list .monthswitcher--item-next:after {
    right: 10px;
  }
  .user_info_detail_type_02,
  .user_info_detail_type_02.unsettled,
  .user_info_detail_type_02.strong {
    padding: 3px 13px 2px;
    font-size: 0.9em;
  }
  div.monthswitcher-03 {
    padding-top: 10px !important;
  }

  .single-btn {
    margin: 20px 0px;
  }

  a.assist-tool-tip-link {
    color: #006699;
  }

  /* 請求額差分 */

  .uni-box-05 {
    margin: 20px 0px 10px;
    padding: 20px;
    border: 1px solid #d8dadc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
  }

  .uni-box-05.widebold {
    border: 10px solid #f4f5f6;
  }

  .uni-box-05 .box-title {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }

  .uni-box-05 .box-title span {
    padding: 0.3rem 0.8rem;
    display: inline-block;
    background: #fff;
    margin: 5px 0px;
    font-size: 1.6rem;
  }

  .uni-box-05>h4.inner-hdg-l4 {
    background-color: #f4f5f6;
    padding: 10px 5px 10px 10px;
    display: block;
    /* min-height: 30px; */
    font-size: 1.4em;
    font-weight: normal;
    margin: 5px 0px;
  }

  .uni-box-05 h5.inner-hdg-l5 {
    padding: 15px 0px 15px 15px;
    display: block;
    min-height: 24px;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
    position: relative;
  }

  .uni-box-05 h5.inner-hdg-l5:after {
    background-color: #c4c9cd;
    content: "";
    display: block;
    width: 4px;
    height: 60%;
    overflow: hidden;
    position: absolute;
    top: 20%;
    left: 0px;
  }

  .uni-box-05>dl.list {
    padding-top: 10px;
  }

  .uni-box-05>dl.list {
    border-top: 1px solid #d8dadc;
  }

  div.uni-box-05>dl:first-of-type {
    border-top: none;
  }

  div.uni-box-05>.tbl {
    border-bottom: none;
    border-left: none;
  }

  .tbl-02 {
    border-top: 1px solid #d8dadc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    /* font-size: 12px; */
    font-size: 1.0em;
    width: 100%;
  }

  .tbl-02 th {
    background-color: #f4f5f6;
    vertical-align: middle;
    font-weight: normal;
    white-space: normal;
  }

  .tbl-02 td,
  .tbl-02 th {
    padding: 15px;
    border-top: none;
    border-bottom: 1px solid #d8dadc;
    border-left: none;
  }

  .fc-smpk {
    color: #ff4684;
  }

  tr.total-cell {
    border-top: 3px double #d8dadc;
  }

  div.change-arrow:before {
    border-top: 15px solid #d8dadc;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: none;
    content: "";
    display: block;
    height: 0;
    left: -9px;
    margin: 10px auto 10px;
    position: relative;
    right: auto;
    top: auto;
    width: 0;
  }

  div.change-arrow.light:before {
    border-top: 15px solid #f4f5f6;
  }

  div.hr-flex-dashed {
    display: flex;
    align-items: center;
    text-align: center;
    /* for no-flexbox browsers */
    margin: 0px -10px;
    padding: 10px 0px 0px;
  }

  div.hr-flex-dashed:before,
  div.hr-flex-dashed:after {
    border-top: 1px dashed #d8dadc;
    content: "";
    display: inline;
    /* for IE */
    flex-grow: 1;
  }

  div.hr-flex-dashed:before {
    margin-right: 0.5em;
  }

  div.hr-flex-dashed:after {
    margin-left: 0.5em;
  }

  .grid-arr>.unit img {
    width: 120px;
  }

  /* modal */
  #alertnotification-modal-overlay {
    z-index: 1001;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .modal-content {
    width: 70%;
  }

  /* 以下、検証用：マージ後削除 */
  /* テーブル調整 */
  .tbl,
  .tbl-04,
  .tbl-comparision {
    margin: 10px 0 40px;
  }

  /* パンくず下位 : myym-common.css 15 */


  .area_info-billing-amount__inner__list {
    /* display: table; */
    display: block;
    width: 100%;
  }

  .area_info-billing-amount__image {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }

  .area_info-billing-amount__text {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }

  .area_info-billing-amount__inner__list__item {
    margin-bottom: 0 !important;
    width: 100%;
  }

  .area_info-billing-amount__image img {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
  }
}

/* ----------------------------------------------------------------
step-list
----------------------------------------------------------------- */
.step-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 720px;
    position: relative;
    margin: 10px auto 20px;
    text-align: center;
  }
  .step-list li {
    font-size: 12px;
    list-style: none;
    position: relative;
    display: table-cell;
  }
  .step-list li:after {
    background: #d0e1f9;
    content: "";
    width: calc(100% - 24px);
    height: 4px;
    position: absolute;
    left: calc(-50% + 12px);
    top: 10px;
  }
  .step-list li:first-child:after {
    display: none;
  }
  .step-list li span {
    background: #d0e1f9;
    color: #ffffff;
    display: inline-block;
    height: 24px;
    margin-bottom: 5px;
    line-height: 24px;
    width: 24px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .step-list .visited:after {
    background: #14CD0A !important;
  }
  .step-list .external:after {
    background: #ccc;
  }
  .step-list .external.visited:after {
    background: #999;
  }
  .step-list .visited span {
    background: #14CD0A !important;
  }
  .step-list .external span {
    background: #ccc;
  }
  .step-list .external.visited span {
    background: #999;
  }