@charset 'UTF-8';
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url('78dbd3753f444f86aea75fff792da55b.css');
html
{
    font-family: sans-serif;
    /* 1 */

        -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary
{
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video
{
    display: inline-block;
    /* 1 */

    vertical-align: baseline;
    /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls])
{
    display: none;

    height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template
{
    display: none;
}

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover
{
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title]
{
    border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari and Chrome.
 */
dfn
{
    font-style: italic;
}

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

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark
{
    color: #000;
    background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

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

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */
svg:not(:root)
{
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr
{
    -moz-box-sizing: content-box;
         box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea
{
    /* 1 */
    font: inherit;
    /* 2 */

    margin: 0;

    color: inherit;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search']
{
    /* 1 */
    box-sizing: content-box;

    -webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend
{
    /* 1 */
    padding: 0;

    border: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup
{
    font-weight: bold;
}

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

th,
td
{
    padding: 0;
}

/*============================================================
* layout
*============================================================*/
/*==============================
* base
*==============================*/
*
{
    box-sizing: border-box;
}

html
{
   
    font-family: sans-serif;
    font-size: 10px;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body
{
    font-size: 12px;
    line-height: 1.75;

    color: #000;
    background-color: #fff;
}

html,
body
{
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ol,
ul,
dl,
dd
{
    margin: 0;
}

ol,
ul
{
    padding: 0;
}

li
{
    list-style-type: none;
}

a
{
    transition: all .3s linear; text-decoration:none;

    color: #000;
}
a:visited
{
    color: #000;
}
a:hover
{
    color: #000;
}
a:active
{
    color: #000;
}
@media (min-width: 600px)
{
    a:hover
    {
        opacity: .7;
    }
}

abbr[title]
{
    border-bottom-width: 0;
}

img
{
    vertical-align: middle;
}

table
{
    margin: 0;
}

fieldset
{
    margin: 0;
    padding: 0;

    border: 0;
}

label
{
    cursor: pointer;
}

button
{
    border: none;
    background: none;
}

html,
body
{
    height: 100%;
}

@media (min-width: 600px)
{
    body
    {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

button,
input[type='button']
{
    display: inline-block;
}
@media (min-width: 600px)
{
    button,
    input[type='button']
    {
        display: inline-block;

        transition: all .3s linear;
    }
    button:hover,
    input[type='button']:hover
    {
        opacity: .8;
    }
}

input[type='image']
{
    width: 100%;
    height: auto;

    transition: all .3s linear;
}
@media (min-width: 600px)
{
    input[type='image']
    {
        width: auto;
    }
}
input[type='image']:hover
{
    opacity: .8;
}

#container
{
    position: relative;

    overflow: hidden;

    width: 100%;
    min-width: 320px;
    min-height: 100%;
}
@media (min-width: 600px)
{
    #container
    {
        min-width: 1200px;
    }
}

@media (min-width: 600px)
{
    .view-sp
    {
        display: none;
    }
}

.view-pc
{
    display: none;
}
@media (min-width: 600px)
{
    .view-pc
    {
        display: inline;
    }
}

.wrap
{
    margin: 0 15px;
}
@media (min-width: 600px)
{
    .wrap
    {
        width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
    }
}

.wrap_in
{
    margin: 0 15px;
}
@media (min-width: 600px)
{
    .wrap_in
    {
        margin: 0;
        padding: 0 15px;
    }
}
@media screen and (min-width: 1530px)
{
    .wrap_in
    {
        padding: 0;
    }
}

.gheader
{
    position: relative;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;



    width: 100%;

    background: #fff;
}
.gheader .drawer_container
{
    display: none;
}
.gheader .header_section
{
    border-bottom: 2px solid #e6e6e6;
}
.gheader .header_global
{
    position: relative;

    display: table;

    width: 100%;
    height: 48px;
    padding: 5px 0;
}
.gheader .header_global > div
{
    display: table-cell;

    vertical-align: middle;
}
.gheader .header_global .logo
{
    width: 64px;
}
.gheader .header_global .logo a
{
    display: inline-block;
}
.gheader .header_global .actions
{
    position: relative;
}
.gheader .header_global .informations
{
    display: none;
}
.gheader .header_sitenav
{
    display: none;
}
.gheader .header_sitenav .sitelinks
{
    font-size: 17px;
    font-size: 1.7rem;

    border-bottom: 1px solid #ccc;
}
.gheader .header_sitenav .sitelinks > li
{
    position: relative;

    border-top: 1px solid #ccc;
}
.gheader .header_sitenav .sitelinks > li:first-child
{
    border-top: none;
}
.gheader .header_sitenav .sitelinks a
{
    display: block;

    padding: 10px 15px;
    padding-right: 25px;

    text-decoration: none;
}
.gheader .header_sitenav .sitelinks a.highlight
{
    color: #fff;
    background: #0068b7;
}
.gheader .header_sitenav .sitelinks a.highlight:before,
.gheader .header_sitenav .sitelinks a.highlight:after
{
    display: none;
}
.gheader .header_sitenav .sitelinks a
{
    position: relative;
}
.gheader .header_sitenav .sitelinks a:before,
.gheader .header_sitenav .sitelinks a:after
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 10px;
    height: 2px;

    content: '';

    background: #333;
}
.gheader .header_sitenav .sitelinks a:before
{
    margin-top: -6px;

    transform: rotate(45deg);
}
.gheader .header_sitenav .sitelinks a:after
{
    margin-bottom: -6px;

    transform: rotate(-45deg);
}
.gheader .header_sitenav .sitelinks a.btn_accordion:before,
.gheader .header_sitenav .sitelinks a.btn_accordion:after
{
    top: 50%;
    right: 15px;

    width: 14px;
    height: 2px;
}
.gheader .header_sitenav .sitelinks a.btn_accordion:before
{
    margin-top: -.5px;

    transform: rotate(0deg);
}
.gheader .header_sitenav .sitelinks a.btn_accordion:after
{
    margin-top: -.5px;

    transform: rotate(-90deg);
}
.gheader .header_sitenav .sitelinks a.btn_accordion.is-open:after
{
    display: none;
}
.gheader .header_sitenav .sitelinks_child
{
    display: none;

    border-top: 1px solid #bfbfbf;
}
.gheader .header_sitenav .sitelinks_child li
{
    font-size: 14px;

    border-top: none;
    border-bottom: 1px solid #bfbfbf;
}
.gheader .header_sitenav .sitelinks_child li:after
{
    background: #6b6e6f;
}
.gheader .header_sitenav .sitelinks_child li:last-child
{
    margin-bottom: -1px;
}
.gheader .header_sitenav .sitelinks_child a
{
    padding-right: 15px;
    padding-left: 50px;

    background: #d9d9d9;
}
.gheader .header_sitenav .sitelinks_child a:before,
.gheader .header_sitenav .sitelinks_child a:after
{
    right: auto;
    left: 30px;
}

.gheader .header_sitenav .sitelinks li.highlight > a{background: #0068b7; color: #fff;}
.gheader .header_sitenav .sitelinks li.highlight > a:before, .gheader .header_sitenav .sitelinks li.highlight > a:after{background: #fff;}
.gheader .header_sitenav .sitelinks li.highlight .sitelinks_child a{background: #e5f8ff;}

.gheader .header_sitenav .sitelinks_child > li > a
{
    position: relative;
}





.gheader .header_sitenav .group_container
{
    display: none;
}
.gheader .header_sitenav .group_container .sitelinks_child
{
    display: block;
}
.gheader .header_sitenav .product_group
{
    border-top: 1px solid #bfbfbf;
}
.gheader .header_sitenav .product_group .group_caption a
{
    padding-left: 40px;

    background: #e6e6e6;
}
.gheader .header_sitenav .product_group .group_caption a:after
{
    display: none;
}
.gheader .header_sitenav .product_group .group_caption a:before
{
    left: 15px;

    width: 15px;
    height: 15px;
    margin-top: -7.5px;

    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);

    background: url(../images/arrow_accordion_down_1.png) no-repeat 0 0;
    -webkit-background-size: 15px auto;
       -moz-background-size: 15px auto;
            background-size: 15px auto;

        -ms-background-size: 15px auto;
}
.gheader .header_sitenav .navfooter
{
    font-size: 9px;
    font-size: .9rem;

    padding: 15px;

    text-align: center;
}
.gheader .header_sitenav #languageSelecter{margin-bottom: 10px;}
.gheader .header_sitenav .navfooter .msg
{
    display: table;

    margin: 0 auto 5px;
    padding: 0 0 5px;

    border-bottom: 1px solid #ccc;
}
.gheader .header_sitenav .navfooter .logo
{
    display: table;

    margin: 0 auto;
}
.gheader .header_sitenav .actions
{
    font-size: 17px;
    font-size: 1.7rem;

    text-align: center;

    color: #fff;
    background: #000;
}
.gheader .header_sitenav .actions .btn_menu_close
{
    display: block;

    width: 100%;
    padding: 10px;

    text-align: center;
}
.gheader .header_sitenav .actions .btn_menu_close span
{
    position: relative;

    display: inline-block;

    padding: 0 20px 0 0;
}
.gheader .header_sitenav .actions .btn_menu_close span:before,
.gheader .header_sitenav .actions .btn_menu_close span:after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 14px;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #fff;
}
.gheader .header_sitenav .actions .btn_menu_close span:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.gheader .header_sitenav .actions .btn_menu_close span:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 600px)
{
    .gheader
    {
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;



        width: 100%;

        background: #fff;
    }
    .gheader .header_global
    {
        position: relative;

        display: table;

        height: 98px;
        padding: 16px 0;
    }
    .gheader .header_global > div
    {
        vertical-align: top;
    }
    .gheader .header_global > .logo
    {
        width: auto;
    }
    .gheader .header_global > .logo img
    {
        width: 128px;
        height: auto;
    }
    .gheader .header_global .informations
    {
        display: table-cell;

        width: 810px;
    }
    .gheader .header_global .informations .navcolumn
    {
        display: table;
    }
    .gheader .header_global .informations .navcolumn > div { display: inline-block; vertical-align: middle;}
    .gheader .header_global .informations .navcolumn .site_language {position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    .gheader .header_global .informations .navcolumn .site_language p{position: relative; cursor: pointer;}
    .gheader .header_global .informations .navcolumn .site_language nav{padding-top: 10px; position: absolute; width: 101%; z-index: 999; display: none;}
    .gheader .header_global .informations .navcolumn .site_language nav:after{ content: ''; position: absolute; top: 4px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #0068b7 transparent;
    }
    .gheader .header_global .informations .navcolumn .site_language ul {background: #0068b7; text-align: center; display: block;}
    .gheader .header_global .informations .navcolumn .site_language ul li a{display: block; color: #fff; padding: 6px; text-decoration: none; font-size: 90%; font-weight: 600;}
    .gheader .header_global .informations .navcolumn .site_language ul li + li a{border-top: 1px solid #fff;}
    .gheader .header_global .informations .navcolumn .site_language ul li a:hover{color: #fff; opacity: 1;}


    .gheader .header_global .informations .navcolumn .site_search
    {
        font-size: 10px;
        font-size: 1rem;

        position: relative;

        width: 180px;
        height: 20px;
        padding-right: 40px;
    }
    .gheader .header_global .informations .navcolumn .site_search input[type='text']
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 160px;
        height: 20px;
        padding: 5px;

        border: 1px solid #ccc;
        border-right: none;
    }
    .gheader .header_global .informations .navcolumn .site_search input[type='submit']
    {
        position: absolute;
        right: 20px;
        bottom: 0;

        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;

        text-indent: -9999px;

        border-style: none;
        border-radius: none;
        background: url(../images/icon_search_white.png) no-repeat center center #999;
        box-shadow: none;

        -webkit-appearance: none;
                appearance: none;
    }
    .gheader .header_global .informations .navheader
    {
        position: absolute;
        top: 5px;
        right: 0;
    }
    .site_base
    {
        line-height: 1;
        padding: 5px 0;
        margin-right: 16px;
        text-align: right;
       /* border-bottom: 1px solid #ccc;*/
    }
	.site_base .fnxia{ display:inline-block; width:23px; height:23px; margin-left:3px; background:url(../images/fnxia.png) no-repeat;}
	.site_base .fnxia.a{ background-position:0,0}
	.site_base .fnxia.b{ background-position:-34px,0}
	.site_base .fnxia.c{ background-position:-69px,0}
	.site_base .fnxia.d{ background-position:-102px,0}
	.site_base .fnxia.e{ background-position:-136px,0}
	
	
    .gheader .header_global .informations .site_base > div
    {
        display: table-cell;

        vertical-align: middle;
    }
    .gheader .header_global .informations .site_base .msg
    {
        font-size: 12px;
        font-size: 1.2rem;

        padding-right: 10px;

        color: #666;
        border-right: 1px solid #999;
    }
    .gheader .header_global .informations .site_base .logo
    {
        padding-left: 16px;
    }
    .gheader .header_global .informations .sitelinks
    {
        font-size: 15px;
        font-size: 1.5rem;

        position: absolute;
        top: 45px;
        right: 0;

        display: table;
    }
    .gheader .header_global .informations .sitelinks::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .gheader .header_global .informations .sitelinks li
    {
        display: table-cell;

      /*  padding: 0 0 0 30px;*/

        vertical-align: middle;
    }

.gheader .header_global .informations .sitelinks li{ position:relative; width:120px; text-align:center;}
.gheader .header_global .informations .sitelinks li span{ background-color:#fff; position:absolute; width:100%; height:auto; padding-bottom:10px; display:none;}
.gheader .header_global .informations .sitelinks li span p{ display:block; height:32px; line-height:32px; font-size:14px; padding:5px 0;}
.gheader .header_global .informations .sitelinks li span.show{ display:block;}


    .gheader .header_global .informations .sitelinks li:first-child
    {
        margin: 0;
    }
    .gheader .header_global .informations .sitelinks a
    {
        display: inline-block;

        text-decoration: none;

        opacity: 1;
        border-bottom: 2px solid #fff;
        line-height: 1.5;
    }
    .gheader .header_global .informations .sitelinks i
    { width:16px; height:16px; display:inline-block;

        background: url(../images/arrow_bottom_gray_1.png) no-repeat 100% 100%;
        -webkit-background-size: 13px auto;
           -moz-background-size: 13px auto;
                background-size: 13px auto;

            -ms-background-size: 13px auto;
    }
    .gheader .header_global .informations .sitelinks a:hover,
    .gheader .header_global .informations .sitelinks a.is-active,
    .gheader .header_global .informations .sitelinks a.is-current
    {
        font-weight: 400;

        color: #0068b7;
        border-bottom-color: #0068b7;
    }
    .gheader .header_global .informations .sitelinks a.btn_drawer.highlight
    {
        min-width: 143px;
        padding: 5px 10px 5px 20px;
        text-align: center;
        color: #fff;
        border: none;
        border-bottom: none;
        background: url(../images/arrow_bottom_gray_1.png) no-repeat center left 10px,#000;
        background-size: 13px auto;
    }
    .gheader .header_global .informations .sitelinks a.btn_drawer.highlight:hover
    {
        font-weight: normal;
        background: url(../images/arrow_bottom_white.png) no-repeat center left 10px,#0068b7;
        color: #fff;
        background-size: 13px auto;
    }
    .gheader .header_global .actions
    {
        display: none;
    }
    .gheader .drawer_container
    {
        display: none;

        padding: 30px 0;

        border-bottom: 5px solid #0080c5;
        background: #f2f2f2;
    }
    .gheader .drawer_container .drawer
    {
        display: none;
    }
    .gheader .drawer_container .drawer.is-open
    {
        display: block;
    }
    .gheader .drawer_container .product_search
    {
        margin: 20px 0 0;
        padding: 20px 0 0;

        text-align: center;

        border-top: 1px solid #ccc;
    }
    .gheader .drawer_container .product_search .input_box
    {
        position: relative;

        width: 385px;
        margin: 0 auto;

        border: 1px solid #a3a3a3;
        border-radius: 5px;
        box-shadow: .5px .866px 0 0 rgba(0, 0, 0, .2), inset .5px .866px 0 0 rgba(0, 0, 0, .3);
    }
    .gheader .drawer_container .product_search .input_box input[type='text']
    {
        line-height: 35px;

        width: 100%;
        min-height: 35px;
        padding: 0 10px;
        padding-right: 40px;

        border: none;
        border-radius: 5px;
    }
    .gheader .drawer_container .product_search .input_box .btn_search
    {
        position: absolute;
        top: 50%;
        right: 15px;

        overflow: hidden;

        width: 20px;
        height: 20px;
        margin-top: -10px;

        text-indent: -9999px;

        border: none;
        background: url(../images/icon_search.png) no-repeat 0 0;
    }
    .gheader .drawer_container .group_container::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .gheader .drawer_container .group_container .product_group
    {
        float: right;

        width: 582px;
    }
    .gheader .drawer_container .group_container .product_group:first-child
    {
        float: left;
    }
    .gheader .drawer_container .group_caption a
    {
        display: inline-block;
    }
    .gheader .drawer_container .imgbtn_links
    {
        text-align: center;
        margin: 0 -7px;
    }
    .gheader .drawer_container .imgbtn_links li
    {
        display: inline-block;
        vertical-align: top;
        margin: 0 7px;
    }
    .gheader .drawer_container .imgbtn_links .thumb
    {
        border: 1px solid #bfbfbf;
    }
    .gheader .drawer_container .imgbtn_links .linkname
    {
        margin: 10px 0 0;
    }
    .gheader .drawer_container .imgbtn_links a
    {
        text-decoration: none;
        display: block;
    }
    .gheader .drawer_container .imgbtn_links a:hover
    {
        opacity: 0.6;
    }
    .gheader .drawer_container .link_list
    {
        display: block;

        margin: 10px 0 0;
    }
    .gheader .drawer_container .link_list::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .gheader .drawer_container .link_list a
    {
        text-decoration: none;

        color: #000;
    }
    .gheader .drawer_container .link_list a:hover
    {
        opacity: 1;
        color: #0068b7;
    }

    .gheader .drawer_container .link_list li
    {
        line-height: 1.5;

        position: relative;

        float: left;

        width: 50%;
        margin: 5px 0 0;
        padding: 0 0 0 1em;
    }
    .gheader .drawer_container .link_list li:before
    {
        position: absolute;
        left: 0;

        display: inline;

        content: '-';
    }
}

.navmenu
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 30px;
    height: 24px;
    margin-top: -12px;
}
.navmenu .btn_menu
{
    display: block;

    width: 100%;
    height: 100%;
}
.navmenu span
{
    position: absolute;

    display: block;

    width: 30px;
    height: 3px;

    transition: all .4s;

    background: #0068b7;
}
.navmenu span:first-child
{
    top: 50%;

    margin-top: -8.5px;
}
.navmenu span:nth-child(2)
{
    top: 50%;

    margin-top: -1.5px;
}
.navmenu span:last-child
{
    bottom: 50%;

    margin-bottom: -8.5px;
}

body.nav-active .btn_menu span:first-child
{
    transform: translateY(7px) rotate(45deg);
}

body.nav-active .btn_menu span:nth-child(2)
{
    opacity: 0;
}

body.nav-active .btn_menu span:last-child
{
    transform: translateY(-7px) rotate(-45deg);
}

.navOverlay
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;

    background: rgba(0, 0, 0, .6);
}

.foot_contact_box{background: #0068b7; color: #fff;margin-top: 40px; text-align: center; padding: 40px 0;}
.foot_contact_box .section{padding: 0 !important;}
.foot_contact_box .section .sttl{border-bottom: 0; margin: 0; padding: 0 0 20px 0;}
.foot_contact_box ul {overflow: hidden; margin-top: -15px; margin-left: 15px; margin-right: 15px;}
.foot_contact_box ul li{width: 49%; margin: 3% 0 0; float: left; box-sizing: border-box; border: 1px solid #bfbfbf; background: #fff;}
.foot_contact_box ul li:nth-child(2n){float: right;}
.foot_contact_box ul li a{display: block; padding: 2px 0 8px; text-decoration: none; font-size: 0.9em; line-height: 1.7em;}
.foot_contact_box ul li a .thumb{margin-bottom: 0;}
.foot_contact_box ul li a .thumb img{width: 100%; height: auto;}
.foot_contact_box ul li a .linkname{height: 5em; line-height: 5em;}
.foot_contact_box ul li a .linkname span{line-height: 1.7em; display: inline-block; vertical-align: middle;}

.gfooter
{
    position: relative;
    border-top: 5px solid #000;
    background: #333;
}
.gfooter .logo
{
    padding: 10px 0 0;
}
.gfooter .link_container
{
    margin: 10px 0;

    border-top: 1px solid #ccc;
}
.gfooter .link_container a
{
    display: block;

    text-decoration: none;

    color: #ccc;
}
.gfooter .link_container a:hover
{
    opacity: 1;
    color: #fff;
}
.gfooter .link_container .link_list
{
    display: none;
}
.gfooter .link_container .parent_ttl a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    padding: 10px 0;
}
.gfooter .link_container .child_ttl
{
    font-size: 14px;
    font-size: 1.4rem;
}
.gfooter .link_container .row
{
    border-bottom: 1px solid #ccc;
}
.gfooter .link_container .column
{
    display: table;

    width: 100%;
}
.gfooter .link_container .column > div
{
    display: table-cell;

    vertical-align: middle;
}
.gfooter .link_container .column > div:first-child
{
    width: 6.5em;
}
.gfooter .link_container .column > div:first-child a
{
    display: inline-block;
}
.gfooter .link_container .child
{
    border-top: 1px solid #ccc;
}
.gfooter .link_container .child:first-child
{
    border: none;
}
.gfooter .link_container .child .child_ttl a
{
    padding: 10px;
}
.gfooter .informations
{
    padding: 10px 0;

    color: #fff;
    background: #000;
}
.gfooter .informations .link_list
{
    line-height: 1;

    overflow: hidden;

    margin: -10px 0 0;
}
.gfooter .informations .link_list li
{
    float: left;

    width: 50%;
    margin: 10px 0 0;

    text-align: center;
}
.gfooter .informations .link_list li:nth-child(2n+1)
{
    border-right: 1px solid #fff;
}
.gfooter .informations .link_list a
{
    text-decoration: none;

    color: #fff;
}
.gfooter .informations .copyright
{
    font-size: 9px;
    font-size: .9rem;
    line-height: 1;

    margin: 10px 0 0;

    text-align: center;
    letter-spacing: -.03em;
}
.gfooter .informations .copyright span{display: block; margin: 10px 0;}

@media (min-width: 600px)
{
  .gfooter .informations .copyright{position: relative;}
  .gfooter .informations .copyright span{position: absolute; right: 0; top: 0; width: 80px; height: 44px; margin: 0;}
}
.gfooter .pagetop
{
    position: absolute;
    top: -22.5px;
    right: 15px;
}
.gfooter .pagetop a
{
    display: inline-block;

    width: 45px;
    height: 45px;

    text-indent: -9999px;

    background: url(../images/arrow_pagetop.png) no-repeat 0 center;
    -webkit-background-size: 45px auto;
       -moz-background-size: 45px auto;
            background-size: 45px auto;

        -ms-background-size: 45px auto;
}
@media (min-width: 600px)
{
    .foot_contact_box{margin-top: 100px;}
    .foot_contact_box ul li{width: inherit; display: inline-block; vertical-align: top; margin: 15px 0 0; float: none; background: none; border: 0;}
    .foot_contact_box ul li:nth-child(2n){float: none;}
    .foot_contact_box ul li a{display: block; margin:0 5px; padding: 0; text-decoration: none; color: #fff; font-weight: bold; font-size: 1.3rem;}
    .foot_contact_box ul li a .thumb{margin-bottom: 8px; border: 1px solid #bfbfbf;}
    .foot_contact_box ul li a .thumb img{width: inherit; height: auto;}

    .gfooter
    {
        border-top: 10px solid #000;
    }
    .gfooter .section01
    {
        padding: 30px 0;
    }
    .gfooter .wrap
    {
        overflow: hidden;
    }
    .gfooter .logo
    {
        float: right; text-align:center;

        width: 400px;
        padding: 0; position:relative; top:30px;
    }
    .gfooter .logo a
    {
        display: inline-block;
    }
    .gfooter .logo img
    {
        /*width: auto;
        height: auto;*/
    }
    .gfooter .link_container
    {
        float: left;

        width: 780px;
        margin: 0;

        border-top: none;
    }
    .gfooter .link_container::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .gfooter .link_container a
    {
        display: inline-block;
    }
    .gfooter .link_container > .col
    {
        float: left;

        width: 210px;
        margin-left: 20px;
    }
    .gfooter .link_container > .col.products
    {
        width:100%;
        margin-left: 0;
    }
    .gfooter .link_container .link_list
    {
        font-size: 13px;
        font-size: 1.3rem;

        display: block;
    }
    .gfooter .link_container .link_list li
    {
        position: relative;

        padding: 0 0 0 1em;
    }
    .gfooter .link_container .link_list li:before
    {
        position: absolute;
        left: 0;

        display: inline;

        content: '-';

        color: #ccc;
    }
    .gfooter .link_container .parent_ttl
    {
        display: block;

        margin: 0 0 5px;
    }
    .gfooter .link_container .parent_ttl a
    {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;

        padding: 0;
    }
    .gfooter .link_container .row
    {
        padding: 10px 0 25px;

       /* border-top: 2px solid #ccc;*/
        border-bottom: none;
    }
    .gfooter .link_container .column
    {
        display: block;

        width: 100%;
    }
    .gfooter .link_container .column > div
    {
        display: block;

        vertical-align: middle;
    }
    .gfooter .link_container .column > div:first-child
    {
        width: auto;
    }
    .gfooter .link_container .column > div:first-child a
    {
        display: inline-block;
    }
    .gfooter .link_container .column > div:last-child
    {
        display: table;

        width: 100%;
    }
    .gfooter .link_container .column > div:last-child > div
    {
        display: table-cell;

        

        vertical-align: top;
    }
  .gfooter .link_container .column  .chil-l1{width:23%;}
	.gfooter .link_container .column  .chil-l{width:30%;}
	.gfooter .link_container .column  .chil-r{width:60%;}
	
    .gfooter .link_container .child
    {
        border-top: none;
    }
    .gfooter .link_container .child .child_ttl a
    {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;

        padding: 0;
    }
    .gfooter .informations
    {
        font-size: 12px;
        font-size: 1.2rem;

        padding: 25px 0;
    }
    .gfooter .informations .wrap
    {
        position: relative;
        display: table;
    }
    .gfooter .informations .link_list
    {
        display: table-cell; vertical-align: middle;
    }
    .gfooter .informations .link_list li
    {
        width: auto;
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;

        border-left: 1px solid #fff;
    }
    .gfooter .informations .link_list li:nth-child(1)
    {
        margin: 0;
        padding: 0;

        border-left: none;
    }
    .gfooter .informations .link_list li:nth-child(2n+1)
    {
        border-right: none;
    }
    .gfooter .informations .copyright
    {
        font-size: 12px;
        font-size: 1.2rem;

        display: table-cell;
        vertical-align: middle;
        
       
    }
    .gfooter .informations .copyright span{display: inline-block; margin-left: 14px; width: 80px;}
    .gfooter .informations .copyright span img{width: 80px;}
    .gfooter .pagetop
    {
        top: -35px;
        right: 30px;
    }
    .gfooter .pagetop a
    {
        width: 60px;
        height: 60px;

        background-image: url(../images/arrow_pagetop_1.png);
        -webkit-background-size: 60px auto;
           -moz-background-size: 60px auto;
                background-size: 60px auto;

            -ms-background-size: 60px auto;
    }
}

.contents
{
    min-height: 100px;
    padding: 50px 0 0;
}
@media (min-width: 600px)
{
    .contents
    {
        padding: 100px 0 0;
    }
}

@keyframes rotate
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes rotate_reverse
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(-360deg);
    }
}

@keyframes arrow_left
{
    0%
    {
        transform: translateX(0px);
    }
    50%
    {
        transform: translateX(-5px);
    }
    100%
    {
        transform: translateX(0px);
    }
}

@keyframes arrow_right
{
    0%
    {
        transform: translateX(0);
    }
    50%
    {
        transform: translateX(5px);
    }
    100%
    {
        transform: translateX(0);
    }
}

/*============================================================
* module
*============================================================*/
.section .wrap
{
    position: relative;
}

.section_header
{
    position: relative;

    display: table;

    width: 100%;
    margin: 0 0 25px;
    padding: 0 0 5px;

    border-bottom: 2px solid #000;
}
.section_header:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 90px;
    height: 3px;

    content: '';

    background: #000;
}
.section_header > div
{
    display:inline-block;/*: table-cell;*/

    vertical-align: bottom;
}
.section_header .section_desc{ margin-left:10px;}
.section_header .section_caption
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;

    width: auto;
}
.section_header .section_desc
{
    line-height: 1.45833;
}
@media (min-width: 600px)
{
    .section_header
    {
        margin: 0 0 40px;
        padding: 0 0 10px;
    }
    .section_header:after
    {
        /*width: 217px;*/
        width:97px;
        height: 4px;

        content: '';
    }
    .section_header .section_caption
    {
        font-size: 24px;
        font-size: 2.4rem;

        width: auto;
    }
    .section_header .section_desc
    {
        line-height: 2.57143;
    }
}

.section_link
{
    margin: 35px 0 0;
}
@media (min-width: 600px)
{
    .section_link
    {
        position: absolute;
        top: 15px;
        right: 10px;

        margin: 0;
    }
}

.news_list
{
    margin-top: -15px;
}
.news_list .news_group
{
    padding: 15px 0;

    border-bottom: 1px solid #bfbfbf;
}
.news_list .news_group a
{
    display: block;

    text-decoration: none;
}
.news_list .news_group a::after
{
    display: table;
    clear: both;

    content: '';
}
.news_list .label
{
    display: inline-block;

    min-width: 95px;

    text-align: center;

    background: #e6e6e6;
}
.news_list .categorize_in
{
    display: table;
}
.news_list .categorize_in > div
{
    display: table-cell;

    vertical-align: top;
}
.news_list .categorize_in .date
{
    width: 7em;
}
.news_list .categorize_in .category_list
{
    margin-top: -5px;
}
.news_list .categorize_in .category_list::after
{
    display: table;
    clear: both;

    content: '';
}
.news_list .categorize_in .category_list li
{
    float: left;

    margin: 5px 5px 0 0;
}
.news_list .data
{
    padding-top: 5px;
}
@media (min-width: 600px)
{
    .news_list .label
    {
        min-width: 100px;
    }
    .news_list .categorize_in .category
    {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .news_list .categorize_in .date
    {
        font-size: 13px;
        font-size: 1.3rem;

        width: 7em;
    }
    .news_list .categorize_in .category_list
    {
        margin-top: 0;
    }
    .news_list .categorize_in .category_list li
    {
        float: none;

        margin: 5px 0 0;
    }
    .news_list .categorize_in .category_list li:first-child
    {
        margin: 0;
    }
    .news_list .categorize,
    .news_list .data
    {
        padding: 0;
    }
    .news_list .news_group
    {
        overflow: hidden;
    }
    .news_list .news_group a:hover
    {
        opacity: 1;
    }
    .news_list .news_group a:hover .details
    {
        text-decoration: underline;
    }
    .news_list .categorize
    {
        float: right;

      /*  width: 220px;*/
    }
    .news_list .data
    {
        float: left;

        width: 960px;
    }
}

.pagelinks
{
    margin: 70px 0 0;
}
.pagelinks .btn_list li
{
    margin: 10px 0 0;
}
.pagelinks .btn_list li:first-child
{
    margin: 0;
}
@media (min-width: 600px)
{
    .pagelinks .btn_list
    {
        text-align: center;
    }
    .pagelinks .btn_list li
    {
        display: inline-block;

        width: 310px;
        margin: 0 10px;
    }
    .pagelinks .btn_list li:first-child
    {
        margin: 0 10px;
    }
}

.sub_ttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;

    position: relative;

    margin: 0 -15px 15px;

    text-align: center;
}
.sub_ttl:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.sub_ttl span
{
    position: relative;

    padding: 0 10px;

    background: #fff;
    display:inline-block;
}
@media (min-width: 600px)
{
    .sub_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;

        margin: 0 0 15px;
    }
    .sub_ttl span
    {
        padding: 0 50px;
    }
}

.footlinks
{
    margin: 70px 0 0;
}
.footlinks .footlinks_ttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;

    position: relative;

    margin: 0 0 15px;

    text-align: center;
}
.footlinks .footlinks_ttl:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.footlinks .footlinks_ttl span
{
    position: relative;

    padding: 0 10px;

    background: #fff;
}
.footlinks .footlinks_block
{
    padding: 25px 10px;

    background: #f2f2f2;
}
.footlinks .link_list
{
    margin-top: -15px;
}
.footlinks .link_list::after
{
    display: table;
    clear: both;

    content: '';
}
.footlinks .link_list li
{
    float: left;

    width: 49%;
    margin: 15px 0 0;

    background: #fff;
}
.footlinks .link_list li:nth-child(2n)
{
    float: right;
}
.footlinks .link_list li a
{
    display: block;

    text-decoration: none;
}
.footlinks .link_list .card .card_thumb img
{
    width: 100%;
    height: auto;
}
.footlinks .link_list .card .card_caption
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571;

    margin: 5px 0 0;
    padding: 0 0 5px;

    text-align: center;
    letter-spacing: -.03em;
}
@media (min-width: 600px)
{
    .footlinks
    {
        width: 980px;
        margin: 0 auto;
        margin-top: 60px;
    }
    .footlinks .footlinks_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin: 0 0 20px;
    }
    .footlinks .footlinks_ttl span
    {
        padding: 0 40px;
    }
    .footlinks .footlinks_block
    {
        padding: 20px;
    }
    .footlinks .link_list
    {
        margin-top: -10px;
    }
    .footlinks .link_list li
    {
        float: left;

        width: 227px;
        margin: 10px 10px 0 0;
    }
    .footlinks .link_list li:nth-child(2n)
    {
        float: left;
    }
    .footlinks .link_list li:last-child
    {
        float: left;

        margin-right: 0;
    }
    .footlinks .link_list li a:hover
    {
        color: #0068b7;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    }
    .footlinks .link_list .card
    {
        padding: 0 0 5px;
    }
    .footlinks .link_list .card .card_thumb img
    {
        width: 100%;
        height: auto;
    }
    .footlinks .link_list .card .card_caption
    {
        line-height: 1.5;

        margin: 10px 0 0;
    }
}

@media (min-width: 600px)
{
    .style_page .contents .wrap
    {
       /* width: 1000px;*/
    }
}

.style_page .contents .breadcrumbs
{
    display: none;

    padding: 15px 0;

    border-bottom: 2px solid #e6e6e6;
}
@media (min-width: 600px)
{
    .style_page .contents .breadcrumbs
    {
        display: block;
    }
    .style_page .contents .breadcrumbs .wrap
    {
        width: 1200px;
    }
}
.style_page .contents .breadcrumbs .breadcrumbs_list
{
    overflow: hidden;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li
{
    line-height: 20px;

    display: inline;
    float: left;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:before
{
    padding: 0 15px;

    content: '/';

    color: #b3b3b3;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:first-child
{
    padding: 0 15px 0 0;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:first-child a
{
    display: block;

    width: 20px;
    height: 20px;

    text-indent: -9999px;

    background: url(../images/icon_breadcrumbs_home_1.png) no-repeat 0 0;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:nth-child(1):before,
.style_page .contents .breadcrumbs .breadcrumbs_list li:nth-child(2):before
{
    display: none;
}
.style_page .contents .breadcrumbs .breadcrumbs_list a:hover
{
    text-decoration: none;
}

.style_page .hero
{
    display: table;

    width: 100%;
    height: 135px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.style_page .hero.nobg
{
    height: auto;
    padding: 40px 0;

    background-image: none;
}
@media (min-width: 600px)
{
    .style_page .hero.nobg
    {
        padding: 60px 0;
    }
}
.style_page .hero.nobg .page_ttl
{
    color: #333;
}
.style_page .hero > div
{
    display: table-cell;

    text-align: center;
    vertical-align: middle;
}
.style_page .hero .page_ttl
{
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;

    position: relative;

    display: inline-block;

    width: 290px;

    text-align: center;

    color: #fff;
}
.style_page .hero .page_ttl:before,
.style_page .hero .page_ttl:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 9px;
    height: 30px;
    margin-top: -15px;

    content: '';

    background: url(../images/ttl_page_deco_left.png);
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.style_page .hero .page_ttl:before
{
    left: 0;
}
.style_page .hero .page_ttl:after
{
    right: 0;

    background-image: url(../images/ttl_page_deco_right_1.png);
}
@media (min-width: 600px)
{
    .style_page .hero
    {
        height: 240px;
    }
    .style_page .hero .page_ttl
    {
        font-size: 40px;
        font-size: 4rem;

        width: auto;
        padding: 0 40px;
    }
    .style_page .hero .page_ttl:before,
    .style_page .hero .page_ttl:after
    {
        width: 10px;
        height: 40px;
        margin-top: -20px;

        background: url(../images/ttl_page_deco_left_1.png);
        -webkit-background-size: 10px auto;
           -moz-background-size: 10px auto;
                background-size: 10px auto;

            -ms-background-size: 10px auto;
    }
    .style_page .hero .page_ttl:after
    {
        background-image: url(../images/ttl_page_deco_right_2.png);
    }
}

.jspContainer
{
    position: relative;

    overflow: hidden;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;

    width: 10px;
    height: 100%;

    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 12px;

    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    position: relative;

    background: #999;
}

.jspDrag
{
    position: relative;
    top: 0;
    left: 0;

    cursor: pointer;

    background: #e6e6e6;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;

    height: 100%;
}

.jspArrow
{
    display: block;

    margin: 0;
    padding: 0;

    cursor: pointer;
    text-indent: -20000px;

    background: #50506d;
}
.jspArrow.jspDisabled
{
    cursor: default;

    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    float: left;

    width: 16px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    float: left;

    height: 100%;

    background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.product_type_list
{
    margin-top: -15px;
}
.product_type_list::after
{
    display: table;
    clear: both;

    content: '';
}
.product_type_list li
{
    float: left;

    width: 33%;
    margin: 15px 0 0;
}
.product_type_list li a
{
    display: block;

    text-decoration: none;
}
.product_type_list.col03-06 li
{
    width: 33%;
    margin: 15px 0 0;
}
.product_type_list.col03-06 li:nth-child(2n)
{
    float: left;
}
.product_type_list .card .card_thumb
{
    text-align: center;
}
.product_type_list .card .card_caption
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571;

    margin: 5px 0 0;

    text-align: center;
}
@media (min-width: 600px)
{
    .product_type_list li
    {
        width: 160px;
        padding-right: 10px;
    }
    .product_type_list .card
    {
        display: table;

        width: 100%;
    }
    .product_type_list .card > div
    {
        display: table-cell;

        vertical-align: middle;
    }
    .product_type_list .card .card_thumb
    {
        position: relative;
    }
    .product_type_list .card .card_caption
    {
        padding-left: 10px;

        text-align: left;
    }
}

.product_field_list
{
    margin-top: -15px;
}
.product_field_list::after
{
    display: table;
    clear: both;

    content: '';
}
.product_field_list li
{
    float: left;

    width: 31%;
    margin: 15px 3.5% 0 0;
}
.product_field_list li:nth-child(3n)
{
    margin-right: 0;
}
.product_field_list li:nth-child(3n+1)
{
    clear:left;
}
.product_field_list li a
{
    display: block;

    text-decoration: none;
}
.product_field_list .card .card_thumb
{
    text-align: center;
}
.product_field_list .card .card_thumb img
{
    width: 100%;
    height: auto;
}
.product_field_list .card .card_caption
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571;

    margin: 5px 0 0;
    word-wrap: break-word;
    overflow-wrap: break-word;

    text-align: center;
}
@media (min-width: 600px)
{
    .product_field_list
    {
        margin: 0 -10px 0;
    }
    .product_field_list a:hover .card_caption
    {
        opacity: 1;
        color: #0068b7;
    }
    .product_field_list li
    {
        width: 90px;
        margin: 0 21px 0 0;
    }
    .product_field_list li:nth-child(3n)
    {
        margin-right: 21px;
    }
    .product_field_list li:nth-child(3n+1)
    {
        clear:none;
    }
    .product_field_list li:last-child
    {
        margin-right: 0;
    }
    .product_field_list .card .card_thumb
    {
        position: relative;
    }
    .product_field_list .card .card_caption
    {
        transition: all .3s linear;
        word-wrap: break-word;
    }
}

.others
{
    margin: 30px 0 0;
}
@media (min-width: 600px)
{
    .others
    {
        width: 980px;
        margin: 0 auto;
        margin-top: 60px;
    }
}

.line_ttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;

    position: relative;

    margin: 0 0 15px;

    text-align: center;
}
.line_ttl:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.line_ttl span
{
    position: relative;

    padding: 0 10px;

    background: #fff;
}
@media (min-width: 600px)
{
    .line_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin: 0 0 20px;
    }
    .line_ttl span
    {
        padding: 0 40px;
    }
}

.doubleline_ttl
{
    line-height: 1.4;

    position: relative;

    margin: 0 -15px;

    text-align: center;
}
.doubleline_ttl:before,
.doubleline_ttl:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.doubleline_ttl:before
{
    height: 2px;
    margin-top: -4px;
}
.doubleline_ttl .ttl_inner
{
    position: relative;
    position: relative;
    z-index: 1;

    display: inline-block;

    padding: 0 45px;

    background: #fff;
}
.doubleline_ttl .ttl_inner:before,
.doubleline_ttl .ttl_inner:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 6px;
    height: 31px;
    margin-top: -15.5px;

    content: '';

    background: url(../images/ttl_case-study_deco_left_2.png);
    -webkit-background-size: 6px auto;
       -moz-background-size: 6px auto;
            background-size: 6px auto;

        -ms-background-size: 6px auto;
}
.doubleline_ttl .ttl_inner:before
{
    left: 7px;
}
.doubleline_ttl .ttl_inner:after
{
    right: 7px;

    background-image: url(../images/ttl_case-study_deco_right_1.png);
}
.doubleline_ttl .jp
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}
.doubleline_ttl .en
{
    font-size: 9px;
    font-size: .9rem;
}
@media (min-width: 600px)
{
    .doubleline_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin: 0;
    }
    .doubleline_ttl .ttl_inner
    {
        position: relative;
        position: relative;
        z-index: 1;

        display: inline-block;

        padding: 0 55px;

        background: #fff;
    }
    .doubleline_ttl .ttl_inner:before,
    .doubleline_ttl .ttl_inner:after
    {
        width: 8px;
        height: 40px;
        margin-top: -20px;

        background: url(../images/ttl_case-study_deco_left_3.png);
        -webkit-background-size: 8px auto;
           -moz-background-size: 8px auto;
                background-size: 8px auto;

            -ms-background-size: 8px auto;
    }
    .doubleline_ttl .ttl_inner:before
    {
        left: 10px;
    }
    .doubleline_ttl .ttl_inner:after
    {
        right: 10px;

        background-image: url(../images/ttl_case-study_deco_right_2.png);
    }
    .doubleline_ttl .jp
    {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .doubleline_ttl .en
    {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.pager
{
    overflow: hidden;

    margin: 20px 0 0;
}
.pager .pager_list
{
    position: relative;
    left: 50%;

    float: left;

    list-style: none;
}
.pager .pager_list li
{
    font-size: 14px;
    font-size: 1.4rem;

    position: relative;
    left: -50%;

    float: left;

    height: 39px;
    margin: 0 5px;

    background: #fff;
}
.pager .pager_list li:first-child
{
    margin-left: 0;
}
.pager .pager_list li:last-child
{
    margin-right: 0;
}
.pager .pager_list span
{
    display: table-cell;

    height: 39px;

    text-align: center;
    vertical-align: bottom;
}
.pager .pager_list a
{
    display: table;

    text-decoration: none;

    background: #fff;
}
.pager .pager_list a:hover
{
    opacity: .8;
}
.pager .pager_list a span
{
    vertical-align: middle;
}
.pager .pager_list .is-current span
{
    font-weight: bold;

    width: 39px;
    height: 39px;

    vertical-align: middle;

    background-image: url(../images/pager_current_2.png);
    -webkit-background-size: 39px auto;
       -moz-background-size: 39px auto;
            background-size: 39px auto;

        -ms-background-size: 39px auto;
}
.pager .pager_list .jump
{
    padding-right: 10px;

    background-repeat: no-repeat;
    background-position: center center;
}
.pager .pager_list .jump span
{
    min-height: 21px;

    background-repeat: no-repeat;
    background-position: right 45%;
}
.pager .pager_list .jump.jump-first
{
    width: 21px;

    background-image: url(../images/arrow_pager_first.png);
    -webkit-background-size: 21px auto;
       -moz-background-size: 21px auto;
            background-size: 21px auto;

        -ms-background-size: 21px auto;
}
.pager .pager_list .jump.jump-prev
{
    width: 12px;

    background-image: url(../images/arrow_pager_prev_1.png);
    -webkit-background-size: 12px auto;
       -moz-background-size: 12px auto;
            background-size: 12px auto;

        -ms-background-size: 12px auto;
}
.pager .pager_list .jump.jump-next
{
    width: 12px;

    background-image: url(../images/arrow_pager_next_1.png);
    -webkit-background-size: 12px auto;
       -moz-background-size: 12px auto;
            background-size: 12px auto;

        -ms-background-size: 12px auto;
}
.pager .pager_list .jump.jump-last
{
    width: 21px;

    background-image: url(../images/arrow_pager_last_1.png);
    -webkit-background-size: 21px auto;
       -moz-background-size: 21px auto;
            background-size: 21px auto;

        -ms-background-size: 21px auto;
}
@media (min-width: 600px)
{
    .pager
    {
        margin: 30px 0 0;
    }
    .pager .pager_list li
    {
        font-size: 18px;
        font-size: 1.8rem;

        height: 52px;
        margin: 0 10px;
    }
    .pager .pager_list li:first-child
    {
        margin-left: 0;
    }
    .pager .pager_list li:last-child
    {
        margin-right: 0;
    }
    .pager .pager_list span
    {
        height: 52px;
    }
    .pager .pager_list .is-current span
    {
        width: 52px;
        height: 52px;

        background-image: url(../images/pager_current_3.png);
        -webkit-background-size: 52px auto;
           -moz-background-size: 52px auto;
                background-size: 52px auto;

            -ms-background-size: 52px auto;
    }
}

.search_calculation .linkbox,
.search_result .linkbox
{
    overflow: hidden;

    padding: 10px;

    background: #ccf1ff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}
.search_calculation .linkbox .link_list,
.search_result .linkbox .link_list
{
    width: 100%;
}
.search_calculation .linkbox .link_list::after,
.search_result .linkbox .link_list::after
{
    display: table;
    clear: both;

    content: '';
}
.search_calculation .linkbox li,
.search_result .linkbox li
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;

    margin: 10px 0 0;
}
.search_calculation .linkbox li:first-child,
.search_result .linkbox li:first-child
{
    margin: 0;
}
.search_calculation .linkbox a,
.search_result .linkbox a
{
    position: relative;

    display: inline-block;

    width: 220px;
    padding: 5px 10px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    border: 1px solid #000;
    background: #000;
}
.search_calculation .linkbox a:before,
.search_result .linkbox a:before
{
    right: 10px;
}
@media (min-width: 600px)
{
    .search_calculation .linkbox,
    .search_result .linkbox
    {
        min-width: 640px;

        text-align: center;
    }
    .search_calculation .linkbox::after,
    .search_result .linkbox::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .search_calculation .linkbox li,
    .search_result .linkbox li
    {
        font-size: 14px;
        font-size: 1.4rem;

        display: inline-block;

        margin: 0 5px;
    }
    .search_calculation .linkbox li:first-child,
    .search_result .linkbox li:first-child
    {
        margin: 0 5px;
    }
    .search_calculation .linkbox a,
    .search_result .linkbox a
    {
        width: 300px;
    }
    .search_calculation .linkbox a:hover,
    .search_result .linkbox a:hover
    {
        opacity: .8;
    }
}

.search_calculation .scrollbox,
.search_result .scrollbox
{
    position: relative;
    z-index: 1;

    margin-right: -15px;
    margin-left: -15px;

    transform: translateZ(1px);

    border-bottom: 1px solid #000;
}
@media (min-width: 600px)
{
    .search_calculation .scrollbox,
    .search_result .scrollbox
    {
        margin-right: 0;
        margin-left: 0;

        border-bottom: 2px solid #000;
    }
}

.search_calculation div.table-wrapper div.scrollable,
.search_result div.table-wrapper div.scrollable
{
    margin-left: 120px;
}

.search_calculation .pinned,
.search_result .pinned
{
    width: 120px;
}

.search_calculation .result_table th,
.search_calculation .result_table td,
.search_result .result_table th,
.search_result .result_table td
{
    text-align: center;
}

.search_calculation .result_table .col01,
.search_result .result_table .col01
{
    width: 120px;
}

.search_calculation .result_table thead th,
.search_result .result_table thead th
{
    line-height: 50px;

    height: 50px;
    padding: 0 25px;

    border: 1px solid #000;
    border-right: none;
    border-left: none;
}
.search_calculation .result_table thead th:first-child,
.search_result .result_table thead th:first-child
{
    border-right: 1px solid #000;
}

.search_calculation .result_table tbody .linkbox,
.search_result .result_table tbody .linkbox
{
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 140px;

    display: none;
}

.search_calculation .result_table tbody tr:nth-child(2n+1),
.search_result .result_table tbody tr:nth-child(2n+1)
{
    background: #f2f2f2;
}

.search_calculation .result_table tbody tr,
.search_result .result_table tbody tr
{
    position: relative;
}
.search_calculation .result_table tbody tr.is-checked,
.search_result .result_table tbody tr.is-checked
{
    transform: translateZ(1px);

    background: #ccf1ff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}
.search_calculation .result_table tbody tr.is-checked .linkbox,
.search_result .result_table tbody tr.is-checked .linkbox
{
    display: block;
}

.search_calculation .result_table tbody th,
.search_calculation .result_table tbody td,
.search_result .result_table tbody th,
.search_result .result_table tbody td
{
    padding: 5px 25px;
}

.search_calculation .result_table tbody th,
.search_result .result_table tbody th
{
    position: relative;

    border-right: 1px solid #000;
}

@media (min-width: 600px)
{
    .search_calculation .result_table,
    .search_result .result_table
    {
        width: 100%;
    }
    .search_calculation .result_table .col01,
    .search_result .result_table .col01
    {
        width: 200px;
    }
    .search_calculation .result_table thead th,
    .search_result .result_table thead th
    {
        height: auto;
        padding: 0 25px;

        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .search_calculation .result_table thead th:first-child,
    .search_result .result_table thead th:first-child
    {
        border-right: none;
    }
    .search_calculation .result_table tbody .linkbox,
    .search_result .result_table tbody .linkbox
    {
        top: 30px;
        left: 340px;
    }
    .search_calculation .result_table tbody th,
    .search_result .result_table tbody th
    {
        border-right: none;
    }
    .search_calculation .result_table tbody tr:hover,
    .search_result .result_table tbody tr:hover
    {
        z-index: 1;

        transform: translateZ(1px);

        background: #ccf1ff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    }
    .search_calculation .result_table tbody tr:hover .linkbox,
    .search_result .result_table tbody tr:hover .linkbox
    {
        display: block;
    }
}

.search_calculation .search_caption,
.search_result .search_caption
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;

    margin: 0 0 20px;

    text-align: center;
}

.search_calculation .search_keyword,
.search_result .search_keyword
{
    margin: 0 0 35px;
}

.search_calculation .search_result_container,
.search_result .search_result_container
{
    margin: 30px 0 0;
}
.search_calculation .search_result_container .result_number,
.search_result .search_result_container .result_number
{
    font-size: 14px;
    font-size: 1.4rem;
}
.search_calculation .search_result_container .result_number .keyword,
.search_result .search_result_container .result_number .keyword
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.search_calculation .search_result_container .result_number .num,
.search_result .search_result_container .result_number .num
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.search_calculation .search_result_container .result_information .result_category,
.search_result .search_result_container .result_information .result_category
{
    display: none;
}
.search_calculation .search_result_container .result_area,
.search_result .search_result_container .result_area
{
    margin: 5px 0 0;

    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.search_calculation .search_result_container .result_area .result_list > li,
.search_result .search_result_container .result_area .result_list > li
{
    border-top: 1px solid #000;
}
.search_calculation .search_result_container .result_area .result_list > li:first-child,
.search_result .search_result_container .result_area .result_list > li:first-child
{
    border-top: none;
}
.search_calculation .search_result_container .result_area .result_list > li a,
.search_result .search_result_container .result_area .result_list > li a
{
    display: block;
    overflow: hidden;

    padding: 20px 0;

    text-decoration: none;
}
.search_calculation .search_result_container .result_area .result_box .thumb,
.search_result .search_result_container .result_area .result_box .thumb
{
    float: left;

    padding: 0 0 10px;

    text-align: center;
}
.search_calculation .search_result_container .result_area .result_box .thumb img,
.search_result .search_result_container .result_area .result_box .thumb img
{
    height: auto;
}
.search_calculation .search_result_container .result_area .result_box .category_list,
.search_result .search_result_container .result_area .result_box .category_list
{
    padding: 5px 0 0;
}
.search_calculation .search_result_container .result_area .result_box .category_list li,
.search_result .search_result_container .result_area .result_box .category_list li
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;

    position: relative;

    display: inline-block;

    margin-left: 5px;
    padding-left: 15px;
}
.search_calculation .search_result_container .result_area .result_box .category_list li:before,
.search_result .search_result_container .result_area .result_box .category_list li:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    width: 10px;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.search_calculation .search_result_container .result_area .result_box .category_list li:first-child,
.search_result .search_result_container .result_area .result_box .category_list li:first-child
{
    margin-left: 0;
    padding-left: 0;
}
.search_calculation .search_result_container .result_area .result_box .category_list li:first-child:before,
.search_result .search_result_container .result_area .result_box .category_list li:first-child:before
{
    display: none;
}
.search_calculation .search_result_container .result_area .result_box .numbers .number_caption,
.search_result .search_result_container .result_area .result_box .numbers .number_caption
{
    font-weight: bold;
}
.search_calculation .search_result_container .result_area .result_box .numbers .number_list li,
.search_result .search_result_container .result_area .result_box .numbers .number_list li
{
    line-height: 1.5;

    display: inline-block;

    margin: 0 5px 0 0;
}

@media (min-width: 600px)
{
    .search_calculation div.table-wrapper div.scrollable,
    .search_result div.table-wrapper div.scrollable
    {
        margin-left: 200px;
    }
    .search_calculation .pinned,
    .search_result .pinned
    {
        width: 200px;
    }
    .search_calculation .search_caption,
    .search_result .search_caption
    {
        font-size: 24px;
        font-size: 2.4rem;

        margin: 0 0 30px;
    }
    .search_calculation .search_number,
    .search_result .search_number
    {
        margin: 0 0 60px;
    }
    .search_calculation .search_result_container::after,
    .search_result .search_result_container::after
    {
        display: table;
        clear: both;

        content: '';
    }
    .search_calculation .search_result_container .result_area .result_box .thumb,
    .search_result .search_result_container .result_area .result_box .thumb
    {
        float: left;

        width: 170px;
    }
    .search_calculation .search_result_container .result_area .result_box .thumb img,
    .search_result .search_result_container .result_area .result_box .thumb img
    {
        width: 100%;
    }
    .search_calculation .search_result_container .result_area .result_box .category_list,
    .search_result .search_result_container .result_area .result_box .category_list
    {
        padding-bottom: 0;
    }
    .search_calculation .search_result_container .result_area .result_box .category_list li,
    .search_result .search_result_container .result_area .result_box .category_list li
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .search_calculation .search_result_container .result_area .result_box .numbers,
    .search_result .search_result_container .result_area .result_box .numbers
    {
        margin: 10px 0 0;
    }
    .search_calculation .search_result_container .result_number,
    .search_result .search_result_container .result_number
    {
        margin: 0 0 5px;
    }
    .search_calculation .search_result_container .result_number .keyword,
    .search_result .search_result_container .result_number .keyword
    {
        margin-right: 10px;
    }
    .search_calculation .search_result_container .result_information,
    .search_result .search_result_container .result_information
    {
        padding: 0 0 5px;
    }
    .search_calculation .search_result_container .result_information > div,
    .search_result .search_result_container .result_information > div
    {
        display: table-cell;

        vertical-align: bottom;
    }
    .search_calculation .search_result_container .result_information .result_category,
    .search_result .search_result_container .result_information .result_category
    {
        display: table-cell;

        padding-left: 20px;

        vertical-align: middle;
    }
    .search_calculation .search_result_container .result_information .result_category .category_list,
    .search_result .search_result_container .result_information .result_category .category_list
    {
        font-weight: bold;
    }
    .search_calculation .search_result_container .result_information .result_category .category_list li,
    .search_result .search_result_container .result_information .result_category .category_list li
    {
        display: inline-block;
    }
    .search_calculation .search_result_container .result_information .result_category .category_list li:before,
    .search_result .search_result_container .result_information .result_category .category_list li:before
    {
        display: inline-block;

        margin: 0 5px;

        content: '-';
    }
    .search_calculation .search_result_container .result_information .result_category .category_list li:first-child:before,
    .search_result .search_result_container .result_information .result_category .category_list li:first-child:before
    {
        display: none;
    }
}

.relation_box
{
    margin: 20px 0 0;
    padding: 10px 10px 15px;

    border: 1px solid #808080;
}
.relation_box .tag_list li
{
    display: inline-block;

    padding: 5px 5px 0 0;
}
.relation_box .tag_list li a
{
    display: block;
}
.relation_box .tag_list .label
{
    display: inline-block;

    padding: 0 10px;

    text-align: center;

    background: #e6e6e6;
}
@media (min-width: 600px)
{
    .relation_box .tag_list
    {
        font-size: 16px;
        font-size: 1.6rem;

        text-align: center;
    }
    .relation_box .tag_list a:hover
    {
        opacity: 1;
    }
    .relation_box .tag_list a:hover .label
    {
        text-decoration: underline;
    }
}
.relation_box .relation_caption
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin: 0 0 5px;

    text-align: center;
}
@media (min-width: 600px)
{
    .relation_box
    {
        padding: 15px 20px 20px;
    }
}

button
{
    padding: 0;
}

.btn
{
    display: inline-block;
}
.btn:hover
{
    opacity: 1;
}
.btn:before
{
    transition: all .3s linear;
}
.btn.minimum
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    padding-left: 20px;

    text-align: center;
    text-decoration: none;
}
@media (min-width: 600px)
{
    .btn.minimum:hover
    {
        opacity: .8;
    }
}
.btn.minimum:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    content: '';

    background: url(../images/arrow_square_black.png) no-repeat 0 0;
    -webkit-background-size: 10px auto;
       -moz-background-size: 10px auto;
            background-size: 10px auto;

        -ms-background-size: 10px auto;
}
@media (min-width: 600px)
{
    .btn.minimum:before
    {
        background-image: url(../images/arrow_square_black_2.png);
    }
}
.btn.default
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    width: 100%;
    padding: 10px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    border: 1px solid #000;
    background: #000;
}
@media (min-width: 600px)
{
    .btn.default
    {
        font-size: 18px;
        font-size: 1.8rem;

        padding: 8px 20px;

        color: inherit;
        background: #fff;
    }
    .btn.default:hover
    {
        color: #fff;
        background: #000;
    }
}
.btn.default.btn_gray
{
    color: inherit;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
}
@media (min-width: 600px)
{
    .btn.default.btn_gray:hover
    {
        color: #fff;
        border-color: #000;
        background: #000;
    }
}
@media (min-width: 600px)
{
    .btn.default.btn_black
    {
        color: #fff;
        background: #000;
    }
    .btn.default.btn_black:hover
    {
        color: inherit;
        border-color: #000;
        background: #fff;
    }
}
.btn.default.btn_white
{
    color: inherit;
    border-color: #fff;
    background: #fff;
}
@media (min-width: 600px)
{
    .btn.default.btn_white:hover
    {
        color: #fff;
        border-color: #000;
        background: #000;
    }
}
.btn.arrow
{
    padding-right: 30px;
}
.btn.arrow:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(../images/arrow_right_white.png) no-repeat 0 0;
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
@media (min-width: 600px)
{
    .btn.arrow:before
    {
        background-image: url(../images/arrow_right_1.png);
    }
    .btn.arrow:hover:before
    {
        background-image: url(../images/arrow_right_white.png);
    }
}
.btn.arrow.arrow_gray:before
{
    background-image: url(../images/arrow_right_gray.png);
}
@media (min-width: 600px)
{
    .btn.arrow.arrow_gray:hover:before
    {
        background-image: url(../images/arrow_right_white.png);
    }
}
@media (min-width: 600px)
{
    .btn.arrow.btn_black:before
    {
        background-image: url(../images/arrow_right_white.png);
    }
    .btn.arrow.btn_black:hover:before
    {
        background-image: url(../images/arrow_right_1.png);
    }
}
.btn.arrow.btn_white:before
{
    background-image: url(../images/arrow_right_1.png);
}
@media (min-width: 600px)
{
    .btn.arrow.btn_white:hover:before
    {
        background-image: url(../images/arrow_right_white.png);
    }
}
.btn.popup:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(../images/icon_popup_white_1.png) no-repeat 0 0;
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto;

        -ms-background-size: 16px auto;
}
@media (min-width: 600px)
{
    .btn.popup:before
    {
        width: 20px;
        height: 20px;
        margin-top: -10px;

        background-image: url(../images/icon_popup_white_2.png);
        -webkit-background-size: 20px auto;
           -moz-background-size: 20px auto;
                background-size: 20px auto;

            -ms-background-size: 20px auto;
    }
}
.btn.popup.popup_bold:before
{
    background-image: url(../images/icon_popup_white_bold.png);
}
@media (min-width: 600px)
{
    .btn.popup.popup_bold:before
    {
        width: 15px;
        height: 15px;
        margin-top: -7.5px;

        background-image: url(../images/icon_popup_white_bold_2.png);
        -webkit-background-size: 15px auto;
           -moz-background-size: 15px auto;
                background-size: 15px auto;

            -ms-background-size: 15px auto;
    }
}
.btn.document:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 18px;
    height: 20px;
    margin-top: -10px;

    content: '';

    background: url(../images/icon_pdf_white_1.png) no-repeat 0 0;
    -webkit-background-size: 18px auto;
       -moz-background-size: 18px auto;
            background-size: 18px auto;

        -ms-background-size: 18px auto;
}
@media (min-width: 600px)
{
    .btn.document
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media (min-width: 600px)
{
    .btn.document.btn_black:hover:before
    {
        background-image: url(../images/icon_pdf_black.png);
    }
}
.btn.document.btn_white:before
{
    background-image: url(../images/icon_pdf_black.png);
}
@media (min-width: 600px)
{
    .btn.document.btn_white:hover:before
    {
        background-image: url(../images/icon_pdf_white_1.png);
    }
}
.btn.readmore
{
    font-family: 'Helvetica';

    padding: 5px;
}
@media (min-width: 600px)
{
    .btn.readmore
    {
        padding: 5px;
    }
}
.btn.pageprev
{
    color: inherit;
    background: #fff;
}
.btn.pageprev:before
{
    position: absolute;
    top: 50%;
    left: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(../images/arrow_pageprev_1.png) no-repeat 0 0;
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.btn.pagenext
{
    color: inherit;
    background: #fff;
}
.btn.pagenext:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(../images/arrow_pagenext_1.png) no-repeat 0 0;
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.btn.accordion:before
{
    position: absolute;
    top: 50%;
    left: 15px;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    content: '';

    background: url(../images/arrow_square_down_white_1.png) no-repeat 0 0;
    -webkit-background-size: 10px auto;
       -moz-background-size: 10px auto;
            background-size: 10px auto;

        -ms-background-size: 10px auto;
}

.section .sttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;

    margin: 0 0 30px;

    border-bottom: 1px solid #000;
}
.section .sttl.centerbar
{
    margin-right: -15px;
    margin-left: -15px;

    text-align: center;
}
.section .sttl.centerbar span
{
    display: inline-block;

    padding: 0 0 5px;

    border-bottom: 2px solid #000;
}
.section .sttl.leftbar
{
    margin-right: -15px;
    margin-left: -15px;
}
.section .sttl.leftbar span
{
    display: inline-block;

    padding: 0 0 5px;

    border-bottom: 2px solid #000;
}
.section .sttl.icon span
{
    position: relative;

    display: inline-block;
}
.section .sttl.icon span:before
{
    display: block;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
}
.section .sttl.field span
{
    padding: 5px 0 5px 30px;
}
.section .sttl.field span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 23px;
    height: 23px;
    margin-top: -11.5px;

    content: '';

    background-image: url(../images/icon_product_field_1.png);
    -webkit-background-size: 23px auto;
       -moz-background-size: 23px auto;
            background-size: 23px auto;

        -ms-background-size: 23px auto;
}
.section .sttl.type span
{
    padding: 5px 0 5px 30px;
}
.section .sttl.type span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 25px;
    height: 25px;
    margin-top: -12.5px;

    background-image: url(../images/icon_product_type_1.png);
    -webkit-background-size: 25px auto;
       -moz-background-size: 25px auto;
            background-size: 25px auto;

        -ms-background-size: 25px auto;
}
@media (min-width: 600px)
{
    .section .sttl
    {
        font-size: 24px;
        font-size: 2.4rem;
    }
    .section .sttl.centerbar
    {
        margin-right: 0;
        margin-left: 0;
    }
    .section .sttl.centerbar span
    {
        padding: 0 0 8px;

        border-bottom-width: 4px;
    }
    .section .sttl.icon span
    {
        padding: 8px 0 8px 40px;
    }
    .section .sttl.field span:before
    {
        width: 30px;
        height: 30px;
        margin-top: -15px;

        background-image: url(../images/icon_product_field_2.png);
        -webkit-background-size: 30px auto;
           -moz-background-size: 30px auto;
                background-size: 30px auto;

            -ms-background-size: 30px auto;
    }
    .section .sttl.type span:before
    {
        width: 30px;
        height: 30px;
        margin-top: -15px;

        background-image: url(../images/icon_product_type_2.png);
        -webkit-background-size: 30px auto;
           -moz-background-size: 30px auto;
                background-size: 30px auto;

            -ms-background-size: 30px auto;
    }
}

@media only screen and (max-width: 600px)
{
    table.responsive
    {
        margin-bottom: 0;
    }
    .pinned
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 35%;

        background: #fff;
    }
    .pinned table
    {
        width: 100%;

        border-right: none;
        border-left: none;
    }
    .pinned table th,
    .pinned table td
    {
        white-space: nowrap;
    }
    .pinned td:last-child
    {
        border-bottom: 0;
    }
    div.table-wrapper
    {
        position: relative;
    }
    div.table-wrapper div.scrollable
    {
        margin-left: 35%;
    }
    div.table-wrapper div.scrollable
    {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td,
    table.responsive th
    {
        position: relative;

        overflow: hidden;

        white-space: nowrap;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td
    {
        display: none;
    }
}

#colorbox,
#cboxOverlay
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    /*overflow:hidden;*/

    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    max-width: none;
    /*overflow:hidden;*/

    -webkit-transform: translate3d(0, 0, 0);
}

#cboxOverlay
{
    position: fixed;

    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft
{
    clear: left;
}

#cboxContent
{
    position: relative;
}

#cboxLoadedContent
{
    overflow: auto;

    -webkit-overflow-scrolling: touch;
}

#cboxTitle
{
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow
{
    cursor: pointer;
}

.cboxPhoto
{
    display: block;
    float: left;

    max-width: none;
    margin: auto;

    -ms-interpolation-mode: bicubic;
    border: 0;
}

.cboxIframe
{
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
    background: rgba(0, 0, 0, .5);
}

#colorbox
{
    outline: 0;
}

#cboxContent
{
    overflow: visible;
}

.cboxIframe
{
    background: #fff;
}

#cboxError
{
    padding: 50px;

    border: 1px solid #ccc;
}

#cboxLoadedContent
{
    margin-bottom: 5px;
}

#cboxLoadingGraphic
{
    opacity: .6;
}

#cboxTitle
{
    font-weight: bold;

    position: absolute;
    bottom: -25px;
    left: 0;

    width: 100%;

    text-align: center;

    color: #7c7c7c;
}

#cboxCurrent
{
    font-weight: bold;

    position: absolute;
    bottom: -25px;
    left: 58px;

    color: #7c7c7c;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow
{
    position: absolute;
    bottom: -29px;

    overflow: visible;

    width: 170px;
    height: 42px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}

#cboxClose
{
    position: absolute;
    top: 15px;
    right: 30px;

    overflow: visible;
    overflow: hidden;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}
#cboxClose:before,
#cboxClose:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #b3b3b3;
}
#cboxClose:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
#cboxClose:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 600px)
{
    #cboxClose
    {
        top: 30px;
    }
}

#cboxClose span
{
    padding: 8px 0;
    padding-left: 30px;
}

#cboxClose:hover
{
    opacity: .6;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active
{
    outline: 0;
}

#cboxPrevious
{
    left: 0;

    background-position: -51px -25px;
}

#cboxPrevious:hover
{
    background-position: -51px 0;
}

#cboxNext
{
    left: 27px;

    background-position: -75px -25px;
}

#cboxNext:hover
{
    background-position: -75px 0;
}

/*#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}*/
.cboxSlideshow_on #cboxSlideshow
{
    right: 27px;

    background-position: -125px 0;
}

.cboxSlideshow_on #cboxSlideshow:hover
{
    background-position: -150px 0;
}

.cboxSlideshow_off #cboxSlideshow
{
    right: 27px;

    background-position: -150px -25px;
}

.cboxSlideshow_off #cboxSlideshow:hover
{
    background-position: -125px 0;
}

.modalContainer
{
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .5);
}
.modalContainer .modalContainerIn
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}
.modalContainer .modalArea
{
    position: absolute;
    top: 50%;
    left: 50%;
}
.modalContainer iframe
{
    position: relative;
    z-index: 0;
}
.modalContainer .modalClose
{
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 30px;

    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}
.modalContainer .modalClose:hover
{
    cursor: pointer;
}
.modalContainer .modalClose:before,
.modalContainer .modalClose:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #b3b3b3;
}
.modalContainer .modalClose:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.modalContainer .modalClose:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 600px)
{
    .modalContainer .modalClose
    {
        top: 30px;
    }
}

@media (min-width: 600px)
{
    .style_modal #container
    {
        min-width: 980px;
    }
}

.style_modal .modalContents
{
    padding: 50px 0;
}

@media (min-width: 600px)
{
    .style_modal .modalContents .wrap
    {
        width: 900px;
    }
}

.customSelect
{
    position: relative;

    width: 100%;
    padding: 8px 10px;

    border: 1px solid #000;
    background: #fff;
}
.customSelect.hasCustomSelect
{
    position: relative;
    z-index: 1;
}
.customSelect .customSelectInner
{
    position: relative;
}
.customSelect .customSelectInner:after
{
    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    width: 13px;
    height: 8px;
    margin-top: -4px;

    content: '';

    background: url(../images/arrow_bottom_gray_1.png) no-repeat 0 0;
    -webkit-background-size: 13px auto;
       -moz-background-size: 13px auto;
            background-size: 13px auto;

        -ms-background-size: 13px auto;
}
@media (min-width: 600px)
{
    .customSelect
    {
        padding: 5px 10px;
    }
    .customSelect.w_short
    {
        width: 315px;
    }
}

.customRadio
{
    position: relative;

    padding-left: 30px;
}
.customRadio:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';

    background: url(../images/form_radio.png) no-repeat 0 0;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto;

        -ms-background-size: 20px auto;
}
.customRadio.is-checked:before
{
    background-image: url(../images/form_radio_on_1.png);
}
.customRadio input
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}

.input_list
{
    margin-top: -15px;
}
.input_list::after
{
    display: table;
    clear: both;

    content: '';
}
.input_list li
{
    display: inline-block;

    margin: 15px 0 0;
}
.input_list.col03-05 li
{
    width: 33%;
}
@media (min-width: 600px)
{
    .input_list.col03-05 li
    {
        width: 20%;
    }
}
.input_list.col02-05 li
{
    width: 50%;
}
@media (min-width: 600px)
{
    .input_list.col02-05 li
    {
        width: 20%;
    }
}

.radio_box
{
    display: block;

    padding: 5px;

    text-align: center;

    border: 1px solid #000;
    background: #fff;
}
.radio_box input
{
    display: none;
}
.radio_box.is-checked
{
    color: #fff;
    background: #000;
}

.search_unit .input_box
{
    position: relative;

    border: 1px solid #a3a3a3;
    border-radius: 5px;
    box-shadow: .5px .866px 0 0 rgba(0, 0, 0, .2), inset .5px .866px 0 0 rgba(0, 0, 0, .3);
}
.search_unit .input_box:before
{
    position: absolute;
    top: 50%;
    left: 10px;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';

    border: none;
    background: url(../images/icon_search_2.png) no-repeat 0 0;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto;

        -ms-background-size: 20px auto;
}
.search_unit .input_box input[type='text']
{
    line-height: 35px;

    width: 100%;
    min-height: 35px;
    padding: 0;
    padding-left: 35px;

    border: none;
    border-radius: 5px;
}
.search_unit .input_box .btn_search
{
    font-weight: bold;
    line-height: 35px;

    position: absolute;
    top: 0;
    right: -1px;

    width: 60px;
    min-height: 35px;
    padding: 0;

    text-align: center;

    color: #fff;
    border: none;
    border-radius: 0 5px 5px 0;
    background: #000;
}
@media (min-width: 600px)
{
    .search_unit .input_box
    {
        width: 780px;
        margin: 0 auto;
    }
    .search_unit .input_box input[type='text']
    {
        line-height: 60px;

        min-height: 60px;
        padding-left: 40px;
    }
    .search_unit .input_box .btn_search
    {
        line-height: 60px;

        width: 210px;
        min-height: 60px;
    }
}

.pt0,
.pv0,
.pa0
{
    padding-top: 0 !important;
}

.pr0,
.ph0,
.pa0
{
    padding-right: 0 !important;
}

.pb0,
.pv0,
.pa0
{
    padding-bottom: 0 !important;
}

.pl0,
.ph0,
.pa0
{
    padding-left: 0 !important;
}

.mt0,
.mv0,
.ma0
{
    margin-top: 0 !important;
}

.mr0,
.mh0,
.ma0
{
    margin-right: 0 !important;
}

.mb0,
.mv0,
.ma0
{
    margin-bottom: 0 !important;
}

.ml0,
.mh0,
.ma0
{
    margin-left: 0 !important;
}

.pt5,
.pv5,
.pa5
{
    padding-top: 5px !important;
}

.pr5,
.ph5,
.pa5
{
    padding-right: 5px !important;
}

.pb5,
.pv5,
.pa5
{
    padding-bottom: 5px !important;
}

.pl5,
.ph5,
.pa5
{
    padding-left: 5px !important;
}

.mt5,
.mv5,
.ma5
{
    margin-top: 5px !important;
}

.mr5,
.mh5,
.ma5
{
    margin-right: 5px !important;
}

.mb5,
.mv5,
.ma5
{
    margin-bottom: 5px !important;
}

.ml5,
.mh5,
.ma5
{
    margin-left: 5px !important;
}

.pt10,
.pv10,
.pa10
{
    padding-top: 10px !important;
}

.pr10,
.ph10,
.pa10
{
    padding-right: 10px !important;
}

.pb10,
.pv10,
.pa10
{
    padding-bottom: 10px !important;
}

.pl10,
.ph10,
.pa10
{
    padding-left: 10px !important;
}

.mt10,
.mv10,
.ma10
{
    margin-top: 10px !important;
}

.mr10,
.mh10,
.ma10
{
    margin-right: 10px !important;
}

.mb10,
.mv10,
.ma10
{
    margin-bottom: 10px !important;
}

.ml10,
.mh10,
.ma10
{
    margin-left: 10px !important;
}

.pt15,
.pv15,
.pa15
{
    padding-top: 15px !important;
}

.pr15,
.ph15,
.pa15
{
    padding-right: 15px !important;
}

.pb15,
.pv15,
.pa15
{
    padding-bottom: 15px !important;
}

.pl15,
.ph15,
.pa15
{
    padding-left: 15px !important;
}

.mt15,
.mv15,
.ma15
{
    margin-top: 15px !important;
}

.mr15,
.mh15,
.ma15
{
    margin-right: 15px !important;
}

.mb15,
.mv15,
.ma15
{
    margin-bottom: 15px !important;
}

.ml15,
.mh15,
.ma15
{
    margin-left: 15px !important;
}

.pt20,
.pv20,
.pa20
{
    padding-top: 20px !important;
}

.pr20,
.ph20,
.pa20
{
    padding-right: 20px !important;
}

.pb20,
.pv20,
.pa20
{
    padding-bottom: 20px !important;
}

.pl20,
.ph20,
.pa20
{
    padding-left: 20px !important;
}

.mt20,
.mv20,
.ma20
{
    margin-top: 20px !important;
}

.mr20,
.mh20,
.ma20
{
    margin-right: 20px !important;
}

.mb20,
.mv20,
.ma20
{
    margin-bottom: 20px !important;
}

.ml20,
.mh20,
.ma20
{
    margin-left: 20px !important;
}

.pt25,
.pv25,
.pa25
{
    padding-top: 25px !important;
}

.pr25,
.ph25,
.pa25
{
    padding-right: 25px !important;
}

.pb25,
.pv25,
.pa25
{
    padding-bottom: 25px !important;
}

.pl25,
.ph25,
.pa25
{
    padding-left: 25px !important;
}

.mt25,
.mv25,
.ma25
{
    margin-top: 25px !important;
}

.mr25,
.mh25,
.ma25
{
    margin-right: 25px !important;
}

.mb25,
.mv25,
.ma25
{
    margin-bottom: 25px !important;
}

.ml25,
.mh25,
.ma25
{
    margin-left: 25px !important;
}

.pt30,
.pv30,
.pa30
{
    padding-top: 30px !important;
}

.pr30,
.ph30,
.pa30
{
    padding-right: 30px !important;
}

.pb30,
.pv30,
.pa30
{
    padding-bottom: 30px !important;
}

.pl30,
.ph30,
.pa30
{
    padding-left: 30px !important;
}

.mt30,
.mv30,
.ma30
{
    margin-top: 30px !important;
}

.mr30,
.mh30,
.ma30
{
    margin-right: 30px !important;
}

.mb30,
.mv30,
.ma30
{
    margin-bottom: 30px !important;
}

.ml30,
.mh30,
.ma30
{
    margin-left: 30px !important;
}

.pt35,
.pv35,
.pa35
{
    padding-top: 35px !important;
}

.pr35,
.ph35,
.pa35
{
    padding-right: 35px !important;
}

.pb35,
.pv35,
.pa35
{
    padding-bottom: 35px !important;
}

.pl35,
.ph35,
.pa35
{
    padding-left: 35px !important;
}

.mt35,
.mv35,
.ma35
{
    margin-top: 35px !important;
}

.mr35,
.mh35,
.ma35
{
    margin-right: 35px !important;
}

.mb35,
.mv35,
.ma35
{
    margin-bottom: 35px !important;
}

.ml35,
.mh35,
.ma35
{
    margin-left: 35px !important;
}

.pt40,
.pv40,
.pa40
{
    padding-top: 40px !important;
}

.pr40,
.ph40,
.pa40
{
    padding-right: 40px !important;
}

.pb40,
.pv40,
.pa40
{
    padding-bottom: 40px !important;
}

.pl40,
.ph40,
.pa40
{
    padding-left: 40px !important;
}

.mt40,
.mv40,
.ma40
{
    margin-top: 40px !important;
}

.mr40,
.mh40,
.ma40
{
    margin-right: 40px !important;
}

.mb40,
.mv40,
.ma40
{
    margin-bottom: 40px !important;
}

.ml40,
.mh40,
.ma40
{
    margin-left: 40px !important;
}

.pt45,
.pv45,
.pa45
{
    padding-top: 45px !important;
}

.pr45,
.ph45,
.pa45
{
    padding-right: 45px !important;
}

.pb45,
.pv45,
.pa45
{
    padding-bottom: 45px !important;
}

.pl45,
.ph45,
.pa45
{
    padding-left: 45px !important;
}

.mt45,
.mv45,
.ma45
{
    margin-top: 45px !important;
}

.mr45,
.mh45,
.ma45
{
    margin-right: 45px !important;
}

.mb45,
.mv45,
.ma45
{
    margin-bottom: 45px !important;
}

.ml45,
.mh45,
.ma45
{
    margin-left: 45px !important;
}

.pt50,
.pv50,
.pa50
{
    padding-top: 50px !important;
}

.pr50,
.ph50,
.pa50
{
    padding-right: 50px !important;
}

.pb50,
.pv50,
.pa50
{
    padding-bottom: 50px !important;
}

.pl50,
.ph50,
.pa50
{
    padding-left: 50px !important;
}

.mt50,
.mv50,
.ma50
{
    margin-top: 50px !important;
}

.mr50,
.mh50,
.ma50
{
    margin-right: 50px !important;
}

.mb50,
.mv50,
.ma50
{
    margin-bottom: 50px !important;
}

.ml50,
.mh50,
.ma50
{
    margin-left: 50px !important;
}

.txt_b
{
    font-weight: bold;
}
.breadcrumbs{ margin-bottom:20px;}
.banner_box{ margin-bottom:20px;}
.banner_box,
.banner_box .banner_image{ width:100%; height:auto;}
.banner_box .banner_image .view-pc,
.banner_box .banner_image .view-sp{ width:100%; height:auto; max-height:280px;}


.litpic{ width:100%; text-align:center}
.product_details{ display:block; border-bottom:5px solid #ccc; font-size:16px; margin-bottom:10px;}



 .sitenavs {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    top: 45px;
    right: 0;
    display: table;
}.sitenavs li {
    position: relative;
    width: 120px;
    text-align: center;display: table-cell;
 
vertical-align: middle;
}.sitenavs a {
    display: inline-block;
    text-decoration: none;
    opacity: 1;
    border-bottom: 2px solid 
    #fff;
    line-height: 1.5;
}.sitenavs i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/arrow_bottom_gray_1.png) no-repeat 100% 100%;
        background-size: auto;
    -webkit-background-size: 13px auto;
    -moz-background-size: 13px auto;
    background-size: 13px auto;
    -ms-background-size: 13px auto;
}
.sitenavs li{ position:relative; width:auto; padding-right:20px; text-align:left;}
.sitenavs li>a{ padding-left:5px;}
.sitenavs li span{ background-color:#fff; min-width:120px; position:fixed; height:auto; padding:0 5px 10px; display:none;}
.sitenavs li span p{ display:block; height:32px; line-height:32px; font-size:14px; padding:5px 0;}
.sitenavs li span.show{ display:block;}