@CHARSET "UTF-8";

/********** all ***********/
.inline {
    display: inline;
}

body {
    font-size: 15px;
    color: #3c3c3c;
    background-color: #ffffff;
}

/* Header Style */
.ts-header-content[data-v-e2967548] {
    position: relative;
}

.ts-header-img[data-v-e2967548] {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.ts-header-img .ts-header-img-1[data-v-e2967548] {
    height: 66px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-image: url(../img/header_left.png);
}

.ts-header-img .ts-header-img-2[data-v-e2967548] {
    height: 66px;
    width: 500px;
    background-image: url(../img/header_center.png);
    background-position: center;
}

.ts-header-img .ts-header-img-3[data-v-e2967548] {
    height: 66px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    background-image: url(../img/header_right.png);
}

.ts-header[data-v-e2967548] {
    position: absolute;
    top: 0;
    height: 66px;
    width: 100%;
    padding: 0 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ts-header .ts-header-item[data-v-e2967548] {
    align-self: center;
    display: -webkit-box;
    display: flex;
}

.ts-header .ts-header-item .ts-logo-area[data-v-e2967548] {
    display: -webkit-inline-box;
    display: inline-flex;
}

.ts-header .ts-header-item .ts-logo-area .ts-logo-img[data-v-e2967548] {
    height: 40px;
    min-width: 116px;
    vertical-align: middle;
}

/* header end */

.link-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.link-icon {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    color: #428bca;
}

.padding-none {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar {
    min-height: 50px;
    border-radius: 0px;
}

.nav-header-row {
    min-height: 44px;
}

.nav-header-row-sp {
    min-height: 38px;
    padding-left: 15px;
    padding-right: 15px;

}

.search-box-input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

img {
    border: 0;
}

.img-responsive {
    margin: 0px;
}

.related-link-icon {
    margin-top: -2pt;
    margin-right: 0.5em;
}

.top-main {
    padding-top: 50px;
    padding-left: 40px;
    border: 1px solid #ddd;
    max-width: 730px;
    min-height: 560px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-name {
    font-size: 2em;
    font-weight: bold;
}

.top-title {
    font-size: 1.7em;
    margin-top: 10px;
}

/********* header *********/
.corporate_brand {
    padding-top: 15px;
    position: absolute;
    text-align: left;
    width: 100%;
}

.corporate_logo {
    height: 22px;
}

.navbar-default {
    background-color: #ffffff;
    border-bottom-color: #10218b;
    border-bottom-width: 2px;
    text-align: center;
}

div.navbar-header {
    float: none;
}

.navbar-form {
    padding: 0px 0px;
    margin-top: 0px;
}

.manual-title {
    font-weight: bold;
    margin-left: 12px;
}

.top-menu td {
    vertical-align: top;
}

.home-btn {
    margin-right: 10px;
}

.search-btn {
    margin-left: 10px;
}

.search-box-input {
    border-radius: 4px;
}

/********* footer *********/
.footer {
    text-align: center;
    border: 1px solid transparent;
    border-top-color: #dcdcdc;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.copyright {
    text-align: center;
    color: #5a5a5a;
}

/********* side bar *********/

/********* for index *********/

.body-link-icon {
    margin-left: 5px;
    color: #428bca;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #fff;
}

a.cur:hover,
a.cur:focus {
    text-decoration: none;
    background-color: #ddd;
}

span.link-text {
    color: #428bca;
    text-decoration: none;
}

span.link-text:hover,
span.link-text:focus {
    text-decoration: underline;
    color: #0000FF;
}

.search-box {
    margin-bottom: 15px;
    margin-top: 15px;
}

.nav-header-row-sp > .search-box {
    margin-bottom: 30px;
    margin-top: 30px;
}

.check-box-group {
    margin: 10px 0px 20px 0px;
}

.check-box-group .btn-primary,
.check-box-group .btn-primary:focus,
.check-box-group .btn-primary:active {
    color: #fff;
    background-color: #6aa3d5;
    border-color: #3071a9;
}


.check-box-group .btn-primary.active {
    background-color: #11497b;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .4);
}

.check-box-group .btn-primary.active:hover {
    background-color: #11497b;
}

.toc-group-list .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.toc-group-list .list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


/********* main contents *********/
.images {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.list-group {
    padding-left: 0;
    margin-bottom: 0px;
}

.toc-group-list .list-group {
    display: none;
}

body .toc-group-list .list-group {
    display: block;
}

body .toc-group-list .list-group p a {
    display: block;
}

.list-group-item {
    padding: 7px 2px;
    border: 1px solid #ccc;
}

.list-group-item p {
    margin: 0px 5px 0px 12px;
}

.list-group-item .list-group-item {
    padding: 2px 5px 2px 1.4em;
    border: 0px solid #ddd;
}

.list-group-item .list-group-item p {
    margin: 0px 5px 0px 2em;
}

.list-group-item .list-group-item p.no-child-topic {
    margin: 0px 5px 0px 2em;
}

span.click-icon {
    font-size: 1.2em;
    color: #888;
    padding-right: 0.3em;
    margin-left: -1.3em;
    cursor: pointer;
}

h1,
h1[id] {
    margin-top: 0;
    padding-top: 10px;
}

.index-title {
    font-weight: bold;
    font-size: 30px;

}

.contents {
    margin-top: 10px;
}

.page-title {
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    padding: 10px 0px 10px 10px;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 1em;
    text-align: center; //‰¡“c’ljÁ
}

.topic > h2 {
    border-left: 5px solid #10218B;
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px 0px 0px 13px;
    margin: 2.2em 0px 10px 0px;

}

.topic > h3 {
    padding: 0px 0px 0px 0px;
    margin: 1.8em 0px 10px 0px;
    font-weight: bold;
    font-size: 1.2em;
}

.topic > h4 {
    padding: 0px 0px 0px 0px;
    margin: 1.8em 0px 10px 0px;
    font-weight: bold;
    font-size: 1em;
}

.topic > h5 {
    padding: 0px 0px 0px 0px;
    margin: 1.8em 0px 10px 0px;
    font-weight: bold;
    font-size: 1em;
}

.topic > h6 {
    font-weight: bold;
    font-size: 1em;
    margin: 1.5em 0px 10px 0px;
}

.section-title {
    font-weight: bold;
    font-size: 1em;
    margin: 1.5em 0px 10px 0px;
}

.important,
.note,
.caution,
.warning {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1em;
    margin-top: 1em;
}

.important-body,
.note-body,
.caution-body,
.warning-body {
    padding: 0.3em 0;
}

p {
    margin: 5px 0 5px 0;
}

.contents ol {
    -webkit-padding-start: 20px;
    padding-start: 0px;
    counter-reset: number;
    list-style: none;
    margin: 1.5em 0;
    padding: 0;
}

.contents ol > li:before {
    counter-increment: number;
    content: counter(number);
    float: left;
    background: #777;
    border-radius: 2px;
    color: #fff;
    text-align: center;
/*    width: 1.4em;*/
    /* 6.26 indent-style  */
    width: 2.0em;
    height: 1.4em;
    line-height: 1.4em;
    margin: -0.1em 0.5em 0em -2em;
    padding-top: 0.05em;
}

.contents ol > li {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-left: 2em;
}

.contents ol > li > p.step {}

.contents .topic ul {
    list-style: disc;
}

.contents .topic ul ul {
    list-style: circle;
}

.contents .topic ul li {
    margin-bottom: 0.5em;
}

ul {
    padding-left: 16px;
}

.related-links {
    margin: 1.5em 0 1em 0;
    border-bottom: 1px solid #e0e0e0;
}

.contents .topic .related-links ul {
    list-style: none;
}


.highlight {
    padding: 1px;
    margin-bottom: 0px;
    border: 0px solid #e1e1e8;
    border-radius: 4px;
    background-color: yellow;
    font-weight: bold;
}

.internal-link .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.internal-link .list-group-item {
    position: relative;
    display: block;
    padding: 0px 0px;
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid #ddd;
}

.pankz {
    font-size: 0.9em;
    color: #666;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.codeph {
    direction: ltr;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.u {
    text-decoration: underline;
}

.label {
    font-size: 0.9em;
    padding: .2em .3em .2em .6em;
}

.label-ja {
    font-size: 0.9em;
    letter-spacing: 0.3em;
    padding: .2em .3em .2em .6em;
}

.label-default {
    background-color: #888;
}

.label-info {
    background-color: #22B5E0;
}

.label-warning {
    background-color: #F29E27;
}

a:hover,
a:focus {
    color: #0000FF;
    text-decoration: underline;
}

.ui-menu {
    margin-bottom: 1em;
}

/********* inline item *********/
.tp-icon {
    line-height: 1.2em;
    height: 1.2em;
    width: 1.2em;
    margin: -0.3em 0.2em 0 0.2em;
}

.inline-graphic {
    line-height: 1.2em;
    max-height: 1.2em;
    margin: -0.3em 0.2em 0 0.2em;
    display: inline;
}

sup {
    font-size: 85%;
}

/********* table item *********/

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #ccc;
}

.table-bordered {
    border: 1px solid #ccc;
}

th {
    background-color: #eee;
    text-align: center;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ccc;
}

/********* page-item *********/
.btn-ug {
    color: #fff;
    background-color: #005fb4;
    border-color: #005fb4;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-ug:hover,
.btn-ug:focus {
    color: #fff;
    background-color: #3399F0;
    background-position: 0 -15px;
}

.page-anchor {
    margin-top: -80px;
    padding-top: 80px;
    position: absolute;
}

#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 77%;
    padding: 0;
    margin: 0;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 6px 12px;
    text-align: center;
    display: block;
    border-radius: 5px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#page-top a:hover {
    text-decoration: none;
    background: #666;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

#page-back {
    position: fixed;
    bottom: 10px;
    left: 15px;
    font-size: 77%;
    padding: 0;
    margin: 0;
}

#page-back a {
    background: #666;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#page-back a:hover {
    text-decoration: none;
    background: #666;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.bread-clumlist {
    margin-bottom: 1em;
}

.index-link-icon {
    margin-right: 0.3em;
}

.selected-item > a {
    font-weight: bold;
    color: #000;
}

.movie-layout {
    padding: 5px 0px;
    margin-top: 2em;
    margin-bottom: 2em;
    visibility: visible;
}

.selector-desc {
    font-size: 15px;
    color: #5a5a5a;
    margin: 25px 0px 0px 0px;

}

/* add style*/
p.center-text {
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
}

dl.tou {
    margin: 10px 0;
}

dl.tou > dt {
    margin-top: 10px;
    margin-bottom: 5px;
}

dl.tou > dd {
    margin: 0 0 5px 20px;
}

/* en eula list style */
dl.tou.en {
    counter-reset: dt-number;
}

dl.tou.en > dt {
    counter-reset: dd-number;
    counter-increment: dt-number;
    font-weight: normal;
}
dl.tou.en > dd {
    padding-left: 2.5em;
    text-indent: -2.5em;    
}

dl.tou.en > dd.no-num{
    text-indent: -2.5em;
}

dl.tou.en > dd:before {
    counter-increment: dd-number;
    content: counter(dt-number) "." counter(dd-number);
    display: inline-block;
    padding-right: .5em;
    margin-left: 2.0em;
}

dl.tou.en > dd.no-num:before {
    content: "";
}

dl.tou.en > ol.tou > li{
    padding-left: 4.0em;
/*    // 6.26 indent style */
    text-indent: -1.2em;
}

dl.tou.en > ol.tou > ul.tou_inner{
    margin-left: 2.0em;
}
dl.tou.en > ol.tou > ul.tou_inner > li{
    list-style: none;   
}
/* end */


/* USA eula list style */ 
dl.tou.usa {
    counter-reset: dt-number;
}

dl.tou.usa > dt {
    counter-reset: dd-number;
    counter-increment: dt-number;
    content: counter(dt-number, upper-alpha) ;
    font-weight: normal;
}

dl.tou.usa > dd {
    padding-left: 2.5em;
    text-indent: -2.5em;    
}

dl.tou.usa > dd.no-num{
    text-indent: -2.5em;
}

dl.tou.usa > dd:before {
    counter-increment: dd-number;
    content: counter(dd-number, upper-alpha)"." ;
    display: inline-block;
    padding-right: .5em;
    margin-left: 2.0em;
}

dl.tou.usa > dd.no-num:before {
    content: counter(dd-number, upper-alpha) ; 
}

dl.tou.usa > ol.tou > li{
    padding-left: 0em;
/*    //6.26 indent style*/
    text-indent: -1.2em;
}

dl.tou.usa > ol.tou > ul.tou_inner{
    margin-left: 0em;
}
dl.tou.usa > ol.tou > ul.tou_inner > li{
    list-style: none;   
}

/* 2020.9.1 add style*/

dl.tou.usa > ol.tou_usa > ul.tou_inner{
    margin-left: 0em;
}
dl.tou.usa > ol.tou_usa > ul.tou_inner > li{
    list-style: none;
    padding-left: 2.5em;
}

dl.tou.usa > ol.tou_usa > ul.tou_inner > li:before{
    counter-increment: usa-inner-number;
    /* ?????????? */
    content: counter(usa-inner-number,lower-alpha) ")";
    margin-right: 0.6em;
    width: 1.5em;
    margin-left: -1.5em;
}
/* end */

/* 2020.12.8 add */
/* Australia eula list style */
dl.tou.aus {
    counter-reset: dt-number;
}

dl.tou.aus > dt {
    counter-reset: dd-number;
    counter-increment: dt-number;
    content: counter(dt-number, upper-alpha) ;
    font-weight: normal;
}

dl.tou.aus > dt.nostyle {
    counter-reset: dd-number;
    margin-top: 0;
    margin-bottom: 0;
}
    
dl.tou.aus > dd {
/*    padding-left: 2.5em;*/
    padding-left: 1.8em;
    text-indent: -2.5em;    
}

dl.tou.aus > dd.no-num{
    text-indent: -2.5em;
}

dl.tou.aus > dd:before {
    counter-increment: dd-number;
    content: counter(dd-number, upper-alpha)"." ;
    display: inline-block;
    padding-right: .5em;
    margin-left: 2.0em;
}

/* (a),(b),(c)... aus <dd> style pattern2 */
dl.tou.aus > dd.lower_roman:before {
    counter-increment: dd-number;
    content: "(" counter(dd-number,lower-alpha) ")";
    display: inline-block;
    padding-right: .5em;
    margin-left: 2.0em;
}

dl.tou.aus > dd.no-num:before {
    content: counter(dd-number, upper-alpha) ; 
}

dl.tou.aus > ol.tou > li{
    padding-left: 0em;
/*    //6.26 indent style*/
    text-indent: -1.2em;
}

dl.tou.aus > ol.tou > ul.tou_inner{
    margin-left: 0em;
}
dl.tou.aus > ol.tou > ul.tou_inner > li{
    list-style: none;   
}

dl.tou.aus > ol.tou_aus > ul.tou_inner{
    margin-left: 0em;
}
dl.tou.aus > ol.tou_aus > ul.tou_inner > li{
    list-style: none;
    padding-left: 2.5em;
}

dl.tou.aus > ol.tou_aus > ul.tou_inner > li:before{
    counter-increment: usa-inner-number;
    /* ?????????? */
    content: counter(usa-inner-number,lower-alpha) ")";
    margin-right: 0.6em;
    width: 1.5em;
    margin-left: -1.5em;
}
/* end */



/* ja eula list style */

ol.tou {
    margin: 10px 0 10px 30px;
}

ol.tou > li {
    margin: 5px 0;
}

ol.tou > li:before {
    counter-increment: number;
    content: "("counter(number) ")";
    background: #fff;
    color: #5a5a5a;
}


/* 2020.9.1 add usa orderlist style */

ol.tou_usa {
    margin: 10px 0 10px 30px;
}

ol.tou_usa > li {
    margin: 5px 0;
    counter-reset: usa-inner-number;
}

ol.tou_usa > li:before {
    counter-increment: number;
    content: counter(number) ".";
    background: #fff;
    color: #5a5a5a;
    margin-right: 0em;
}
/* end */

/* 2020.12.8 add aus orderlist style */
ol.tou_aus {
    margin: 10px 0 10px 30px;
    counter-reset: number;
}

ol.tou_aus > li {
    margin: 5px 0;
    padding-left: 1.0em;
}

ol.tou_aus > li:before {
    counter-increment: number;
    content: counter(number,lower-roman) ".";
    background: #fff;
    color: #5a5a5a;
    margin-right: 2.5em;
}
/* end */


/* en eula inner-list style */
dl.tou.en > ol.tou > li:before {
    content: "(" counter(number, lower-roman) ")";
    margin-right: 1.2em;
}
/* end */


/* ja eula inner-list style */
ol.tou > ol.tou_inner {
    margin: 10px 0 0 30px;
    counter-reset: in-number;
}

ol.tou > ol.tou_inner > li {
    margin: 5px 0;
    padding-left: 4.0em;
}

ol.tou > ol.tou_inner > li:before {
    counter-increment: in-number;
    content: "("counter(in-number) ")";
    background: #fff;
    color: #5a5a5a;
}
/* end */


/* JA list2 style */
ol.tou > ul.tou_inner > li {
    list-style: none;
    margin-left: 15px;
    margin-bottom: 5px;
}
/* end */

/* common remark style */
em.remark {
    font-weight: bold;
    font-style: normal;
}
/* add end*/

/* for 768px < 992px width. */
@media (min-width : 768px) {

    /**/
    body {}

    .navbar {
        min-height: 67px;
    }

    .corporate_brand {
        margin-left: 0px;
    }

    .container {
        width: 750px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        /* add */
        margin-top: 20px;
    }

    .copyright {}

    .search-box {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    
    .page-title {
        border-top: 1px solid #428bca;
        border-bottom: 1px solid #428bca;
        padding: 10px 0px 10px 10px;
        margin: 20px 0px 10px 0px;
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em;
    }

    .top-content .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom: 1px solid #ddd;
    }


    /* Top Page: lead text*/
    .lead-text {
        font-size: 15px;
        color: #5a5a5a;
        margin: 0px 0px 25px 0px;

    }

    /* Top Page: lead text*/
    /* Top Page: list text color*/
    a {
        color: #2476BF;
        text-decoration: none;
    }
}

/* for 992px < 1200px width. */
@media (min-width : 992px) {

    /**/
    .container {
        width: 970px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        /* add */
        margin-top: 20px;
    }
}

/* for 1200px < x width.*/
@media (min-width : 1200px) {
    /**/
}

@media print {
    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }
}