/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/** Remove default margin. */
body {
    margin: 0;
}

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a {
    background: #ffffff;
}

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dotted;
}

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
    outline: 0;
}

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong {
    font-weight: bold;
}

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-size: 1em;
}

/** Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre-wrap;
}

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img {
    border: 0;
}

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-size: 100%;
}

body {
    background: white;
    color: rgba(0, 0, 0, 0.8);
    padding: 0;
    margin: 0;
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: auto;
}

a:hover {
    cursor: pointer;
}

img, object, embed {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

img {
    display: inline-block;
    vertical-align: middle;
}

.stretch {
    width: 100%;
}

/* Typography resets */
h1,.sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    direction: ltr;
}
div, dl, dt, dd, ul, ol, li,h2, h3, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    direction: ltr;
}
#toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    direction: ltr;
}

/* Default Link Styles */
a {
    color: #2156a5;
    text-decoration: underline;
    line-height: inherit;
}

a:hover, a:focus {
    color: #1d4b8f;
}

/* Default paragraph styles */
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility;
}

/* Default header styles */
h1,.sidebarblock > .content > .title, h4, h5, h6 {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ec6c04;
    text-rendering: optimizeLegibility;
    margin-top: 1em;
    margin-bottom: 0.5em;
    line-height: 1.0125em;
}
h2, h3, .sidebarblock > .content > .title, h4, h5, h6 {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-weight: 300;
    font-style: normal;
    background-color: #fdede1;
    color: #ec6c04;
    border-right: #ec6c04 solid 5px;
    border-bottom: #ec6c04 solid 3px;
    padding: 2px 0px 1px 0px;
    margin: 14px 0px 5px 0px;
}
#toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #ec6c04;
    text-rendering: optimizeLegibility;
    margin-top: 1em;
    margin-bottom: 0.5em;
    line-height: 1.0125em;
}

h1 {
    font-size: 2.125em;
    background-image: url(../style/DataSpiderServistalogo.png);
    background-position: left top;
    background-repeat: no-repeat;
}

h2 {
    font-size: 1.6875em;
}

h3, .sidebarblock > .content > .title {
    font-size: 1.375em;
}

#toctitle, .sidebarblock > .content > .title {
    font-size: 1.375em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1.125em;
}

/* Helpful Typography Defaults */
strong, b {
    font-weight: bold;
    line-height: inherit;
}

code {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.9);
}

/* Lists */
ul, ol, dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit;
}

ul, ol {
    margin-left: 1.5em;
}

/* Unordered Lists */
ul li ul, ul li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
    font-size: 1em;
    /* Override nested font-size change */
}

/* Ordered Lists */
ol li ul, ol li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    h1,.sidebarblock > .content > .title, h4, h5, h6 {
        line-height: 1.2;
    }
    h2, h3, .sidebarblock > .content > .title, h4, h5, h6 {
        line-height: 1.2;
    }
    #toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
        line-height: 1.2;
    }

    h1 {
        font-size: 2.75em;
    }

    h2 {
        font-size: 2em;
    }

    h3, .sidebarblock > .content > .title {
        font-size: 1.6875em;
    }
    #toctitle, .sidebarblock > .content > .title {
        font-size: 1.6875em;
    }

    h4 {
        font-size: 1.4375em;
    }
}

/* Tables */
table {
    background: white;
    margin-bottom: 1.25em;
    border: solid 1px #dedede;
}

table thead, table tfoot {
    background: #f7f8f7;
    font-weight: bold;
}

table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
    padding: 0.5em 0.625em 0.625em;
    font-size: inherit;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
}

table tr th, table tr td {
    padding: 0.5625em 0.625em;
    font-size: inherit;
    color: rgba(0, 0, 0, 0.8);
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f8f8f7;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: 1.6;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    tab-size: 4;
}

h2, h3,  .sidebarblock > .content > .title, h4, h5, h6 {
    line-height: 1.2;
    word-spacing: -0.05em;
}
h1,.sidebarblock > .content > .title, h4, h5, h6 {
    line-height: 1.2;
    word-spacing: -0.05em;
}
#toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
    line-height: 1.2;
    word-spacing: -0.05em;
}

pre {
    color: rgba(0, 0, 0, 0.9);
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    line-height: 1.45;
    text-rendering: optimizeSpeed;
}

#header, #content, #footnotes, #footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em;
    *zoom: 1; position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}

#header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after {
    content: " ";
    display: table;
}

#header:after, #content:after, #footnotes:after, #footer:after {
    clear: both;
}

#content {
    margin-top: 1.25em;
}

#content:before {
    content: none;
}

#header > h1:first-child {
    color: rgba(0, 0, 0, 0.85);
    margin-top: 1em;
    margin-bottom: 0;
    padding-top: 1em;
    margin-left: 0.3px;
}

#header .details {
    border-bottom: 1px solid #dddddf;
    line-height: 1.45;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    color: rgba(0, 0, 0, 0.6);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

#header .details span:first-child {
    margin-left: -0.125em;
}

#header .details br {
    display: none;
}

#header .details br + span:before {
    content: "\00a0\2013\00a0";
}

#toc {
    border-bottom: 1px solid #e7e7e9;
    padding-bottom: 0.5em;
}

#toc > ul {
    margin-left: 0.125em;
}

#toc ul {
    font-family: 'Meiryo', 'Tahoma', sans-serif;
    list-style-type: none;
}

#toc li {
    line-height: 1.3334;
    margin-top: 0.3334em;
}

#toc a {
    text-decoration: none;
}

#toc a:active {
    text-decoration: underline;
}

#toctitle {
    color: #000000;
    font-size: 1em;
}

@media only screen and (min-width: 768px) {
    #toctitle {
        font-size: 1em;
    }

    body.toc2 {
        padding-left: 15em;
        padding-right: 0;
    }

    #toc.toc2 {
        margin-top: 0 !important;
        background: #ffffff;
        position: fixed;
        width: 15em;
        left: 0;
        top: 0;
        border-right: 1px solid #e7e7e9;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        z-index: 1000;
        padding: 1.25em 1em;
        height: 100%;
        overflow: auto;
    }

    #toc.toc2{
        margin-top: 0;
        margin-bottom: 0.8rem;
        font-size: 1em;
    }
    #toctitle {
        margin-top: 0;
        margin-bottom: 0.8rem;
        font-size: 1em;
    }

    #toc.toc2 > ul {
        font-size: 0.9em;
        margin-bottom: 0;
    }

    #toc.toc2 ul ul {
        margin-left: 0;
        padding-left: 1em;
    }

    @media only screen and (min-width: 1280px) {
        body.toc2 {
            padding-left: 20em;
            padding-right: 0;
        }

        #toc.toc2 {
            width: 20em;
        }

        #toc.toc2 {
            font-size: 1em;
        }
        #toctitle {
            font-size: 1em;
        }

        #toc.toc2 > ul {
            font-size: 0.95em;
        }

        #toc.toc2 ul ul {
            padding-left: 1.25em;
        }

        #footer {
            max-width: 100%;
            background: rgba(0, 0, 0, 0.8);
            padding: 1.25em;
        }

        #footer-text {
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.44;
        }

        #content {
            margin-bottom: 0.625em;
        }

        .sect1 {
            padding-bottom: 0.625em;
        }

        @media only screen and (min-width: 768px) {
            #content {
                margin-bottom: 1.25em;
            }

            .sect1 {
                padding-bottom: 1.25em;
            }
        }

        .sect1:last-child {
            padding-bottom: 0;
        }

        .sect1 + .sect1 {
            border-top: 1px solid #e7e7e9;
        }

        details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock {
            margin-bottom: 1.25em;
        }

        .exampleblock > .content {
            border-style: solid;
            border-width: 1px;
            border-color: #e6e6e6;
            margin-bottom: 1.25em;
            padding: 1.25em;
            background: white;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        .exampleblock > .content > :first-child {
            margin-top: 0;
        }

        .exampleblock > .content > :last-child {
            margin-bottom: 0;
        }

        .exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child {
            margin-bottom: 0;
        }

        .literalblock pre, .listingblock > .content > pre {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            word-wrap: break-word;
            overflow-x: auto;
            padding: 1em;
            font-size: 0.8125em;
        }

        @media only screen and (min-width: 768px) {
            .literalblock pre, .listingblock > .content > pre {
                font-size: 0.90625em;
            }
        }

        @media only screen and (min-width: 1280px) {
            .literalblock pre, .listingblock > .content > pre {
                font-size: 1em;
            }
        }

        .literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class="highlight"], .listingblock > .content > pre[class^="highlight "] {
            background: #f7f7f8;
        }

        table.tableblock {
            max-width: 100%;
            border-collapse: separate;
        }

        p.tableblock:last-child {
            margin-bottom: 0;
        }

        td.tableblock > .content {
            margin-bottom: 1.25em;
        }

        td.tableblock > .content > :last-child {
            margin-bottom: -1.25em;
        }

        table.tableblock, th.tableblock, td.tableblock {
            border: 0 solid #dedede;
        }

        table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock {
            border-width: 0 1px 1px 0;
        }

        table.grid-all > tfoot > tr > .tableblock {
            border-width: 1px 1px 0 0;
        }

        table.grid-cols > * > tr > .tableblock {
            border-width: 0 1px 0 0;
        }

        table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock {
            border-width: 0 0 1px 0;
        }

        table.grid-rows > tfoot > tr > .tableblock {
            border-width: 1px 0 0 0;
        }

        table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child {
            border-right-width: 0;
        }

        table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock {
            border-bottom-width: 0;
        }

        table.frame-all {
            border-width: 1px;
        }

        table.frame-sides {
            border-width: 0 1px;
        }

        table.frame-topbot, table.frame-ends {
            border-width: 1px 0;
        }

        table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover {
            background: #f8f8f7;
        }

        th.halign-left, td.halign-left {
            text-align: left;
        }

        th.halign-right, td.halign-right {
            text-align: right;
        }

        th.halign-center, td.halign-center {
            text-align: center;
        }

        th.valign-top, td.valign-top {
            vertical-align: top;
        }

        th.valign-bottom, td.valign-bottom {
            vertical-align: bottom;
        }

        th.valign-middle, td.valign-middle {
            vertical-align: middle;
        }

        table thead th, table tfoot th {
            font-weight: bold;
        }

        tbody tr th {
            display: table-cell;
            line-height: 1.6;
            background: #f7f8f7;
        }

        tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p {
            color: rgba(0, 0, 0, 0.8);
            font-weight: bold;
        }

        p.tableblock > code:only-child {
            background: none;
            padding: 0;
        }

        p.tableblock {
            font-size: 1em;
        }

        ol {
            margin-left: 1.75em;
        }

        ul li ol {
            margin-left: 1.5em;
        }

        ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist {
            margin-bottom: 0.625em;
        }

        ol.arabic {
            list-style-type: decimal;
        }

        dt, th.tableblock, td.content, div.footnote {
            text-rendering: optimizeLegibility;
        }

        h1, td.content, span.alt {
            letter-spacing: -0.01em;
        }
        h2, p, td.content, span.alt {
            letter-spacing: -0.01em;
        }

        p strong, td.content strong, div.footnote strong {
            letter-spacing: -0.005em;
        }

        p, blockquote, dt, td.content, span.alt {
            font-size: 1.0625rem;
        }

        p {
            margin-bottom: 1.25rem;
        }

        .sidebarblock p, .sidebarblock dt, .sidebarblock td.content, p.tableblock {
            font-size: 1em;
        }

        .exampleblock > .content {
            background-color: #fffef7;
            border-color: #e0e0dc;
            -webkit-box-shadow: 0 1px 4px #e0e0dc;
            box-shadow: 0 1px 4px #e0e0dc;
        }