/*=============================================================
 contents Layout
=============================================================*/
/* topicPathArea
-------------------------------------------------------------*/
#topicPathArea {
    clear: both;
    width: 980px;
    min-height: 42px;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
}

#topicPathArea nav {
    padding-top: 6px;
}

#topicPath {
    color: #666;
    font-size: 85.7%;
    line-height: 1.6;
}

#topicPath ul {
    overflow: hidden;
}

#topicPath li {
    float: left;
    margin-right: 8px;
}

.ie6 #topicPath li,
.ie7 #topicPath li {
    white-space: nowrap;
}

#topicPath li.current {
    margin-right: 0;
}

#topicPath a {
    color: #666;
    text-decoration: none;
}

#topicPath a:visited {
    color: #639;
}

#topicPath a:hover {
    text-decoration: underline;
}

.mobile #topicPath a:hover {
    text-decoration: none;
}

/* stockboad */
#topicPathArea .stockboad {
    text-align: right;
    margin: 7px 304px -13px 0;
}

/* pageBody
-------------------------------------------------------------*/
#pageBody {
    width: 980px;
    margin: 0 auto;
}

/*=============================================================
 contents
=============================================================*/
#contents {
    line-height: 1.8;
    float: left;
    width: 676px;
}

.cotegoryTop #contents {
    background: url(../image/bg_categorytop.png) no-repeat 0 0;
}

.cotegoryTop #contents .front-bgWhite {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    margin-top: 50px;
    padding: 10px 0;
}

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
    line-height: 1.15;
}

#contentsHdr {
    margin-bottom: 25px;
}

.cotegoryTop #contentsHdr {
    margin-bottom: 8px;
}

/* pagetop
-------------------------------------------------------------*/
#contents .pagetop {
    text-align: right;
    margin: 20px 0 30px;
}

#contents .pagetop a {
    text-decoration: none;
}

#contents .pagetop a:visited {
    color: #639;
}

#contents .pagetop a:hover {
    text-decoration: underline;
}

.mobile #contents .pagetop a:hover {
    text-decoration: none;
}

#contents .pagetop a:before {
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 13px 3px 0;
    border-style: solid;
    border-width: 0 3px 5px 3px;
    border-color: #0062a0 transparent;
}

.ie6 #contents .pagetop a:before {
    margin-top: -10px;
    margin-bottom: 0;
    border-color: #0062a0 #f3f7fa;
}

/* snsBtn
-------------------------------------------------------------*/
#snsBtn {
    line-height: 1;
    float: right;
    padding-top: 10px;
    overflow: hidden;
}

.cotegoryTop #snsBtn {
    padding: 15px 0 6px;
}

.ie6 #snsBtn {
    height: 28px;
}

.ie6 #snsBtn li {
    display: none;
}

#snsBtn li {
    float: right;
    margin-left: 5px;
}

/* readspeaker_button1
-------------------------------------------------------------*/
#readspeaker_button1 {
    line-height: 1;
    float: left;
    padding-top: 10px;
}

.cotegoryTop #readspeaker_button1 {
    padding-top: 7px;
}

#xp1.rsbtn {
    clear: both;
    margin-bottom: 20px;
    padding-top: 5px;
}

/* title
-------------------------------------------------------------*/
/* pageTitle */
#pageTitle {
    font-size: 200%;
    line-height: 1.15;
    font-weight: bold;
    min-height: 35px;
    padding: 8px 0 5px 37px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #0062a0;
}

.ie6 #pageTitle {
    display: inline-block;
}

#pageTitle:before {
    content: "";
    background: url(../image/parts_spr.png) no-repeat -34px -50px;
    display: block;
    width: 29px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
}

#pageTitle .sub {
    font-size: 64.3%;
    vertical-align: 2px;
    margin: 0 4px;
}

#pageTitle .sub2 {
    color: #666;
    font-size: 50%;
    vertical-align: 2px;
    margin: 0 4px;
}

#pageTitle p.sub,
#pageTitle p.sub2 {
    margin: 0 0 3px;
}

#pageTitle p.sub2 {
    margin-top: 4px;
}

#pageTitle .icon {
    line-height: 0;
    float: right;
    margin: -8px 0 3px 5px;
}

/* categoryTitle */
#categoryTitle {
    text-align: right;
    width: 100%;
    position: relative;
}

#categoryTitle h1 {
    background: url(../image/bg_categorytitle.png) no-repeat right 0;
    text-align: left;
    width: 206px;
    height: 198px;
    padding: 22px 0 0 22px;
    position: absolute;
    top: 0;
    left: 0;
}

#categoryTitle h1 img {
    background: #0062a0;
}

/* ttl-dft */
#contents .ttl-dft {
    font-size: 171.4%;
    font-weight: bold;
    margin: 70px 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #0062a0;
}

#contentsHdr + .ttl-dft {
    margin-top: 40px;
}

#contentsHdr + .box-clm2 .ttl-dft:first-child,
#contentsHdr + .box-clm3 .ttl-dft:first-child {
    margin-top: 15px;
}

#contents .ttl-dft.icon-f,
#contents .ttl-dft.icon-s {
    padding-left: 65px;
    position: relative;
}

.ie6 #contents .ttl-dft.icon-f,
.ie6 #contents .ttl-dft.icon-s {
    display: inline-block;
}

#contents .ttl-dft.icon-f:before,
#contents .ttl-dft.icon-s:before {
    content: "";
    background: url(../image/parts_spr.png) no-repeat -101px -50px;
    display: block;
    width: 59px;
    height: 33px;
    position: absolute;
    bottom: 5px;
    left: 0;
}

#contents .ttl-dft.icon-s:before {
    background-position: -162px -50px;
}

/* ttl-sub */
#contents .ttl-sub {
    font-size: 142.9%;
    font-weight: bold;
    margin: 50px 0 10px;
    padding: 1px 0 0 7px;
    border-left: 3px solid #0062a0;
}

#contentsHdr + .ttl-sub {
    margin-top: 40px;
}

#contents .ttl-dft + .ttl-sub {
    margin-top: 25px;
}

#contents .ttl-dft + .box-clm2 .ttl-sub:first-child,
#contents .ttl-dft + .box-clm3 .ttl-sub:first-child {
    margin-top: 10px;
}

/* ttl-fig */
#contents .ttl-fig {
    font-size: 114.3%;
    font-weight: bold;
    margin: 50px 0 10px;
}

#contentsHdr + .ttl-fig {
    margin-top: 40px;
}

#contents .ttl-dft + .ttl-fig,
#contents .ttl-sub + .ttl-fig {
    margin-top: 25px;
}

#contents .ttl-dft + .box-clm2 .ttl-fig:first-child,
#contents .ttl-dft + .box-clm3 .ttl-fig:first-child {
    margin-top: 10px;
}

#contents .ttl-sub + .box-clm2 .ttl-fig:first-child,
#contents .ttl-sub + .box-clm3 .ttl-fig:first-child {
    margin-top: 15px;
}

/* ttl-figCaption */
#contents .ttl-figCaption {
    margin: 50px 0 10px;
    overflow: hidden;
}

.ie6 #contents .ttl-figCaption {
    width: 100%;
}

#contentsHdr + .ttl-figCaption {
    margin-top: 40px;
}

#contents .ttl-dft + .ttl-figCaption,
#contents .ttl-sub + .ttl-figCaption {
    margin-top: 25px;
}

#contents .ttl-dft + .box-clm2 .ttl-figCaption:first-child,
#contents .ttl-dft + .box-clm3 .ttl-figCaption:first-child {
    margin-top: 10px;
}

#contents .ttl-sub + .box-clm2 .ttl-figCaption:first-child,
#contents .ttl-sub + .box-clm3 .ttl-figCaption:first-child {
    margin-top: 15px;
}

#contents .ttl-figCaption .ttl-fig {
    float: left;
    margin: 0;
}

#contents .ttl-figCaption .caption {
    line-height: 1.15;
    text-align: right;
    float: right;
    margin-top: 2px;
}

/* ttl-column *//* add 2014-08-08 */
#contents .ttl-column {
    color: #0062a0;
    font-size: 128.6%;
    line-height: 1.25;
    font-weight: bold;
    margin: 70px 0 25px;
    border-top: 5px solid #c1d9e5;
}

#contents .ttl-column .num {
    font-size: 88.9%;
    display: inline-block;
    padding-top: 3px;
    position: relative;
    top: -5px;
    border-top: 5px solid #0062a0;
}

/* text
-------------------------------------------------------------*/
#contents .mT1L {
    margin-top: 1.8em;
}

#contents .catch,
#contents .catchL,
#contents .catchLL {
    font-size: 128.6%;
    line-height: 1.6;
    font-weight: bold;
    margin: 15px 0 25px;
}

#contents .catchL {
    font-size: 150%;
    line-height: 1.4;
}

#contents .catchLL {
    font-size: 178.6%;
    line-height: 1.4;
}

#contentsHdr .catch,
#contentsHdr .catchL,
#contentsHdr .catchLL {
    margin-bottom: 15px;
}

#contents .lead {
    font-weight: bold;
}

/* atn */
#contents .atn,
#contents .list-atn,
#contents .atnNum,
#contents .list-atnNum,
#contents .atnNote {
    margin-top: 15px;
}

#contents .atn,
#contents .list-atn li {
    font-size: 85.7%;
    text-indent: -0.68em;
    margin-left: 0.68em;
}

#contents .atnNum,
#contents .list-atnNum li {
    font-size: 85.7%;
    text-indent: -1.25em;
    margin-left: 1.25em;
}

#contents .atnNote {
    font-size: 85.7%;
    text-indent: -2.7em;
    margin-left: 2.7em;
}

/* img
-------------------------------------------------------------*/
#contents img.imgBdr {
    border: 1px solid #999;
}

/* link common
-------------------------------------------------------------*/
/* link color */
#contents .arw a,
#contents .arwCategory a,
#contents .list-link li a,
#contents .list-linkBdr li a,
#contents .list-download a,
#contents .list-tocSet li a,
#contents .list-tocNum a,
#contents .list-news dd p a,
#contents .box-linkTtl dt a,
#contents p.box-linkTtl a,
#contents .box-faqList li a {
    color: #333;
    text-decoration: none;
}

#contents .arw a:visited,
#contents .arwCategory a:visited,
#contents .list-link li a:visited,
#contents .list-linkBdr li a:visited,
#contents .list-download a:visited,
#contents .list-tocSet li a:visited,
#contents .list-tocNum a:visited,
#contents .list-news dd p a:visited,
#contents .box-linkTtl dt a:visited,
#contents p.box-linkTtl a:visited,
#contents .box-faqList li a:visited {
    color: #639;
}

#contents .arw a:hover,
#contents .arwCategory a:hover,
#contents .list-link li a:hover,
#contents .list-linkBdr li a:hover,
#contents .list-download a:hover,
#contents .list-tocSet li a:hover,
#contents .list-tocNum a:hover,
#contents .list-news dd p a:hover,
#contents .box-linkTtl dt a:hover,
#contents p.box-linkTtl a:hover,
#contents .box-faqList li a:hover {
    color: #999;
    text-decoration: underline;
}

.mobile #contents .arw a:hover,
.mobile #contents .arwCategory a:hover,
.mobile #contents .list-link li a:hover,
.mobile #contents .list-linkBdr li a:hover,
.mobile #contents .list-download a:hover,
.mobile #contents .list-tocSet li a:hover,
.mobile #contents .list-tocNum a:hover,
.mobile #contents .list-news dd p a:hover,
.mobile #contents .box-linkTtl dt a:hover,
.mobile #contents p.box-linkTtl a:hover,
.mobile #contents .box-faqList li a:hover {
    color: #333;
    text-decoration: none;
}

/* arw */
#contents .arw,
#contents .arwCategory,
#contents .list-link li,
#contents .list-news dd p {
    padding-left: 17px;
    position: relative;
}

.ie6 #contents .arw,
.ie7 #contents .arw,
.ie6 #contents .arwCategory,
.ie7 #contents .arwCategory,
.ie6 #contents .list-link li,
.ie7 #contents .list-link li,
.ie6 #contents .list-linkBdr a,
.ie7 #contents .list-linkBdr a,
.ie6 #contents .list-linkBdr .nolink,
.ie7 #contents .list-linkBdr .nolink,
.ie6 #contents .list-download a,
.ie7 #contents .list-download a,
.ie6 #contents .list-news dd p,
.ie7 #contents .list-news dd p,
.ie6 #contents .box-linkTtl dt a,
.ie7 #contents .box-linkTtl dt a,
.ie6 #contents p.box-linkTtl a,
.ie7 #contents p.box-linkTtl a,
.ie6 #contents .box-linkTtl .ttl,
.ie7 #contents .box-linkTtl .ttl {
    display: inline-block;
}

#contents .arw a:before,
#contents .list-link a:before,
#contents .list-linkBdr a:before,
#contents .list-download a:before,
#contents .list-tocSet li a:before,
#contents .list-tocNum a:before,
#contents .list-news dd p a:before,
#contents .box-linkTtl dt a:after,
#contents p.box-linkTtl a:after,
#contents .box-menuList a:before,
#localMenu .lm-list li a:before,
#localMenu .lm-dataDL li li a:before,
#localMenu .lm-listS li a:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent #0062a0;
    position: absolute;
    top: 0.60em;
    left: 3px;
}

.ie6 #contents .arw a:before,
.ie6 #contents .list-link a:before,
.ie6 #contents .list-linkBdr a:before,
.ie6 #contents .list-tocSet li a,
.ie6 #contents .list-news dd p a:before,
.ie6 #contents .box-linkTtl dt a:after,
.ie6 #contents p.box-linkTtl a:after,
.ie6 #contents .box-menuList a:before,
.ie6 #localMenu .lm-list li a:before,
.ie6 #localMenu .lm-dataDL li li a:before,
.ie6 #localMenu .lm-listS li a:before {
    border-color: #fff #0062a0;
}

#contents .arwCategory a:before,
#contents .list-link a.category:before {
    content: "";
    display: block;
    background: url(../image/parts_spr.png) no-repeat -14px 0;
    width: 12px;
    height: 12px;
    border: none;
    position: absolute;
    top: 0.46em;
    left: 0;
}

/* list
-------------------------------------------------------------*/
/* list-dot */
#contents .list-dot > li {
    padding-left: 14px;
    position: relative;
}

.ie6 #contents .list-dot > li,
.ie7 #contents .list-dot > li {
    display: inline-block;
}

#contents .list-dot > li:before {
    content: "";
    background: #333;
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 0.7em;
    left: 4px;
}

/* list-circle */
#contents .list-circle > li {
    padding-left: 14px;
    position: relative;
}

.ie6 #contents .list-circle > li,
.ie7 #contents .list-circle > li {
    display: inline-block;
}

#contents .list-circle > li:before {
    content: "";
    background: #83b4cc;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0.49em;
    left: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/* list-circle */
#contents .list-circle02 > li {
    padding-left: 14px;
    position: relative;
}

.ie6 #contents .list-circle02 > li,
.ie7 #contents .list-circle02 > li {
    display: inline-block;
}

#contents .list-circle02 > li:before {
    content: "";
    background: #0062a0;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0.49em;
    left: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#contents table td .list-circle02 > li:before {
    content: "";
    background: #0062a0;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0.2em;
    left: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/* list-num */
#contents .list-num {
    margin-left: 2em;
}

#contents .list-num > li {
    list-style-type: decimal;
}

/* list-flow */
#contents .list-flow {
    margin-right: -20px;
}

#contents .list-flow > li {
    float: left;
    margin-right: 20px;
}

#contents .list-flow.clm2 > li {
    min-width: 328px;
}

#contents .list-flow.clm2.list-dot > li,
#contents .list-flow.clm2.list-circle > li {
    min-width: 314px;
}

#contents .list-flow.clm2.list-link > li {
    min-width: 311px;
}

#contents .boxBdr .list-flow.clm2 > li {
    min-width: 308px;
}

#contents .boxBdr .list-flow.clm2.list-dot > li,
#contents .boxBdr .list-flow.clm2.list-circle > li {
    min-width: 294px;
}

#contents .boxBdr .list-flow.clm2.list-link > li {
    min-width: 291px;
}

#contents .list-flow.clm3 > li {
    min-width: 212px;
}

#contents .list-flow.clm3.list-dot > li,
#contents .list-flow.clm3.list-circle > li {
    min-width: 198px;
}

#contents .list-flow.clm3.list-link > li {
    min-width: 195px;
}

#contents .boxBdr .list-flow.clm3 > li {
    min-width: 198px;
}

#contents .boxBdr .list-flow.clm3.list-dot > li,
#contents .boxBdr .list-flow.clm3.list-circle > li {
    min-width: 184px;
}

#contents .boxBdr .list-flow.clm3.list-link > li {
    min-width: 181px;
}

#contents .list-flow.clm4 > li {
    min-width: 154px;
}

#contents .list-flow.clm4.list-dot > li,
#contents .list-flow.clm4.list-circle > li {
    min-width: 140px;
}

#contents .list-flow.clm4.list-link > li {
    min-width: 137px;
}

#contents .boxBdr .list-flow.clm4 > li {
    min-width: 144px;
}

#contents .boxBdr .list-flow.clm4.list-dot > li,
#contents .boxBdr .list-flow.clm4.list-circle > li {
    min-width: 130px;
}

#contents .boxBdr .list-flow.clm4.list-link > li {
    min-width: 127px;
}

.ie6 #contents .list-flow > li,
.ie7 #contents .list-flow > li {
    white-space: nowrap;
}

/* list-linkBdr */
#contents .list-linkBdr {
    border-top: 1px solid #ccc;
}

#contents .list-linkBdr li {
    line-height: 1.25;
    border-bottom: 1px solid #ccc;
}

#contents .list-linkBdr a,
#contents .list-linkBdr .nolink {
    display: block;
    padding: 12px 10px 10px 30px;
    position: relative;
}

#contents .list-linkBdr a:before {
    top: 17px;
    left: 15px;
}

#contents .list-linkBdr li ul {
    margin-left: 30px;
}

#contents .list-linkBdr li li {
    border-top: 1px dotted #ccc;
    border-bottom: none;
}

#contents .list-linkBdr li .list-dot > li {
    border-top: none;
    margin-bottom: 10px;
}

#contents .list-linkBdr li .list-dot > li:before {
    top: 0.45em;
}

#contents .list-linkBdr li li a,
#contents .list-linkBdr li li .nolink {
    padding-left: 20px;
}

#contents .list-linkBdr li li a:before {
    left: 5px;
}

#contents .ttl-dft + .list-linkBdr,
#contents .list-linkBdr.lower {
    border-top: none;
}

#contents .list-linkBdr.lower a,
#contents .list-linkBdr.lower .nolink {
    padding-left: 50px;
}

#contents .list-linkBdr.lower a:before {
    left: 35px;
}

#contents .list-linkBdr.lower li ul {
    margin-left: 50px;
}

#contents .list-linkBdr.lower li li a,
#contents .list-linkBdr.lower li li .nolink {
    padding-left: 20px;
}

#contents .list-linkBdr.lower li li a:before {
    left: 5px;
}

/* list-ac */
#contents .list-ac,
#ancDiv ul {
    margin: 30px -13px 0;
}

#contentsHdr .list-ac {
    margin-top: 5px;
}

#contents .list-ac li {
    line-height: 1.25;
    float: left;
    margin: 10px 13px 0;
    padding-left: 15px;
    position: relative;
}

#ancDiv ul li {
    line-height: 1.25;
    display: inline;
    margin: 10px 13px 0;
    padding-left: 15px;
    position: relative;
    background: no-repeat !important;
}

.ie6 #contents .list-ac li,
.ie7 #contents .list-ac li,
.ie6 #ancDiv ul li,
.ie7 #ancDiv ul li {
    white-space: nowrap;
}

.ie6 #contents .list-ac li,
.ie6 #ancDiv ul li {
    display: inline-block;
}

#contents .list-ac li a,
#ancDiv ul li a {
    text-decoration: none;
}

#contents .list-ac li a:visited,
#ancDiv ul li a:visited {
    color: #639;
}

#contents .list-ac li a:hover,
#ancDiv ul li a:hover {
    text-decoration: underline;
}

.mobile #contents .list-ac li a:hover,
.mobile #ancDiv ul li a:hover {
    text-decoration: none;
}

#contents .list-ac li a:before,
#ancDiv ul li a:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #0062a0 transparent;
    position: absolute;
    top: 0.38em;
    left: 3px;
}

.ie6 #contents .list-ac li a:before,
.ie6 #ancDiv ul li a:before {
    border-color: #0062a0 #fff;
}

/* list-download */
#contents .list-download {
    line-height: 1.25;
    margin-top: 25px;
}

#contents .list-download li {
    margin-top: 2px;
}

#contents .list-download a {
    background: #f3f3f3;
    display: block;
    padding: 12px 10px 10px 30px;
    position: relative;
}

#contents .list-download a:before {
    top: 17px;
    left: 15px;
}

.ie6 #contents .list-download a:before {
    border-color: #f3f3f3 #0062a0;
}

/* list-tocSet */
#contents .list-tocSet {
    line-height: 1.5;
    margin-top: 25px;
    border-top: 1px solid #ccc;
}

#contents .list-tocSet dt {
    font-weight: bold;
    padding: 12px 0 0 12px;
}

#contents .list-tocSet dd {
    font-size: 92.9%;
    padding-left: 75px;
    border-bottom: 1px solid #ccc;
}

#contents .list-tocSet dt:nth-of-type(even),
#contents .list-tocSet dd:nth-of-type(even) {
    background: #f6f6f6;
}

#contents .list-tocSet li:not(:first-child) {
    border-top: 1px dotted #ccc;
}

#contents .list-tocSet li a {
    display: block;
    padding: 12px 0 12px 15px;
    position: relative;
}

.ie6 #contents .list-tocSet li a,
.ie7 #contents .list-tocSet li a {
    width: 586px;
}

#contents .list-tocSet li a:before {
    top: 17px;
    left: 3px;
}

/* list-tocNum */
#contents .list-tocNum {
    font-size: 85.7%;
    line-height: 1.5;
    margin-top: 25px;
    padding: 0 0 8px 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ie6 #contents .list-tocNum,
.ie7 #contents .list-tocNum {
    padding-left: 0;
}

#contents .list-tocNum li {
    list-style-type: decimal;
    margin: 8px 0 0 2em;
    position: relative;
}

#contents .list-tocNum li a {
    display: block;
    margin-left: -3em;
    padding: 5px 5px 5px 3em;
}

.ie6 #contents .list-tocNum li a,
.ie7 #contents .list-tocNum li a {
    display: inline;
    margin-left: 0;
    padding-left: 0;
    position: static;
}

#contents .list-tocNum li.act a {
    color: #333;
    font-weight: bold;
    background: #d9e7f1;
}

#contents .list-tocNum li a:before {
    top: 10px;
    left: -2.6em;
}

.ie6 #contents .list-tocNum li a:before,
.ie7 #contents .list-tocNum li a:before {
    display: none;
}

#contents .list-tocNum li.act a:before {
    background: #0062a0;
    width: 6px;
    height: 2px;
    border: none;
    top: 12px;
    left: -2.5em;
}

/* list-news */
#contents .list-news {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#contents .list-news dt {
    margin-bottom: -1.8em;
    padding: 10px 0 0 18px;
}

#contents .box-clm2 .list-news dt {
    margin-bottom: 0;
}

#contents .list-news dd {
    border-bottom: 1px dotted #ccc;
    padding: 0 10px 10px 132px;
}

#contents .list-news.noIcon dd {
    padding-left: 30px;
}

#contents .box-clm2 .list-news dd {
    padding-left: 120px;
}

#contents .box-clm2 .list-news.noIcon dd {
    padding-left: 18px;
}

#contents .list-news dd:last-child {
    border-bottom: none;
}

#contents .list-news dt:nth-of-type(even),
#contents .list-news dd:nth-of-type(even) {
    background: #f6f6f6;
}

.ie8 #contents .list-news dt:nth-of-type(even) {
    background: none !important;
}

.ie8 #contents .list-news dd:nth-of-type(even) {
    background: none !important;
}

.ie7 #contents .list-news dt:nth-of-type(even) {
    background: none !important;
}

.ie7 #contents .list-news dd:nth-of-type(even) {
    background: none !important;
}

.ie6 #contents .list-news dt:nth-of-type(even) {
    background: none !important;
}

.ie6 #contents .list-news dd:nth-of-type(even) {
    background: none !important;
}

#contents .list-news dd p {
    margin-left: 9em;
    position: relative;
}

.ie6 #contents .list-news dd p {
    display: inline-block;
}

#contents .box-clm2 .list-news dd p {
    margin-left: 0;
}

#contents .list-news dd p .icon {
    position: absolute;
    top: 1px;
    left: -102px;
}

/* box
-------------------------------------------------------------*/
/* figure */
#contents figure figcaption:first-child {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 5px;
}

#contents figure figcaption:last-child,
#contents .figcaption {
    font-size: 85.7%;
    line-height: 1.3;
    margin-top: 8px;
}

/* box-clm2 */
#contents .box-clm2 > .boxLeft {
    float: left;
    width: 328px;
}

#contents .box-clm2 > .boxRight {
    float: right;
    width: 328px;
}

#contents .box-clm2.left3x > .boxLeft,
#contents .box-clm2.right3x > .boxRight {
    width: 502px;
}

#contents .box-clm2.left3x > .boxRight,
#contents .box-clm2.right3x > .boxLeft {
    width: 154px;
}

#contents .box-clm2.left2x > .boxLeft,
#contents .box-clm2.right2x > .boxRight {
    width: 444px;
}

#contents .box-clm2.left2x > .boxRight,
#contents .box-clm2.right2x > .boxLeft {
    width: 212px;
}

/* box-clm2>box-clm2 */
#contents .box-clm2 .box-clm2 > .boxLeft {
    width: 154px;
}

#contents .box-clm2 .box-clm2 > .boxRight {
    width: 154px;
}

/* box-clmImgS */
#contents .box-clmImgS > .boxLeft {
    float: left;
    width: 100px;
}

#contents .box-clmImgS > .boxRight {
    margin-left: 110px;
}

/* box-clmImgS-r */
#contents .box-clmImgS-r > .boxRight {
    float: right;
    width: 100px;
}

#contents .box-clmImgS-r > .boxLeft {
    margin-right: 110px;
}

/* box-clm3 */
#contents .box-clm3 > .boxLeft {
    float: left;
    width: 210px;
    margin-right: 15px;
}

#contents .box-clm3 > .boxRight {
    float: right;
    width: 212px;
}

/* boxBdr */
#contents .boxBdr {
    border: 3px solid #e6e6e6;
    margin-top: 40px;
    padding: 14px 17px 12px;
}

#contents .boxBdr .ttl {
    line-height: 1.25;
    font-weight: bold;
    margin: 0 -3px 11px;
    padding: 1px 3px 11px;
    border-bottom: 1px solid #ccc;
}

/* box-linkTtl */
#contents .box-linkTtl {
    margin-top: 30px;
}

#contentsHdr + div .box-linkTtl,
#contents .catch + div .box-linkTtl {
    margin-top: 15px;
}

#contents .box-linkTtl dt,
#contents p.box-linkTtl {
    background-color: #dfeaef;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 15px;
}

#contents p.box-linkTtl {
    margin-bottom: 0;
}

#contents .box-linkTtl dt .sub,
#contents p.box-linkTtl .sub {
    font-size: 85.7%;
}

#contents .box-linkTtl dt a,
#contents p.box-linkTtl a,
#contents .box-linkTtl .ttl {
    background-color: #dfeaef;
    min-height: 17px;
    padding: 19px 10px 14px 36px;
    display: block;
    position: relative;
}

#contents .box-linkTtl dt a:after,
#contents p.box-linkTtl a:after {
    top: 23px;
    left: 21px;
    z-index: 1;
}

#contents .box-linkTtl a.category:after {
    background: url(../image/parts_spr.png) no-repeat -14px 0;
    width: 12px;
    height: 12px;
    border: none;
    top: 21px;
    left: 17px;
}

#contents .box-linkTtl dt a:before,
#contents p.box-linkTtl a:before,
#contents .box-linkTtl .ttl:before {
    content: "";
    display: block;
    background: url(../image/parts_spr.png) no-repeat -72px -50px;
    width: 27px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

#contents .box-menuList {
    line-height: 1.25;
    margin-top: 0;
    border-top: 2px solid #0062a0;
}

#contents ul.box-menuList {
    padding-top: 4px;
}

#contents .box-menuList a {
    color: #333;
    text-decoration: none;
}

#contents .box-menuList a:visited {
    color: #639;
}

#contents .box-menuList a:hover {
    color: #999;
}

.mobile #contents .box-menuList a:hover {
    color: #333;
}

#contents .box-menuList dt,
#contents .box-menuList li {
    border-bottom: 1px dotted #4089b4;
}

#contents .box-menuList dt {
    font-weight: bold;
}

#contents .box-menuList a,
#contents .box-menuList .nolink {
    display: block;
    padding: 12px 0 10px 40px;
    position: relative;
}

.ie6 #contents .box-menuList a,
.ie6 #contents .box-menuList .nolink {
    display: inline-block;
}

#contents .box-menuList dt a {
    padding: 16px 0 10px 26px;
}

#contents .box-menuList dt.nolink {
    padding: 16px 0 10px 12px;
}

#contents .box-menuList a:before {
    top: 16px;
    left: 26px;
}

#contents .box-menuList dt a:before {
    top: 20px;
    left: 12px;
}

#contents .box-menuList a.category:before,
#contents .box-menuList a.blank:before {
    background: url(../image/parts_spr.png) no-repeat -14px 0;
    width: 12px;
    height: 12px;
    border: none;
    top: 14px;
    left: 22px;
}

#contents .box-menuList a.blank:before {
    background-position: 0 0;
    height: 13px;
}

#contents .box-menuList dt a.category:before,
#contents .box-menuList dt a.blank:before {
    top: 18px;
    left: 8px;
}

/* box-faqList */
#contents .box-faqList {
    margin-top: 40px;
    border-top: 2px solid #0062a0;
}

#contents .box-faqList dt {
    font-size: 114.3%;
    line-height: 1.25;
    font-weight: bold;
    border-bottom: 1px dotted #0062a0;
}

#contents .box-faqList dt .sub {
    font-size: 75%;
}

#contents .box-faqList dt {
    padding: 21px 0 18px 27px;
    display: block;
    position: relative;
}

.ie6 #contents .box-faqList dt,
.ie7 #contents .box-faqList dt {
    display: inline-block;
}

#contents .box-faqList dt:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #0062a0 transparent;
    position: absolute;
    top: 28px;
    left: 12px;
}

.ie6 #contents .box-faqList dt:before {
    border-color: #0062a0 #fff;
}

#contents .box-faqList dd {
    line-height: 1.5;
}

#contents .box-faqList li {
    border-bottom: 1px dotted #0062a0;
}

#contents .box-faqList li a {
    min-height: 11px;
    padding: 11px 0 8px 60px;
    display: block;
    position: relative;
}

.ie6 #contents .box-faqList li a,
.ie7 #contents .box-faqList li a {
    display: inline-block;
}

#contents .box-faqList li img.icon {
    position: absolute;
    top: 8px;
    left: 27px;
}

/* box-faq */
#contents .box-faq {
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #d9d9d9;
}

#contents .box-faq .ttl {
    font-size: 114.3%;
    line-height: 1.25;
    font-weight: bold;
    padding: 4px 0 20px 38px;
    position: relative;
}

#contents .box-faq .ttl img.icon {
    position: absolute;
    top: 0;
    left: 1px;
}

#contents .box-faq .box {
    padding: 2px 0 0 38px;
    position: relative;
}

#contents .box-faq .box img.icon {
    position: absolute;
    top: 0;
    left: 1px;
}

.ie6 #contents .box-faq .ttl,
.ie7 #contents .box-faq .ttl,
.ie6 #contents .box-faq .box,
.ie7 #contents .box-faq .box {
    display: inline-block;
}


/* box-scr */
#contents .box-scr {
    height: 300px;
    overflow: auto;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #A5ACB2;
}

/* pageNav */
#contents .pageNav {
    margin-top: 35px;
}

#contents .pageNav .navPrev {
    float: left;
    padding-left: 12px;
    position: relative;
}

#contents .pageNav .navNext {
    float: right;
    padding-right: 12px;
    position: relative;
}

#contents .pageNav .navPrev a,
#contents .pageNav .navNext a {
    text-decoration: none;
}

#contents .pageNav .navPrev a:visited,
#contents .pageNav .navNext a:visited {
    color: #639;
}

#contents .pageNav .navPrev a:hover,
#contents .pageNav .navNext a:hover {
    text-decoration: underline;
}

.mobile #contents .pageNav .navPrev a:hover,
.mobile #contents .pageNav .navNext a:hover {
    text-decoration: none;
}

#contents .pageNav .navPrev a:before,
#contents .pageNav .navNext a:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 3px 5px 3px 0;
    border-color: transparent #0062a0;
    position: absolute;
    top: 0.60em;
    left: 0;
}

#contents .pageNav .navNext a:before {
    border-width: 3px 0 3px 5px;
    right: 0;
    left: auto;
}

.ie6 #contents .pageNav .navPrev a:before,
.ie6 #contents .pageNav .navNext a:before {
    border-color: #fff #0062a0;
}

/* box-related */
#contents .box-related {
    margin-top: 50px;
    border: 3px solid #e6e6e6;
    padding: 11px 17px 8px;
}

#contents .box-related dt {
    font-weight: bold;
}

#contents .box-related dd {
    margin: -1.8em 0 0 5em;
    padding-left: 25px;
}

/* box-dlReader */
#contents .box-dlReader {
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}

#contents .box-dlReader .bnr {
    float: left;
}

#contents .box-dlReader .text {
    font-size: 85.7%;
    line-height: 1.6;
    margin-left: 170px;
}

/* toggle-set
-------------------------------------------------------------*/
#contents .toggle-set .toggle-btn {
    cursor: pointer;
}

#contents .toggle-set .toggle-box {
    display: none;
}

#contents .toggle-set.open .toggle-box {
    display: block;
}

/* toggle-sp */
#contents .toggle-sp .toggle-btn {
    cursor: auto;
}

#contents .toggle-sp .toggle-box {
    display: block;
}

#contents .toggle-sp.close .toggle-box {
    display: block !important;
}

/* table
-------------------------------------------------------------*/
#contents table.alignC tr th,
#contents table.alignC tr td {
    text-align: center;
}

/* table-dft */
#contents .table-dft {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#contents .table-dft th,
#contents .table-dft td {
    vertical-align: middle;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}

#contents .table-dft th {
    font-weight: bold;
    text-align: left;
    padding-left: 18px;
}

#contents .table-dft tr:nth-child(even) {
    background: #f6f6f6;
}

/* table-data */
#contents .table-data {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#contents .table-data th,
#contents .table-data td {
    line-height: 1.25;
    font-weight: normal;
    vertical-align: middle;
    padding: 15px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#contents .table-data th {
    text-align: left;
    padding-left: 25px;
}

#contents .table-data tr:nth-child(even) {
    background: #f6f6f6;
}

#contents .table-data th.th-idt1 {
    padding-left: 40px;
}

#contents .table-data thead tr th {
    background: #e6f0f5;
    padding: 10px;
}

#contents .table-data thead tr:first-child th {
    color: #fff;
    font-weight: bold;
    background: #0062a0;
}

#contents .table-data thead th.empty {
    background: none !important;
}

/* table-data-2014 */
#contents .table-data-2014 {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#contents .table-data-2014 th,
#contents .table-data-2014 td {
    line-height: 1.25;
    font-weight: normal;
    vertical-align: middle;
    padding: 15px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#contents .table-data-2014 th {
    text-align: left;
    padding-left: 25px;
}

#contents .table-data-2014 tr:nth-child(even) {
    background: #f6f6f6;
}

#contents .table-data-2014 th.th-idt1 {
    padding-left: 40px;
}

#contents .table-data-2014 thead tr th {
    background: #e6f0f5;
    padding: 10px;
}

#contents .table-data-2014 thead tr:first-child th {
    color: #fff;
    font-weight: bold;
    background: #0062a0;
}

#contents .table-data-2014 thead th.empty {
    background: none !important;
}

/* form style
-------------------------------------------------------------*/
#contents input[type="radio"],
#contents input[type="checkbox"] {
    margin-right: 5px;
}

#contents input[type="submit"],
#contents input[type="button"],
#contents input[type="reset"] {
    padding: 3px 10px 4px;
}

#contents input[type="submit"] + input[type="submit"],
#contents input[type="submit"] + input[type="button"],
#contents input[type="button"] + input[type="submit"],
#contents input[type="button"] + input[type="button"],
#contents input[type="submit"] + input[type="reset"],
#contents input[type="reset"] + input[type="submit"] {
    margin-left: 20px;
}

#contents input[type="text"],
#contents input[type="number"],
#contents input[type="email"],
#contents input[type="tel"] {
    max-width: 100%;
}

#contents textarea {
    width: 100%;
}

#contents .bgError {
    background-color: #fce5e8 !important;
}

/* GoogleMap
-------------------------------------------------------------*/
#setGoogleMap {
    width: 100%;
    height: 500px;
    margin-top: 30px;
    border: 1px solid #ccc;
}

/*=============================================================
 localMenuArea
=============================================================*/
#localMenuArea {
    line-height: 1.3;
    float: right;
    width: 234px;
    margin-top: 48px;
    padding-top: 3px;
    border-top: 1px solid #0062a0;
}

.cotegoryTop #localMenuArea {
    margin-top: 0;
}

#localMenu dt {
    display: none;
}

/*#localMenu.close>dd{display:block !important;}*/
#localMenu li a {
    color: #333;
    text-decoration: none;
}

#localMenu li a:visited {
    color: #639;
}

#localMenu li a:hover {
    color: #999;
}

.mobile #localMenu li a:hover {
    color: #333;
}

#localMenu li.act > a {
    color: #333;
    background-color: #d9e7f1;
}

.ie6 #localMenu li a,
.ie6 #localMenu li .nolink {
    width: 194px;
}

.ie6 #localMenu li li a,
.ie6 #localMenu li li .nolink {
    width: 172px;
}

.ie6 #localMenu li li li a,
.ie6 #localMenu li li li .nolink {
    width: 154px;
}

/* lm-list
-------------------------------------------------------------*/
#localMenu .lm-list li {
    border-bottom: 1px solid #ccc;
}

#localMenu .lm-list li a,
#localMenu .lm-list li .nolink {
    display: block;
    padding: 11px 0 10px 40px;
    position: relative;
}

#localMenu .lm-list li a:before {
    top: 16px;
    left: 22px;
}

/* open */
#localMenu .lm-list li.open > a:before {
    border-width: 5px 3px 0;
    border-color: #0062a0 transparent;
    top: 16px;
    left: 22px;
}

.ie6 #localMenu .lm-list li.open > a:before {
    border-color: #0062a0 #fff;
}

/* act */
#localMenu .lm-list li.act > a:before {
    background: #0062a0;
    width: 6px;
    height: 2px;
    border: none;
    top: 18px;
    left: 21px;
}

/* icon */
#localMenu .lm-list li a.lm-iconBlank:before,
#localMenu .lm-list li a.lm-iconArwSq:before {
    background: url(../image/parts_spr.png) no-repeat;
    width: 12px;
    height: 12px;
    border: none;
}

#localMenu .lm-list li a.lm-iconBlank:before {
    background-position: 0 0;
    top: 15px;
    left: 17px;
}

#localMenu .lm-list li a.lm-iconArwSq:before {
    background-position: -14px 0;
    top: 14px;
    left: 18px;
}

/* children */
#localMenu .lm-list li ul {
    display: none;
}

#localMenu .lm-list li.open > ul,
#localMenu .lm-list li.act > ul {
    display: block;
}

#localMenu .lm-list li li {
    border-top: 1px dotted #ccc;
    border-bottom: none;
}

#localMenu .lm-list li li a,
#localMenu .lm-list li li .nolink {
    padding-left: 62px;
}

#localMenu .lm-list li li a:before {
    left: 44px;
}

#localMenu .lm-list li li a.lm-iconBlank:before {
    left: 39px;
}

#localMenu .lm-list li li a.lm-iconArwSq:before {
    left: 40px;
}

#localMenu .lm-list li li.open > a:before {
    left: 44px;
}

#localMenu .lm-list li li.act > a:before {
    left: 43px;
}

/* grandchildren */
#localMenu .lm-list li li ul {
    padding-bottom: 4px;
}

#localMenu .lm-list li li li {
    border-top: none;
}

#localMenu .lm-list li li li a,
#localMenu .lm-list li li li .nolink {
    padding: 6px 0 5px 80px;
}

#localMenu .lm-list li li li a:before {
    top: 11px;
    left: 62px;
}

#localMenu .lm-list li li li.act > a:before {
    top: 13px;
    left: 61px;
}

#localMenu .lm-list li li li a.lm-iconBlank:before {
    top: 10px;
    left: 57px;
}

#localMenu .lm-list li li li a.lm-iconArwSq:before {
    top: 9px;
    left: 58px;
}

/* lm-dataDL
-------------------------------------------------------------*/
#localMenu .lm-dataDL {
    background: #efefef;
    margin: 25px 0;
    padding: 10px 10px 0;
}

#localMenu .lm-dataDL dt {
    display: block;
    background: #fff;
    padding: 8px 10px 5px;
}

#localMenu .lm-dataDL li {
    border-bottom: 1px dotted #d5d5d5;
}

#localMenu .lm-dataDL li:last-child {
    border-bottom: none;
}

#localMenu .lm-dataDL li a,
#localMenu .lm-dataDL li .lm-toggle {
    display: block;
    padding: 16px 0 15px 30px;
    position: relative;
}

#localMenu .lm-dataDL li .lm-toggle {
    cursor: pointer;
}

#localMenu .lm-dataDL li a:before,
#localMenu .lm-dataDL li .lm-toggle:before {
    content: "";
    background: url(../image/parts_spr.png) no-repeat;
    display: block;
    width: 22px;
    height: 27px;
    position: absolute;
    top: 12px;
    left: 2px;
}

#localMenu .lm-dataDL li a.lm-iconZip:before {
    background-position: 0 -20px;
}

#localMenu .lm-dataDL li .lm-toggle:before {
    background-position: -168px -20px;
}

#localMenu .lm-dataDL li.open .lm-toggle:before {
    background-position: -144px -20px;
}

/* children */
#localMenu .lm-dataDL li ul {
    display: none;
    padding-bottom: 10px;
}

#localMenu .lm-dataDL li li {
    font-size: 85.7%;
    border-bottom: none;
}

#localMenu .lm-dataDL li li a {
    display: block;
    padding: 8px 0 7px 30px;
    position: relative;
}

#localMenu .lm-dataDL li li a:before {
    background: none;
    top: 11px;
    left: 12px;
}

/* lm-listIcon
-------------------------------------------------------------*/
#localMenu .lm-listIcon {
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

#localMenu .lm-chart + .lm-listIcon {
    border-top: 1px solid #ccc;
}

#localMenu .lm-listIcon li a {
    display: block;
    padding: 16px 0 15px 40px;
    position: relative;
}

#localMenu .lm-listIcon li a:before {
    content: "";
    background: url(../image/parts_spr.png) no-repeat;
    display: block;
    width: 22px;
    height: 27px;
    position: absolute;
    top: 12px;
    left: 12px;
}

/* localMenu--> IR */
#localMenu .lm-listIcon li a.lm-iconZip:before {
    background-position: 0 -20px;
}

#localMenu .lm-listIcon li a.lm-iconDownload:before {
    background-position: -24px -20px;
}

#localMenu .lm-listIcon li a.lm-iconMail:before {
    background-position: -48px -20px;
}

#localMenu .lm-listIcon li a.lm-iconCalendar:before {
    background-position: -72px -20px;
}

#localMenu .lm-listIcon li a.lm-iconEvent:before {
    background-position: -96px -20px;
}

#localMenu .lm-listIcon li a.lm-iconFAQ:before {
    background-position: -120px -20px;
}

/* lm-listS
-------------------------------------------------------------*/
#localMenu .lm-listS {
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
}

#localMenu .lm-listS li {
    font-size: 85.7%;
}

#localMenu .lm-listS li a {
    display: block;
    padding: 8px 0 7px 40px;
    position: relative;
}

#localMenu .lm-listS li a:before {
    top: 11px;
    left: 22px;
}

#localMenu .lm-listS li.act > a:before {
    background: #0062a0;
    width: 6px;
    height: 2px;
    border: none;
    top: 13px;
    left: 21px;
}

/* lm-chart
-------------------------------------------------------------*/
#localMenu .lm-chart {
    background: #fff;
    margin: 25px 0;
    padding: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
}

#localMenu .lm-chart li {
    display: block;
    background: #c1d9e4;
    padding: 15px 0 14px 38px;
    position: relative;
}

#localMenu .lm-chart li a:visited {
    color: #333;
}

#localMenu .lm-chart li a:hover {
    color: #999;
}

#localMenu .lm-chart li a:before {
    content: "";
    background: url(../image/parts_spr.png) no-repeat;
    display: block;
    width: 22px;
    height: 27px;
    position: absolute;
    top: 12px;
    left: 10px;
}

/* localMenu--> IR */
#localMenu .lm-chart li a.lm-iconChart:before {
    background-position: -217px -20px;
}

/* lm-app
-------------------------------------------------------------*/
#localMenu .lm-app a {
    display: block;
    padding: 15px 100px 10px 16px;
    background: #efefef url(../image/parts_apps.png) 90% 100% no-repeat;
    background-size: 35% auto;
    color: #333;
    font-weight: bold;
    font-size: 125%;
    line-height: 1;
}

/*=============================================================
 CSR localMenuArea add-kozuki(bc) 2019-11-13
=============================================================*/
#csr #localMenuArea nav p#lm-csrstatement,
#csr #localMenuArea nav p#lm-security {
    background: #efefef;
    padding: 15px;
    margin-top: 15px;
}

#csr #localMenuArea nav p#lm-csrstatement a:link,
#csr #localMenuArea nav p#lm-security a:link {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#csr #localMenuArea nav p#lm-csrstatement a:hover,
#csr #localMenuArea nav p#lm-security a:hover {
    opacity: 0.7;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 background
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #contents .ttl-dft.icon-f:before,
    #contents .ttl-dft.icon-s:before,
    #contents .arwCategory a:before,
    #contents .list-link a.category:before,
    #contents .box-menuList a.category:before,
    #contents .box-menuList a.blank:before,
    #contents .box-linkTtl a.category:after,
    #contents .box-linkTtl dt a:before,
    #contents p.box-linkTtl a:before,
    #contents .box-linkTtl .ttl:before,
    #localMenu .lm-list li a.lm-iconBlank:before,
    #localMenu .lm-list li a.lm-iconArwSq:before,
    #localMenu .lm-dataDL li a:before,
    #localMenu .lm-dataDL li .lm-toggle:before,
    #localMenu .lm-listIcon li a:before {
        background-image: url(../image/parts_sp_spr.png);
        -webkit-background-size: auto 110px;
        background-size: auto 110px;
    }


}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Mobile devices (Tablet (portrait), Smartphones)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 1023px) {

    /*=============================================================
 localMenuArea
=============================================================*/
    #localMenuArea,
    .cotegoryTop #localMenuArea {
        font-size: 16px;
        float: none;
        width: auto;
        margin-top: 40px;
        padding-top: 0;
        border-top: none;
    }

    #localMenu > dt {
        color: #fff;
        background: #0062a0;
        display: block;
        padding: 16px 0 15px 40px;
        position: relative;
    }

    #localMenu > dt:before {
        content: "";
        display: block;
        height: 0;
        border-style: solid;
        border-width: 5px 3px 0;
        border-color: #fff transparent;
        position: absolute;
        top: 22px;
        left: 22px;
    }

    /*#localMenu>dd{display:none;}
#localMenu.close>dd{display:none !important;}*/
    /* lm-list
-------------------------------------------------------------*/
    #localMenu .lm-list li {
        border-bottom: 1px dotted #ccc;
    }

    #localMenu .lm-list li a,
    #localMenu .lm-list li .nolink {
        padding: 14px 0 13px 40px;
    }

    #localMenu .lm-list li a:before {
        top: 20px;
    }

    /* open */
    #localMenu .lm-list li.open > a:before {
        top: 20px;
    }

    /* act */
    #localMenu .lm-list li.act > a:before {
        top: 22px;
    }

    /* icon */
    #localMenu .lm-list li a.lm-iconBlank:before {
        top: 19px;
    }

    #localMenu .lm-list li a.lm-iconArwSq:before {
        top: 18px;
    }

    /* children */
    #localMenu .lm-list li ul {
        padding-left: 18px;
        overflow: hidden;
    }

    #localMenu .lm-list li li ul {
        padding-left: 0;
    }

    #localMenu .lm-list li li {
        float: left;
        border: none;
        padding: 2px 0 5px 20px;
    }

    #localMenu .lm-list li li a,
    #localMenu .lm-list li li .nolink {
        padding: 6px 10px 6px 23px !important;
    }

    #localMenu .lm-list li li a:before,
    #localMenu .lm-list li li li a:before {
        top: 12px;
        left: 5px;
    }

    #localMenu .lm-list li li.open > a:before {
        top: 12px;
        left: 5px;
    }

    #localMenu .lm-list li li.act > a:before,
    #localMenu .lm-list li li li.act > a:before {
        top: 14px;
        left: 4px;
    }

    #localMenu .lm-list li li a.lm-iconBlank:before,
    #localMenu .lm-list li li li a.lm-iconBlank:before {
        top: 11px;
        left: 1px;
    }

    #localMenu .lm-list li li a.lm-iconArwSq:before,
    #localMenu .lm-list li li li a.lm-iconArwSq:before {
        top: 10px;
        left: 2px;
    }

    /* lm-listS
-------------------------------------------------------------*/
    #localMenu .lm-listS li {
        font-size: 100%;
    }

    #localMenu .lm-listS li a {
        padding: 11px 0 11px 40px;
    }

    #localMenu .lm-listS li a:before {
        top: 17px;
    }

    #localMenu .lm-listS li.act > a:before {
        top: 19px;
    }

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* topicPathArea
-------------------------------------------------------------*/
    #topicPathArea {
        width: 676px;
    }

    /* stockboad */
    #topicPathArea .stockboad {
        margin-right: 0;
    }

    /* pageBody
-------------------------------------------------------------*/
    #pageBody {
        width: 676px;
    }

    /*=============================================================
 contents
=============================================================*/
    #contents {
        float: none;
    }

    /* localMenu--> IR */
    /* lm-app
-------------------------------------------------------------*/
    #localMenu .lm-app a {
        padding: 27px 16px;
        background-size: auto 98%;
    }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 767px) {

    /* topicPathArea
-------------------------------------------------------------*/
    #topicPathArea {
        width: auto;
        max-width: 676px;
        min-height: 0;
        padding: 10px 13px 0;
    }

    #topicPathArea nav {
        display: none;
    }

    /* stockboad */
    #topicPathArea .stockboad {
        margin: 0 0 10px;
    }

    /* pageBody
-------------------------------------------------------------*/
    #pageBody {
        width: auto;
        max-width: 676px;
        padding-right: 13px;
        padding-left: 13px;
        padding-top: 60px;
    }

    /*=============================================================
 contents
=============================================================*/
    #contents {
        width: auto;
        float: none;
    }

    .cotegoryTop #contents {
        background: none;
    }

    .cotegoryTop #contents .front-bgWhite {
        background: none;
        padding: 0;
    }

    /* snsBtn
-------------------------------------------------------------*/
    #snsBtn {
        padding-top: 11px;
    }

    .cotegoryTop #snsBtn {
        padding: 15px 0 4px;
    }

    #snsBtn li img {
        height: 25px;
    }

    /* readspeaker_button1
-------------------------------------------------------------*/
    .cotegoryTop #readspeaker_button1 {
        padding-top: 11px;
    }

    .cotegoryTop #readspeaker_button1 img {
        width: 84px;
    }

    /* title
-------------------------------------------------------------*/
    /* pageTitle */
    #pageTitle {
        font-size: 18px;
        min-height: 21px;
        padding: 8px 0 5px 25px;
    }

    #pageTitle:before {
        background-image: url(../image/parts_sp_spr.png);
        -webkit-background-size: auto 110px;
        background-size: auto 110px;
        width: 21px;
        height: 32px;
    }

    #pageTitle .sub {
        font-size: 13px;
    }

    /* categoryTitle */
    #categoryTitle {
        width: auto;
        margin: 0 -13px;
    }

    #categoryTitle p img {
        height: 110px;
    }

    #categoryTitle p.categoryTitlePL {
        overflow: hidden;
    }

    #categoryTitle p.categoryTitlePL img {
        margin-right: -60px;
    }

    #categoryTitle h1 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 110px;
        padding: 16px 0 0 13px;
        border-right: 160px solid transparent;
    }

    #categoryTitle h1 img {
        width: 86px;
    }

    /* ttl-dft */
    #contents .ttl-dft {
        font-size: 18px;
        margin-top: 40px;
    }

    #contentsHdr + .box-clm2 .ttl-dft:first-child,
    #contentsHdr + .box-clm3 .ttl-dft:first-child {
        margin-top: 40px;
    }

    /* ttl-sub */
    #contents .ttl-sub {
        font-size: 16px;
        margin-top: 30px;
        padding: 2px 0 1px 7px;
    }

    #contents .ttl-dft + .ttl-sub,
    #contents .ttl-dft + .box-clm2 .ttl-sub:first-child,
    #contents .ttl-dft + .box-clm3 .ttl-sub:first-child {
        margin-top: 20px;
    }

    #contents .ttl-dft + .box-clm2 > *:not(:first-child) .ttl-sub:first-child,
    #contents .ttl-dft + .box-clm3 > *:not(:first-child) .ttl-sub:first-child {
        margin-top: 30px;
    }

    #contents .box-clm2 > .box-clm2:not(:first-child) .ttl-sub:first-child,
    #contents .box-clm2 > *:not(:first-child) .box-clm2 .ttl-sub:first-child {
        margin-top: 10px;
    }

    #contents .box-clm2 > .box-clm2.sp-wAuto .ttl-sub:first-child,
    #contents .box-clm2 > *.sp-wAuto .box-clm2 .ttl-sub:first-child {
        margin-top: 30px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2:first-child:not(.sp-wAuto) .ttl-sub:first-child,
    #contents .ttl-dft + .box-clm2 > *:first-child:not(.sp-wAuto) .box-clm2 .ttl-sub:first-child {
        margin-top: 5px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2.sp-wAuto:first-child > *:first-child .ttl-sub:first-child,
    #contents .ttl-dft + .box-clm2 > *.sp-wAuto:first-child .box-clm2 > *:first-child .ttl-sub:first-child {
        margin-top: 20px;
    }

    /* ttl-fig */
    #contents .ttl-fig {
        font-size: 14px;
        margin-top: 30px;
    }

    #contents .ttl-dft + .ttl-fig,
    #contents .ttl-sub + .ttl-fig,
    #contents .ttl-dft + .box-clm2 .ttl-fig:first-child,
    #contents .ttl-dft + .box-clm3 .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm2 .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm3 .ttl-fig:first-child {
        margin-top: 20px;
    }

    #contents .ttl-dft + .box-clm2 > *:not(:first-child) .ttl-fig:first-child,
    #contents .ttl-dft + .box-clm3 > *:not(:first-child) .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm2 > *:not(:first-child) .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm3 > *:not(:first-child) .ttl-fig:first-child {
        margin-top: 30px;
    }

    #contents .box-clm2 > .box-clm2:not(:first-child) .ttl-fig:first-child,
    #contents .box-clm2 > *:not(:first-child) .box-clm2 .ttl-fig:first-child {
        margin-top: 10px;
    }

    #contents .box-clm2 > .box-clm2.sp-wAuto .ttl-fig:first-child,
    #contents .box-clm2 > *.sp-wAuto .box-clm2 .ttl-fig:first-child {
        margin-top: 30px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2:first-child:not(.sp-wAuto) .ttl-fig:first-child,
    #contents .ttl-dft + .box-clm2 > *:first-child:not(.sp-wAuto) .box-clm2 .ttl-fig:first-child {
        margin-top: 5px;
    }

    #contents .ttl-sub + .box-clm2 > .box-clm2:first-child:not(.sp-wAuto) .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm2 > *:first-child:not(.sp-wAuto) .box-clm2 .ttl-fig:first-child {
        margin-top: 10px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2.sp-wAuto:first-child > *:first-child .ttl-fig:first-child,
    #contents .ttl-dft + .box-clm2 > *.sp-wAuto:first-child .box-clm2 > *:first-child .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm2 > .box-clm2.sp-wAuto:first-child > *:first-child .ttl-fig:first-child,
    #contents .ttl-sub + .box-clm2 > *.sp-wAuto:first-child .box-clm2 > *:first-child .ttl-fig:first-child {
        margin-top: 20px;
    }

    /* ttl-figCaption */
    #contents .ttl-figCaption {
        margin-top: 30px;
    }

    #contents .ttl-figCaption .caption {
        font-size: 12px;
        margin-top: 3px;
    }

    #contents .ttl-dft + .ttl-figCaption,
    #contents .ttl-sub + .ttl-figCaption,
    #contents .ttl-dft + .box-clm2 .ttl-figCaption:first-child,
    #contents .ttl-dft + .box-clm3 .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm2 .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm3 .ttl-figCaption:first-child {
        margin-top: 20px;
    }

    #contents .ttl-dft + .box-clm2 > *:not(:first-child) .ttl-figCaption:first-child,
    #contents .ttl-dft + .box-clm3 > *:not(:first-child) .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm2 > *:not(:first-child) .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm3 > *:not(:first-child) .ttl-figCaption:first-child {
        margin-top: 30px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2:first-child:not(.sp-wAuto) .ttl-figCaption:first-child,
    #contents .ttl-dft + .box-clm2 > *:first-child:not(.sp-wAuto) .box-clm2 .ttl-figCaption:first-child {
        margin-top: 5px;
    }

    #contents .ttl-sub + .box-clm2 > .box-clm2:first-child:not(.sp-wAuto) .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm2 > *:first-child:not(.sp-wAuto) .box-clm2 .ttl-figCaption:first-child {
        margin-top: 10px;
    }

    #contents .ttl-dft + .box-clm2 > .box-clm2.sp-wAuto:first-child > *:first-child .ttl-figCaption:first-child,
    #contents .ttl-dft + .box-clm2 > *.sp-wAuto:first-child .box-clm2 > *:first-child .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm2 > .box-clm2.sp-wAuto:first-child > *:first-child .ttl-figCaption:first-child,
    #contents .ttl-sub + .box-clm2 > *.sp-wAuto:first-child .box-clm2 > *:first-child .ttl-figCaption:first-child {
        margin-top: 20px;
    }

    /* ttl-column *//* add 2014-08-08 */
    #contents .ttl-column {
        font-size: 16px;
        margin: 40px 0 10px;
    }

    #contents .ttl-column .num {
        font-size: 14px;
    }

    /* text
-------------------------------------------------------------*/
    #contents .catch {
        font-size: 100%;
    }

    #contents .catchL,
    #contents .catchLL {
        font-size: 18px;
    }

    /* atn */
    #contents .atn,
    #contents .list-atn li {
        font-size: 12px;
    }

    #contents .atnNum,
    #contents .list-atnNum li {
        font-size: 12px;
        text-indent: -1.25em;
        margin-left: 1.25em;
    }

    /* list
-------------------------------------------------------------*/
    /* list-circle */
    #contents .list-circle > li:before {
        top: 0.58em;
    }

    /* list-flow */
    #contents .list-flow {
        margin-right: -13px;
    }

    #contents .boxBdr .list-flow {
        margin-right: -20px;
    }

    #contents .list-flow.clm2 {
        margin-right: 0 !important;
    }

    #contents .list-flow.clm2 > li,
    #contents .list-flow.clm2.list-dot > li,
    #contents .list-flow.clm2.list-circle > li,
    #contents .list-flow.clm2.list-link > li {
        min-width: 0 !important;
        float: none;
        margin-right: 0;
    }

    /* list-ac */
    #contents .list-ac {
        margin: 5px -8px 0;
    }

    #contents .list-ac li {
        font-size: 12px;
        margin: 12px 8px 0;
        padding-left: 10px;
    }

    #contents .list-ac li a:hover {
        text-decoration: none;
    }

    #contents .list-ac li a:before {
        left: 1px;
    }

    /* list-tocSet */
    #contents .list-tocSet {
        line-height: 1.5;
        margin-top: 25px;
        border-top: 1px solid #ccc;
    }

    #contents .list-tocSet dt {
        font-weight: bold;
        padding: 12px 0 0 12px;
    }

    #contents .list-tocSet dd {
        font-size: 13px;
        padding-left: 12px;
    }

    #contents .list-tocSet li a {
        display: block;
        padding: 12px 0 12px 15px;
        position: relative;
    }

    #contents .list-tocSet li a:before {
        top: 17px;
        left: 3px;
    }

    /* list-tocNum */
    #contents .list-tocNum {
        font-size: 12px;
    }

    /* list-news */
    #contents .list-news dt {
        font-size: 12px;
        margin-bottom: 0;
        padding-left: 15px;
    }

    #contents .list-news dd,
    #contents .list-news.noIcon dd {
        padding: 1px 0 10px 15px !important;
    }

    #contents .list-news dd p {
        margin: 20px 0 0 0;
    }

    #contents .list-news.noIcon dd p {
        margin: 0;
    }

    #contents .list-news dd p .icon {
        top: -18px;
        left: 0;
    }

    /* box
-------------------------------------------------------------*/
    /* figure */
    #contents figure figcaption:first-child {
        font-size: 14px;
    }

    #contents figure figcaption:last-child {
        font-size: 12px;
    }

    /* box-clm2 */
    #contents .box-clm2 > .boxLeft,
    #contents .box-clm2 > .boxRight {
        float: none;
        width: auto;
        max-width: 328px;
        margin-right: auto;
        margin-left: auto;
    }

    #contents .box-clm2.left3x > .boxLeft,
    #contents .box-clm2.right3x > .boxRight {
        width: auto;
        max-width: 502px;
    }

    #contents .box-clm2.left2x > .boxLeft,
    #contents .box-clm2.right2x > .boxRight {
        width: auto;
        max-width: 444px;
    }

    /* box-clm2>box-clm2 */
    #contents .box-clm2 .box-clm2 > .boxLeft,
    #contents .box-clm2 .box-clm2 > .boxRight {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 164px;
        max-width: 50%;
    }

    #contents .box-clm2 .box-clm2 > .boxLeft {
        float: left;
        padding-right: 10px;
    }

    #contents .box-clm2 .box-clm2 > .boxRight {
        float: right;
        padding-left: 10px;
    }

    #contents .box-clm2 .sp-wAuto.box-clm2 > .boxLeft,
    #contents .box-clm2 .sp-wAuto.box-clm2 > .boxRight,
    #contents .box-clm2 .sp-wAuto .box-clm2 > .boxLeft,
    #contents .box-clm2 .sp-wAuto .box-clm2 > .boxRight {
        width: auto;
        max-width: none;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .box-clm2 .box-clm2 > *:not(:first-child) {
        margin-top: 0;
    }

    .box-clm2 .sp-wAuto.box-clm2 > *:not(:first-child),
    .box-clm2 .sp-wAuto .box-clm2 > *:not(:first-child) {
        margin-top: 20px;
    }

    /* box-clm3 */
    #contents .box-clm3 > .boxLeft,
    #contents .box-clm3 > .boxRight {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    .box-clm2 > *:not(:first-child),
    .box-clm3 > *:not(:first-child) {
        margin-top: 20px;
    }

    /* box-linkTtl */
    #contents .box-linkTtl,
    #contentsHdr + div .box-linkTtl,
    #contents .catch + div .box-linkTtl {
        margin-top: 20px;
    }

    #contents p.box-linkTtl {
        margin-top: 8px !important;
    }

    #contents .box-linkTtl dt a,
    #contents p.box-linkTtl a,
    #contents .box-linkTtl .ttl {
        min-height: 20px !important;
        padding-top: 17px;
        padding-bottom: 13px;
    }

    /* box-menuList */
    #contents .box-menuList a:before {
        top: 18px;
    }

    #contents .box-menuList dt a:before {
        top: 22px;
    }

    #contents .box-menuList a.category:before,
    #contents .box-menuList a.blank:before {
        top: 16px;
    }

    #contents .box-menuList dt a.category:before,
    #contents .box-menuList dt a.blank:before {
        top: 20px;
    }

    /* box-faqList */
    #contents .box-faqList {
        margin-top: 0;
    }

    #contents .box-faqList dt {
        font-size: 100%;
    }

    /* box-faq */
    #contents .box-faq .ttl {
        font-size: 100%;
    }

    #contents .box-faq .box {
        padding-top: 0;
    }

    /* box-related */
    #contents .box-related dd {
        margin: 0;
        padding-left: 0;
    }

    /* box-dlReader */
    #contents .box-dlReader .bnr {
        float: none;
    }

    #contents .box-dlReader .text {
        margin: 8px 0 0 0;
    }

    /* toggle-set
-------------------------------------------------------------*/
    /* toggle-sp */
    #contents .toggle-sp .toggle-btn {
        cursor: pointer;
    }

    #contents .toggle-sp .toggle-box {
        display: none;
    }

    #contents .toggle-sp.close .toggle-box {
        display: none !important;
    }

    /* table
-------------------------------------------------------------*/
    /* table-dft */
    #contents .table-dft th,
    #contents .table-dft td {
        display: block;
        width: auto !important;
        padding: 0 10px 0 15px;
    }

    #contents .table-dft th {
        padding-bottom: 0;
        border-bottom: none;
    }

    #contents .table-dft tr > :first-child {
        padding-top: 10px;
    }

    #contents .table-dft tr > :last-child {
        padding-bottom: 10px;
    }

    #contents .table-dft tr:last-child > :last-child {
        border-bottom: none;
    }

    /* table-data */
    #contents .table-data th,
    #contents .table-data td {
        font-size: 6px;
        padding: 7px 5px;
    }

    #contents .table-data th {
        padding-left: 12px;
    }

    #contents .table-data th.th-idt1 {
        padding-left: 20px;
    }

    #contents .table-data thead tr th {
        padding: 5px;
    }

    /* table-data-2014 */
    #contents .tableOverflow {
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    /* table-data-2014 */
    #contents .table-data-2014 th,
    #contents .table-data-2014 td {
        font-size: 16px;
        padding: 7px 5px;
    }

    #contents .table-data-2014 th {
        padding-left: 12px;
    }

    #contents .table-data-2014 th.th-idt1 {
        padding-left: 20px;
    }

    #contents .table-data-2014 thead tr th {
        padding: 5px;
    }

    /* GoogleMap
-------------------------------------------------------------*/
    #setGoogleMap {
        height: 300px;
    }

    /* localMenu--> IR */
    /* lm-app
-------------------------------------------------------------*/
    #localMenu .lm-app a {
        padding: 27px 16px;
        background-position: 95% 100%;
        background-size: auto 98%;
    }

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 440px) {

    /*=============================================================
 localMenuArea
=============================================================*/
    /* lm-list
-------------------------------------------------------------*/
    /* children */
    #localMenu .lm-list li li {
        float: none;
    }


}