@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: 'Hiragino Kaku Gothic ProN', Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, Meiryo, 'メイリオ', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', sans-serif;*/

   font-family:'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

    font-size: 10px;

  /*font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;*/



    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 5px;

}

@media (min-width: 600px)

{

    .wrap

    {

        width: 1200px;

        margin: 0 auto;

        padding: 0px;

    }

}



.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;

    }

  

  .messboxnrwap{display:none;}/*隐藏手机端底部导航*/

  

    .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;}



.main_h1 span{float:right;}



.footer_links{ margin-top:3vw; margin-left:150px;}

.footer_links select{width: 10vw; height: 22px;line-height: 22px;}



.footer_links{ position:relative;}

.footer_links dl{ background-color:#fff; color:#333; padding:0px 10px; cursor:pointer; position:absolute; left:0; bottom:0;}

.footer_links dl a{ color:#333;}

.footer_links dl dt,

.footer_links dl dd{ height:22px; line-height:22px;/* float:left;*/}

.footer_links dl dt{}

.footer_links dl dd{ display:none;}

.footer_links dl:hover dd{ display:block;}

.footer_links dl dd a:hover{ text-decoration:underline;}