@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;
}
.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;
}
#body,
.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-body {
    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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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;
}

#body > .nav-top:last-child,
#contents-area > .nav-top:last-child {
    margin-bottom: 0 !important;
    width: 960px;
}
#contents-body {
    margin: 0 20px 40px 0;
}
#contents-body > *:last-child {
    margin-bottom: 0;
}
.lyt-col-1 #contents-body {
    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 #body {
    padding-top: 117px;
}
* html #top #body {
    padding-top: 0;
}
*:first-child+html #top #body {
    padding-top: 0;
}
.lyt-top #contents-body {
    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/myym/resource/common/p/img/site-sprite-icon.png") 0 50% no-repeat;
    content: "";
}
#contents-body .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/myym/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/myym/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/myym/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/myym/resource/common/p/img/sprite-menu-rf2.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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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;
  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;
}
.hdg-l2:first-child{
  border: none;
}

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

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

.hdg-l2:first-child {
  margin-top: 0 !important
}

.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-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: 0 0 10px;
  padding: 0 0 1px;
  border-bottom: 1px solid #d8dadc;
  font-size: 100%
}

.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-body p {
  margin: 5px 0 10px;
  font-size: 85.71%;
  line-height: 1.33
}

.lyt-top #contents-body 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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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 #fe0332;
  border-radius: 3px;
  background-color: #fe0332;
  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-body 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/myym/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/myym/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/myym/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-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-body .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-body .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-body .row {
  width: 710px
}

#index-main+#contents-body .row {
  padding-top: 0
}

#contents-body #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/myym/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/myym/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/myym/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-body .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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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/myym/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: 0 0 40px;
}
.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/myym/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;
}
.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;
}
/*ヘッダ－*/

#body {
  position: relative;
  z-index: 10;
  width: auto;
  padding-left: 200px;
  padding-bottom: 293px;
}
#contents-area {
  width: 960px;
}
@media screen and (max-width: 1024px) {
  #contents-area  {
    width: 710px;
  }
}
#contents-body {
  float: none;
  width: 100%;
  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;
  margin-top: 0 !important;
}
.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) {
  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;
  }
  #body {
    width: 100%;
    min-width: initial;
    padding-left: 0;
  }
  #contents-body {
    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;
  }
  #body>.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;
}

/* SEM PC */
  .header-myym  .menu-list-01 {
      font-size: 0.9em;
  }

  .header-myym  .menu-list-01 li.top {
      display: none !important;
  }

  .header-myym  .menu-list-01 li.about {
      display: none !important;
  }

  .header-myym  .menu-list-01 li.info {
      display: none !important;
  }

  .header-myym  ul.btn-list-02{
      display: none;
  }

  .phone_num_box>.nav_layer_01 {
      white-space: nowrap
  }

  .header-myym  .menu-list-01>li:before {
      content: "";
      display: inline-block;
      width: 24px !important;
      height: 24px;
      overflow: hidden;
      position: relative;
      top: 0;
      left: 0;
      background-image: url(../../p/img/fig_selfcare-menu-2x.png);
      background-repeat: no-repeat;
      background-size: 390px auto;
  }

  .header-myym  .menu-list-01>li>a.toggle-hook {
      pointer-events: none;
  }

  .header-myym  .menu-list-01 div.toggle-more .grid-arr .unit>p>a {
      color: rgb(73, 74, 76);
      line-height: 1.4;
  }

  .header-myym  .menu-list-01>li.active,
  .header-myym  .menu-list-01>li:hover {
      background: rgb(234, 235, 237);
  }

  /* icons */
  .header-myym  .menu-list-01 li.pay:before {
      background-position: -6px -8px;
  }

  .header-myym  .menu-list-01 li.data:before {
      background-position: -36px -8px;
  }

  .header-myym  .menu-list-01 li.contract:before {
      background-position: -65px -8px;
  }

  .header-myym  .menu-list-01 li.mail:before {
      background-position: -93px -8px;
  }

  .header-myym  .menu-list-01 li.anshin:before {
      background-position: -122px -8px;
  }

  .header-myym  .menu-list-01 li.service-terminal-setting:before {
      background-position: -152px -8px;
  }

  .header-myym  .menu-list-01 li.internet:before {
      background-image: url(/help/myym/resource/data/add/top/01/img/s/icon-hammenu-Internet.png);
      background-size: 25px auto;
      background-position: 0px -2px;
  }

  .header-myym  .menu-list-01 > li.sbcard:before {
      background-image: url(/help/myym/resource/data/add/top/01/img/s/icon-hammenu-sbcard.png);
      background-size: 25px auto;
      background-position: 0.5px -1px;
  }
  
  .header-myym  .menu-list-01 > li.faq:before {
      background-image: url(/help/myym/resource/data/add/top/01/img/s/saponavi_menu.png);
      background-size: 25px auto;
      background-position: 0px -0.5px;
      margin-left: -3px;
  }
  .header-myym  .menu-list-01 > li.survey:before {
      background-image: url(/help/myym/resource/data/add/top/01/img/s/icon-hammenu-survey.png);
      background-size: 25px auto;
      background-position: -1px 0px;
  }
  .header-myym   .menu-list-01 > li.model-change:before {
    background-image: url(/help/myym/resource/data/add/top/01/img/s/icon-model-change.png);
    background-size: 25px auto;
    background-position: 2px -2px;
  }
  .header-myym .menu-list-01 > li.paypay:before {
    background-image: url(/help/myym/resource/data/add/top/01/img/s/icon-hammenu-paypay.png);
    background-size: 25px auto;
    background-position: 2px -2px;
}

  .header-myym  .menu-list-01 li.info-setting:before {
      background-position: -328px -8px;
  }

  .header-myym  .menu-list-01 li.account:before {
      background-position: -181px -8px;
  }

  .header-myym  .menu-list-01 li.contact:before {
      background-position: -299px -8px;
  }

  .header-myym  .menu-list-01 li.support:before {
      background-position: -210px -8px;
  }

@media screen and (max-width:1024px) {
  .header-myym  .menu-list-01 {
      display: flex;
      height: 87px;
      position: relative;
  }

  .header-myym  .menu-list-01>li {
      font-size: 0.85em;
      margin: 0;
      text-align: center;
      display: flex !important;
      flex-direction: column;
      align-items: center;
      width: 88%;
      padding: 13px 0;
      /* margin: 0 10px; */
      display: flex;
      align-items: center;
      pointer-events: all;
      cursor: pointer;
  }

  .header-myym  .menu-list-01>li>a {
      margin: 0px;
      text-align: center;
      width: 90%;
      color: rgb(73, 74, 76);
  }

  .header-myym  .menu-list-01>li>a.toggle-hook:after {
      display: none;
  }

  .header-myym  .menu-list-01 div.toggle-more {
      display: none;
      position: absolute;
      top: 80px;
      width: auto;
      max-width: 100vw;
      height: auto;
      left: 0;
      right: 0;
      bottom: initial;
      background: rgb(234, 235, 237);
      overflow: hidden;
      z-index: 100;
      padding: 0 45px;
      overflow: hidden;
      max-height: 0px;
      transition: max-height .3s linear, padding .1s linear .3s;
  }

  .header-myym  .menu-list-01 div.toggle-more.show {
      display: block;
  }

  .header-myym  .menu-list-01 div.toggle-more.active {
      transition: max-height .3s linear, padding .1s linear;
      max-height: 40vh;
      padding: 10px 45px;
  }

  .header-myym  .menu-list-01 div.toggle-more .grid-arr .unit {
      width: 25%;
      padding: 8px;
      color: rgb(73, 74, 76);
      font-size: 12px;
      margin: 0;
      height: 50px;
  }

  .header-myym  .menu-list-01 div.toggle-more .grid-arr .unit>p {
      text-align: left;
  }

}

@media screen and (min-width:1025px) {
  .header-myym  .menu-list-01>li {
      padding: 8px;
      position: relative;
      display: flex;
      align-items: center;
      pointer-events: all;
      transition: background-color 0.05s linear;
      cursor: pointer;
  }

  .header-myym  .menu-list-01>li:active {
      background: rgba(73, 74, 76, 0.5);
  }

  .header-myym  .menu-list-01>li>a.toggle-hook:after {
      content: "";
      display: block;
      position: absolute;
      top: 17px;
      right: 17px;
      margin-top: auto;
      margin-bottom: auto;
      width: 6px;
      height: 6px;
      border-bottom: 1px solid #333;
      border-right: 1px solid #333;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .header-myym  .menu-list-01>li>a {
      color: rgb(73, 74, 76);
      margin-left: 10px;
  }

  .header-myym  .menu-list-01 div.toggle-more {
      z-index: 30;
      width: 100%;
      list-style: none;
      display: none;
      height: 0px;
      width: 230px;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 200px;
      background: rgb(234, 235, 237);
      transition: height .4s linear;
      overflow: hidden;
      pointer-events: none;
  }

  .header-myym  .menu-list-01 div.toggle-more:before {
      content: "";
      display: inline-block;
      height: 90px;
      width: 100%;
  }

  .header-myym  .menu-list-01 div.toggle-more.show {
      display: block;
  }

  .header-myym  .menu-list-01 div.toggle-more.active {
      transition: height .4s linear;
      height: 100vh;
  }

  .header-myym  .menu-list-01 div.toggle-more .grid-arr .unit {
      width: 100%;
      padding: 8px;
      padding-left: 24px;
      color: rgb(73, 74, 76);
      font-size: 12px;
      margin: 0;
      pointer-events: all;
  }

  .header-myym  .menu-list-01 div.toggle-more .grid-arr .unit:hover {
      background: rgba(73, 74, 76, 0.1);
  }

  .header-myym  .menu-list-01 div.toggle-more>a {
      padding: 8px;
      padding-left: 24px;
      color: rgb(73, 74, 76);
      font-size: 12px;
      line-height: 1.4;
      width: 100%;
      pointer-events: all;
      display: block;
  }

  .header-myym  .menu-list-01 div.toggle-more>a:hover {
      background: rgba(73, 74, 76, 0.1);
  }
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
#str-contents .btn-00,
#str-contents .btn-01,
#str-contents .btn-03 ,
#str-contents .uni-btn-02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}