@charset "UTF-8";
.col-auto,.col-pc-auto,.col-1,.col-pc-1,.col-2,.col-pc-2,.col-3,.col-pc-3,.col-4,.col-pc-4,.col-5,.col-pc-5,.col-6,.col-pc-6,.col-7,.col-pc-7,.col-8,.col-pc-8,.col-9,.col-pc-9,.col-10,.col-pc-10,.col-11,.col-pc-11,.col-12,.col-pc-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}
dd.mfp.inquiry_items.mfp_achroma div label
{ 
	display: inline-block !important; 
    width: 30%;
    margin:5px !important;
}

.col-1,.col-pc-1 {
    width: 8.33333%
}

.col-2,.col-pc-2 {
    width: 16.66667%
}

.col-3,.col-pc-3 {
    width: 25%
}

.col-4,.col-pc-4 {
    width: 33.33333%
}

.col-5,.col-pc-5 {
    width: 41.66667%
}

.col-6,.col-pc-6 {
    width: 50%
}

.col-7,.col-pc-7 {
    width: 58.33333%
}

.col-8,.col-pc-8 {
    width: 66.66667%
}

.col-9,.col-pc-9 {
    width: 75%
}

.col-10,.col-pc-10 {
    width: 83.33333%
}

.col-11,.col-pc-11 {
    width: 91.66667%
}

.col-12,.col-pc-12 {
    width: 100%
}

.col-push-0,.col-pc-push-0 {
    left: auto
}

.col-push-1,.col-pc-push-1 {
    left: 8.33333%
}

.col-push-2,.col-pc-push-2 {
    left: 16.66667%
}

.col-push-3,.col-pc-push-3 {
    left: 25%
}

.col-push-4,.col-pc-push-4 {
    left: 33.33333%
}

.col-push-5,.col-pc-push-5 {
    left: 41.66667%
}

.col-push-6,.col-pc-push-6 {
    left: 50%
}

.col-push-7,.col-pc-push-7 {
    left: 58.33333%
}

.col-push-8,.col-pc-push-8 {
    left: 66.66667%
}

.col-push-9,.col-pc-push-9 {
    left: 75%
}

.col-push-10,.col-pc-push-10 {
    left: 83.33333%
}

.col-push-11,.col-pc-push-11 {
    left: 91.66667%
}

.col-push-12,.col-pc-push-12 {
    left: 100%
}

.col-pull-0,.col-pc-pull-0 {
    right: auto
}

.col-pull-1,.col-pc-pull-1 {
    right: 8.33333%
}

.col-pull-2,.col-pc-pull-2 {
    right: 16.66667%
}

.col-pull-3,.col-pc-pull-3 {
    right: 25%
}

.col-pull-4,.col-pc-pull-4 {
    right: 33.33333%
}

.col-pull-5,.col-pc-pull-5 {
    right: 41.66667%
}

.col-pull-6,.col-pc-pull-6 {
    right: 50%
}

.col-pull-7,.col-pc-pull-7 {
    right: 58.33333%
}

.col-pull-8,.col-pc-pull-8 {
    right: 66.66667%
}

.col-pull-9,.col-pc-pull-9 {
    right: 75%
}

.col-pull-10,.col-pc-pull-10 {
    right: 83.33333%
}

.col-pull-11,.col-pc-pull-11 {
    right: 91.66667%
}

.col-pull-12,.col-pc-pull-12 {
    right: 100%
}

.col-offset-0,.col-pc-offset-0 {
    margin-left: 0
}

.col-offset-1,.col-pc-offset-1 {
    margin-left: 8.33333%
}

.col-offset-2,.col-pc-offset-2 {
    margin-left: 16.66667%
}

.col-offset-3,.col-pc-offset-3 {
    margin-left: 25%
}

.col-offset-4,.col-pc-offset-4 {
    margin-left: 33.33333%
}

.col-offset-5,.col-pc-offset-5 {
    margin-left: 41.66667%
}

.col-offset-6,.col-pc-offset-6 {
    margin-left: 50%
}

.col-offset-7,.col-pc-offset-7 {
    margin-left: 58.33333%
}

.col-offset-8,.col-pc-offset-8 {
    margin-left: 66.66667%
}

.col-offset-9,.col-pc-offset-9 {
    margin-left: 75%
}

.col-offset-10,.col-pc-offset-10 {
    margin-left: 83.33333%
}

.col-offset-11,.col-pc-offset-11 {
    margin-left: 91.66667%
}

.col-offset-12,.col-pc-offset-12 {
    margin-left: 100%
}

.externalIcon {
    margin: 0 3px;
    vertical-align: middle
}

a {
    overflow: hidden;
    outline: none
}

a:link {
    text-decoration: none;
    color: #123256
}

a:visited {
    text-decoration: none;
    color: #12539a
}

a:hover {
    text-decoration: underline;
    color: #666
}

a:hover img {
    opacity: 0.8
}

a:active {
    text-decoration: underline;
    color: #666
}

a:focus,*:focus {
    outline: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,.entry .Magkind,.entry2 .Magkind,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

::-moz-selection {
    background: #ccc
}

::selection {
    background: #ccc
}

::-moz-selection {
    background: #ccc
}

#wrap {
    display: none
}

#header {
    position: relative;
    width: 1200px;
    height: 80px;
    margin-left: auto;
    margin-right: auto
}

#header .logo {
    position: absolute;
    top: 22px;
    left: 0
}

#header .logo>h1 a {
    display: block
}

#header .logo>h1 a img {
    vertical-align: middle
}

#header .message {
    border-left: 1px solid #ddd;
    bottom: 12px;
    font-size: 14px;
    left: 310px;
    line-height: 1.5;
    padding-left: 30px;
    position: absolute;
    width: 410px
}

#header .message b {
    font-weight: bold
}

#header .message .text-primary {
    color: #0071c5
}

#header .message .text-accent {
    color: #f44336
}

#header .navigation {
    position: absolute
}

#header .navigation.is-top {
    top: 10px;
    right: 0;
    font-size: 13px
}

#header .navigation.is-top>ul>li {
    padding-left: 0
}

#header .navigation.is-top>ul>li+li {
    border-left: none
}

#header .navigation.is-bottom {
    top: 42px;
    left: 380px;
    font-size: 14px
}

#ja-JP #header .navigation.is-bottom {
    left: 738px
}

#en-US #header .navigation.is-bottom {
    left: 380px
}

#zh-CN #header .navigation.is-bottom {
    left: auto;
    right: 0
}

#en #header .navigation.is-bottom {
    left: 738px
}

#header .navigation>ul {
    display: table
}

#header .navigation>ul>li {
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px
}

#header .navigation>ul>li+li {
    border-left: 1px solid #ccc
}

#header .credit img {
    vertical-align: middle
}

#header .icon:before {
    border-radius: 0px 4px 4px 0px;
    margin-right: 5px;
    display: inline-block;
    width: 24px;
    height: 16px;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: -2px
}

#header .icon.icon-company:before {
    background-image: url("../img/icon/header_icon_company.png");
    width: 27px
}

#header .icon.icon-company:hover:before {
    background-image: url("../img/icon/header_icon_company_bl.png")
}

#header .icon.icon-product:before {
    background-image: url("../img/icon/header_icon_syouhin.png");
    width: 19px
}

#header .icon.icon-product:hover:before {
    background-image: url("../img/icon/header_icon_syouhin_bl.png")
}

#header .icon.icon-language:before {
    background-image: url("../img/icon/header_icon_language.png");
    width: 15px
}

#header .icon.icon-language:hover:before {
    background-image: url("../img/icon/header_icon_language_bl.png")
}

#header .icon.icon-catalog:before {
    background-image: url("../img/icon/header_icon_catalog.png");
    width: 19px
}

#header .icon.icon-catalog:hover:before {
    background-image: url("../img/icon/header_icon_catalog_bl.png")
}

#header .icon.icon-login:before {
    background-image: url("../img/icon/header_icon_login.png");
    width: 15px
}

#header .icon.icon-login:hover:before {
    background-image: url("../img/icon/header_icon_login_bl.png")
}

#header .icon.icon-cart:before {
    background-image: url("../img/icon/header_icon_cart.png");
    width: 17px
}

#header .icon.icon-cart:hover:before {
    background-image: url("../img/icon/header_icon_cart_bl.png")
}

#header .icon.icon-recruit:before {
    background-image: url("../img/icon/header_icon_recruit.png");
    width: 18px
}

#header .icon.icon-recruit:hover:before {
    background-image: url("../img/icon/header_icon_recruit_bl.png")
}

#header .search_form {
    position: relative
}

#header .search_form>[type="text"] {
    width: 280px
}

#header .search_form>[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    background: url("../img/icon/inputSerachIcon_in.png") center no-repeat
}

#header .search_form>[type="submit"]:hover {
    background: url("../img/icon/inputSerachIcon_hover.png") center no-repeat
}

#header .dropdown {
    display: inline-block
}

#header .dropdown>ul.dropdown-menu {
    display: none
}

#header .dropdown:hover>ul.dropdown-menu {
    margin-top: 0;
    display: block;
    right: 0;
    left: auto
}

#header .dropdown:hover>ul.dropdown-menu li {
    display: block;
    text-align: left
}

#header .dropdown:hover>ul.dropdown-menu li a {
    margin: 5px
}

#header .dropdown:hover>ul.dropdown-menu li a:hover {
    border-radius: 3px;
    background-image: none;
    background: #eee;
    color: #666
}

#header .dropdown:hover>ul.dropdown-menu li ._selected {
    margin: 5px;
    background: url("../img/icon/header_icon_language_selected.png") no-repeat left center;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

#header .label-telephone {
    border: 1px solid #0071c5;
    color: #0071c5;
    display: inline-block;
    font-size: 114.28571%;
    font-weight: bold;
    padding: .5em .5em .34em
}

.ui-menu {
    z-index: 999
}

.ui-menu li a {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3em
}

.ui-autocomplete {
    z-index: 9999
}

#footerbanaArea {
    padding: 20px;
    text-align: center;
    background: none;
    overflow: hidden;
    *zoom:1;position: relative;
    width: 952px !important;
    margin: 0px auto !important
}

#footerbanaArea a {
    margin: 5px
}

h2.secondTopStyle {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 15px 0;
    padding: 5px 15px;
    line-height: 1.3em;
    border-left: 7px solid #12539a
}

.second_toptitle {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin: 20px 0;
    padding: 5px 15px;
    line-height: 1.1em;
    border-left: 7px solid #12539a
}

a.external,a.blank {
    padding-right: 15px;
    background: url(../img/icon/external.png) no-repeat 100% 50%
}

.alert {
    margin: 10px 0;
    padding: 10px
}

a.btn {
    color: #fff;
    text-decoration: none
}

a.btn-default {
    color: #333 !important;
    position: relative
}

a.btn-default span {
    position: absolute;
    top: 12px;
    left: 20px;
    background: url(../img/icon/arrow_18_2.gif);
    display: block;
    width: 12px;
    height: 6px
}

a.btn-default.collapsed span {
    background: url(../img/icon/arrow_18.gif)
}

.modal-header {
    border: none;
    padding-bottom: 0px
}

.modal-body {
    padding-top: 0px
}

.modal-body p img {
    max-width: 100% !important
}

.modal-body select {
    width: 80px !important
}

.modal-body input {
    margin-right: 2px
}

.modal-body input.floatform {
    width: 210px
}

.modal-body input.inputstyle {
    width: 90px;
    margin-right: 2px
}

.modal-body .imglayout {
    overflow: hidden;
    *zoom:1;margin: 0
}

.modal-body .imglayout li {
    width: 218px;
    float: left;
    margin: 3px;
    display: block
}

.modal-body.SAVEC_SHEET ol {
    overflow: hidden;
    *zoom:1;border-top: 1px solid #DDDDDD;
    width: 550px;
    margin: 0;
    margin-top: 30px
}

.modal-body.SAVEC_SHEET ol li {
    overflow: hidden;
    *zoom:1;border: 1px solid #DDDDDD;
    margin: 0;
    margin-top: -1px;
    padding: 5px
}

.modal-body.SAVEC_SHEET ol li a {
    text-decoration: none
}

.modal-body.SAVEC_SHEET ol small {
    font-size: 11px;
    color: #666
}

.modal-body.SAVEC_SHEET ol small.DATE {
    padding-left: 20px
}

.modal-body.SAVEC_SHEET ol strong {
    margin-right: 20px;
    background: #12539a;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px
}

.pulley_modal .modal-body table th {
    width: 180px
}

#topOverlayModal,#GeneralOverlayModal {
    z-index: 30000
}

.top_modal,.general_modal {
    width: 800px;
    height: 600px;
    position: relative
}

.top_modal #overlayBtn,.general_modal #overlayBtn {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.top_modal .modal-content,.general_modal .modal-content {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0
}

.updnWatermark {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 7px 10px;
    color: #999;
    display: inline;
    top: auto
}

input::-ms-clear {
    visibility: hidden
}

.panel-group {
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 3px
}

.panel-group .panel {
    border: none
}

.panel-group .accordion-toggle {
    color: #000;
    text-decoration: none
}

.panel-group .panel-heading {
    padding: 0
}

.panel-body {
    padding: 5px
}

.panel-body table {
    margin: 0 !important
}

.divahref {
    background: #000;
    padding: 10px;
    cursor: pointer
}

.divahref:hover {
    opacity: 0.8
}

div.plugin-download {
    background: url(../img/icon/get_adobe_reader.gif) #f0f0f0 15px no-repeat;
    padding: 10px
}

div.plugin-download a img.pic {
    float: left;
    margin: 0.2em 30px 5px 0
}

div.plugin-download .link {
    padding: 0;
    margin: 0;
    margin: 0.2em 0 0 120px
}

div.plugin-download .link a {
    background: none;
    padding: 8px
}

div.plugin-download .description {
    line-height: 1.4;
    margin: 0.2em 0 0 120px;
    font-size: 12px
}

.pagetop {
    border-radius: 8px 8px 0 0;
    background: #666;
    padding: 0;
    text-align: left;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    width: 100%;
    display: block;
    border: 1px solid #777;
    background-color: #666;
    background-image: linear-gradient(to bottom, gray, #666)
}

@media screen and (min-width: 1200px) {
    .pagetop {
        border-radius:8px 8px 0 0;
        background: #666;
        padding: 0;
        text-align: left;
        color: #fff;
        padding: 10px 20px;
        font-size: 13px;
        width: 100%;
        display: block;
        border: 1px solid #777;
        background-color: #666;
        background-image: linear-gradient(to bottom, gray, #666)
    }
}

@media screen and (max-width: 1200px) {
    .pagetop {
        position:relative;
        border-radius: 8px 0 0 8px;
        background: #dd0000;
        padding: 0;
        text-align: left;
        color: #fff;
        padding: 10px;
        font-size: 13px;
        width: 60px;
        height: 60px;
        text-indent: -9999px;
        right: 0;
        bottom: 40px;
        display: block;
        border: 1px solid #777;
        background-color: #666;
        background-image: linear-gradient(to bottom, gray, #666)
    }

    .pagetop:after {
        position: absolute;
        content: "";
        display: block;
        background: url(../img/common/return_top_s.png);
        width: 60px;
        height: 60px;
        top: 0;
        left: -2px
    }
}

@media screen and (max-width: 1200px) {
    #topcontrol {
        right:-5px !important;
        bottom: 20px !important
    }
}

.sitemap ul {
    padding-left: 0
}

.sitemap ul._row-cols-pc-6 li {
    width: calc(50% - 2px)
}

.sitemap ul li {
    background: none;
    border: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    list-style: none;
    margin: 10px;
    padding: 10px
}

.sitemap ul li._col-pc-6 {
    width: calc(50% - 2px)
}

.sitemap ul li a {
    color: #666;
    font-size: 15px;
    text-decoration: none
}

.sitemap ul li a:hover {
    color: #1090df;
    text-decoration: underline
}

.sitemap ul li ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.sitemap ul li ul li {
    background: #f0f0f0;
    font-weight: bold;
    margin: 1px;
    width: 100%
}

.sitemap ul li ul li ul li {
    background: #fff;
    border: 1px dotted #ccc;
    font-weight: normal
}

.sitemap ul li ul li ul a {
    color: #666;
    font-size: 12px
}

.menuArea .linkboxArea {
    background: #ffc;
    padding: 10px;
    cursor: pointer
}

.menuArea .linkboxArea.hover {
    background: #fcf2f5 !important
}

.menuArea .linkboxArea.hover h2 a {
    color: #d11909 !important
}

.link a {
    padding-left: 15px;
    background: url("../img/icon/arrow_1.png") 0 50% no-repeat
}

.style_title {
    text-align: right;
    margin: 10px;
    margin-bottom: 20px;
    margin-top: -30px
}

.style_title a {
    border-radius: 4px;
    color: #12539a;
    text-decoration: none;
    padding: 3px 26px;
    border: 1px solid #12539a;
    text-decoration: none;
    background: none;
    font-size: 13px
}

.style_title a:hover,.style_title a:active,.style_title a:focus {
    color: #fff
}

.style_title a:hover {
    background: #12539a
}

.pagenationArea {
    text-align: center;
    margin: 10px 0
}

.popup {
    height: auto;
    margin: 20px
}

.popup img {
    max-height: 100% !important
}

#mailform input#AcceptCheck.form-control {
    box-shadow: none !important
}

#mailform input#AcceptCheck.form-control:focus {
    outline: none
}

#mailform #formstyle,#mailform #mailformpro {
    line-height: 1.4em;
    padding: 10px 0px
}

#mailform #formstyle .ui-helper-hidden-accessible,#mailform #mailformpro .ui-helper-hidden-accessible {
    display: none
}

#mailform #formstyle #gripperSpecForm dl,#mailform #mailformpro #gripperSpecForm dl {
    display: flex;
    flex-direction: column;
}

#mailform #formstyle #gripperSpecForm dl dt,#mailform #mailformpro #gripperSpecForm dl dt {
    width: 100%;
    text-align: left
}

#mailform #formstyle #gripperSpecForm dl dd,#mailform #mailformpro #gripperSpecForm dl dd {
    margin-left: 0;
    width: 100%;
}

#mailform #formstyle dl,#mailform #mailformpro dl {
    background: #f6f7f9;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#mailform #formstyle dl dt,#mailform #mailformpro dl dt {
    font-size: 14px;
    width: 200px;
    padding: 5px 15px;
    background: #f6f7f9;
    font-weight: bold
}

#mailform #formstyle dl dd,#mailform #mailformpro dl dd {
    margin-left: 200px;
    padding-left: 20px;
    background: #fff;
    border-left: 1px solid #ccc
}

#mailform #formstyle dl dd.line2,#mailform #mailformpro dl dd.line2 {
    padding: 22px;
    overflow: hidden
}

#mailform #formstyle dl dd.line2 input,#mailform #formstyle dl dd.line2 label,#mailform #mailformpro dl dd.line2 input,#mailform #mailformpro dl dd.line2 label {
    float: left
}

#mailform #formstyle dl dd.line2 input,#mailform #mailformpro dl dd.line2 input {
    margin: 7px
}

#mailform #formstyle dl dd .itemAddUiWrap,#mailform #mailformpro dl dd .itemAddUiWrap {
    padding-top: 10px;
    display: none
}

#mailform #formstyle li,#mailform #mailformpro li {
    margin: 5px 0
}

#mailform #formstyle #AcceptCheck,#mailform #mailformpro #AcceptCheck {
    background-color: none !important;
    border: none !important
}

#mailform #formstyle #AdditionalItemAddBtn.smallAdditionalItemAddBtn,#mailform #mailformpro #AdditionalItemAddBtn.smallAdditionalItemAddBtn {
    padding: 5px 10px !important
}

#mailform #mailformpro dl dd.mfp.inquiry_items p {
    padding: 12px 0;
}
#mailform #mailformpro dl dd.mfp.inquiry_items .special_product_items {
    padding: 12px 0;
}

#mailform #mailformpro dl dd.mfp.inquiry_items .special_product_items p {
    text-indent: 1.5em;
    padding: 3px;
}


#mailform input,#mailform textarea {
    border: 1px solid #DDD;
    margin: 0 10px;
    margin-left: 0;
    border-radius: 5px
}

#mailform button,#mailform a.btn,#mailform input[type="submit"] {
    font-size: 15px;
    padding: 5px 60px;
    line-height: 30px
}

#mailform button.btn-submit,#mailform a.btn.btn-submit,#mailform input[type="submit"].btn-submit {
    color: #fff;
    height: 100%
}

#mailform .must {
    background-color: #c00;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 5px;
    padding: 4px 5px;
    font-size: 12px
}

#mailform dl dt {
    float: left;
    width: 150px;
    clear: both;
    font-size: 12px;
    padding: 10px 0px;
    text-align: right;
    border-top: solid 1px #CCC;
    margin: 0px
}

#mailform dl dd {
    border-top: solid 1px #CCC;
    margin: 0px;
    padding: 10px 5px 10px 160px;
    font-size: 12px;
    line-height: 1.5em
}

#mailform dl dd ul,#mailform dl dd ol {
    margin: 0px;
    padding: 0px
}

#mailform dl dd ul li,#mailform dl dd ol li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

#mailform input,#mailform textarea {
    padding: 3px;
    font-size: 14px;
    vertical-align: middle
}

#mailform select {
    vertical-align: middle;
    font-size: 14px
}

#mailform .form-control {
    display: inline
}

#mailform .form-control.small {
    width: 150px
}

#mailform .form-control.middle {
    width: 345px
}

#mailform .must {
    display: block;
    background-color: #C00;
    padding: 4px 5px;
    font-size: 10px;
    color: #FFF;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC
}

#mailform .error {
    display: none;
    clear: both;
    text-align: left;
    margin: 0px;
    padding: 3px 0px 3px 10px;
    color: #F00;
    font-size: 12px;
    line-height: normal;
    background-repeat: no-repeat;
    background-position: 0px 1px
}

#mailform .hinbanlist {
    margin: 10px 0;
    font-size: 13px
}

#mailform .hinbanlist div {
    margin: 5px 0;
    position: relative;
    background: #f0f0f0;
    padding: 10px;
    margin-right: 60px;
    width: 80%
}

#mailform .hinbanlist div span {
    display: block
}

#mailform .hinbanlist div a {
    font-weight: bold
}

#mailform .hinbanlist div .del {
    position: absolute;
    display: block;
    padding: 19px;
    background: #ccc;
    color: #fff;
    right: 0;
    top: 0
}

#mailform .hinbanlist div .del:hover {
    background: #999;
    text-decoration: none
}

#mailform .hinbanlist_addline {
    overflow: hidden;
    margin: 20px 10px;
    background: #ccc
}

#mailform .hinbanlist_addline span {
    display: block
}

#mailform .hinbanlist_addline div {
    float: left
}

#mailform .hinbanlist_addline div.hinban {
    width: 600px;
    padding: 10px;
    background-color: #f0f0f0;
    box-sizing: border-box
}

#mailform .hinbanlist_addline div.button {
    width: 104px;
    color: #fff
}

#mailform .hinbanlist_addline div.button a {
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 30px
}

#mailform .gaihi-imgArea {
    float: left;
    width: 250px;
    margin: 20px 0
}

#mailform .gaihi-imgArea img {
    border: 1px solid #ccc
}

#mailform .gaihi-privacy {
    float: left;
    width: 700px;
    margin: 20px 0
}

#mailform .gaihi-privacy p {
    margin-bottom: 15px
}

#mailform .gaihi-privacy label {
    background: #f0f0f0;
    width: 100%;
    padding: 10px;
    font-weight: bold
}

#mailform .gaihi-privacy label input {
    width: 22px
}

#mailform .catalogList2 {
    overflow: hidden;
    *zoom:1;margin-top: 30px;
    margin-right: 3px;
    padding-left: 1px;
    width: 976px;
    border: 1px solid #ccc
}

#mailform .catalogList2 .titleArea {
    width: 330px;
    float: left;
    padding: 40px 10px
}

#mailform .catalogList2 .titleArea h2 {
    background: none;
    margin: 0;
    padding: 0
}

#mailform .catalogList2 div.checkArea {
    width: 320px;
    float: left;
    position: relative;
    padding: 0px
}

#mailform .catalogList2 div.checkArea label {
    height: 170px
}

#mailform .catalogList2 div.checkArea label:hover {
    background: #dce9fa
}

#mailform .catalogList2 div.checkArea label input[type="radio"],#mailform .catalogList2 div.checkArea label input[type="checkbox"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    cursor: pointer;
    display: block;
    width: 1.2em;
    height: 1.2em;
    margin: 4px 7px;
    cursor: pointer
}

#mailform .catalogList2 div.checkArea.newcatalog {
    width: 481px
}

#mailform .catalogList2 div.checkArea.newcatalog img {
    left: 160px
}

#mailform .catalogList2 div.checkArea.icon_new:before {
    content: url("../img/icon/newicon.png");
    position: absolute;
    top: 35px;
    left: 5px;
    z-index: 100
}

#mailform .catalogList2 label {
    border: none !important;
    overflow: hidden;
    border-radius: 3px;
    margin: 3px;
    display: block
}

#mailform .catalogList2 label .imgArea {
    float: left;
    width: 120px
}

#mailform .catalogList2 label .imgArea img {
    display: block;
    margin: 0 auto;
    height: 150px;
    border: 1px solid #ccc
}

#mailform .catalogList2 label .textArea {
    float: left;
    width: 180px
}

#mailform .catalogList2 label .textArea h3,#mailform .catalogList2 label .textArea .entry .Magkind,.entry #mailform .catalogList2 label .textArea .Magkind {
    font-weight: bold;
    font-size: 17px;
    height: 60px;
    margin: 0;
    margin-bottom: 5px;
    padding: 5px;
    position: relative
}

#mailform .catalogList2 label .textArea h3 input,#mailform .catalogList2 label .textArea .entry .Magkind input,.entry #mailform .catalogList2 label .textArea .Magkind input {
    display: block;
    text-align: right;
    float: left;
    margin: 5px 3px
}

#mailform .catalogList2 label .textArea span {
    font-size: 10px;
    font-weight: normal;
    color: #333;
    display: block;
    text-align: right;
    line-height: 1em !important
}

.mailform_jsng {
    color: #ff0000
}

.mfp_buttons {
    clear: both;
    padding: 10px 0px;
    text-align: center
}

.mfp_buttons_hidden {
    visibility: hidden
}

#mfp_overlay_inner button {
    font-size: 15px;
    padding: 5px 60px;
    line-height: 30px
}

#mfp_overlay_inner button.btn-submit {
    color: #fff;
    height: 100%
}

#carousel_product_list {
    width: 950px;
    height: 180px;
    margin-bottom: 10px;
    position: relative
}

#carousel_product_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

#carousel_product_list ul li {
    text-align: center;
    width: 950px;
    height: 180px;
    display: block;
    float: left
}

#carousel_product_list .carousel_product_list_pager {
    position: absolute;
    left: 47%;
    bottom: 5px;
    width: 100px;
    overflow: hidden;
    text-align: center
}

#carousel_product_list .carousel_product_list_pager a {
    margin: 0 2px;
    text-indent: -99999px;
    text-decoration: none;
    display: block;
    float: left;
    background: #999;
    width: 12px;
    height: 12px;
    border: 2px solid #fff
}

#carousel_product_list .carousel_product_list_pager a.selected {
    text-decoration: underline;
    text-indent: -99999px;
    display: block
}

#carousel_product_list .carousel_product_list_pager .caroufredsel_wrapper {
    width: 970px !important;
    height: 197px !important
}

.prev {
    float: left;
    margin-left: 10px
}

.next {
    float: right;
    margin-right: 10px
}

.timer {
    background-color: #999;
    height: 6px;
    width: 0px
}

#carousel_product_detail {
    width: 306px !important;
    height: 197px !important;
    overflow: hidden
}

#carousel_product_detail ul {
    width: 305px;
    height: 400px;
    margin-top: 20px
}

#carousel_product_detail ul li {
    padding: 0
}

#carousel_product_detail img {
    display: block
}

#carousel_product_detail .caroufredsel_wrapper {
    width: 306px !important;
    height: 197px !important;
    margin: 0 !important;
    padding: 0
}

#carousel_product_detail_pager {
    width: 310px;
    margin-top: 5px;
    overflow: hidden
}

#carousel_product_detail_pager img {
    display: block;
    float: left;
    opacity: 0.7;
    margin-right: 3px;
    width: 100px;
    border: 3px solid #aaa
}

#carousel_product_detail_pager img.selected {
    opacity: 1;
    width: 100px;
    border: 3px solid #12539a
}

#carousel_top {
    overflow: hidden;
    position: relative
}

#carousel_top ul {
    background-color: #fff
}

#carousel_top ul li {
    display: block;
    float: left;
    list-style: none
}

#carousel_top ul li a,#carousel_top ul li span {
    display: block
}

#carousel_top ul li a.external,#carousel_top ul li a.blank,#carousel_top ul li span.external,#carousel_top ul li span.blank {
    padding-left: 0;
    background: none
}

#carousel_top ul li a img,#carousel_top ul li span img {
    vertical-align: middle
}

#carousel_top .caroufredsel_wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    z-index: 0 !important
}

#carousel_top #prev,#carousel_top #next {
    background-color: rgba(255,255,255,0.7);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1 !important
}

#carousel_top #prev:before,#carousel_top #next:before {
    display: inline-block;
    margin-top: -14px;
    position: absolute;
    top: 50%
}

#carousel_top #prev:hover,#carousel_top #next:hover {
    background-color: rgba(255,255,255,0.8)
}

#carousel_top #prev {
    background-image: linear-gradient(to right, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0) 20%);
    left: -495px
}

#carousel_top #prev:before {
    content: url("../img/icon/slider-icon-p.png");
    right: 80px
}

#carousel_top #next {
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0px, rgba(255,255,255,0.2) 20%);
    right: -495px
}

#carousel_top #next:before {
    content: url("../img/icon/slider-icon-n.png");
    left: 80px
}

#carousel_top #pager {
    bottom: -20px;
    display: block;
    height: 50px;
    position: absolute;
    text-align: center;
    width: 100%
}

#carousel_top #pager a {
    background-color: #ccc;
    border: 2px solid #fff;
    display: inline-block;
    height: 13px;
    margin: 0 5px 0 0;
    width: 13px
}

#carousel_top #pager a:hover {
    background-color: rgba(255,255,255,0.5)
}

#carousel_top #pager a span {
    display: none
}

#carousel_top #pager a.selected {
    background-color: #ccc
}

#topCarousel #topCarousel-button-prev,#topCarousel #topCarousel-button-next {
    background-color: rgba(255,255,255,0.7);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}

#topCarousel {
    overflow: hidden;
    position: relative;
    min-width: 1200px
}

#topCarousel .swiper-wrapper {
    text-align: center
}

#topCarousel .swiper-wrapper .swiper-slide a {
    display: block
}

#topCarousel #topCarousel-pagination {
    display: flex;
    justify-content: center;
    bottom: 10px;
    position: absolute;
    width: 100%;
    z-index: 1
}

#topCarousel #topCarousel-pagination .swiper-pagination-bullet {
    background-color: #ccc;
    border: 2px solid #fff;
    cursor: pointer;
    display: block;
    height: 13px;
    width: 13px;
    margin: 0 3px
}

#topCarousel #topCarousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0071c5
}

#topCarousel #topCarousel-button-prev {
    background-image: url("../img/icon/slider-icon-p.png");
    background-position: right 80px center;
    left: -495px
}

#topCarousel #topCarousel-button-next {
    background-image: url("../img/icon/slider-icon-n.png");
    background-position: left 80px center;
    right: -495px
}

@media screen and (max-width: 1199px) {
    #pagesidemenu {
        z-index:1030;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 10px 0;
        background: #ccc
    }

    #pagesidemenu ul {
        width: 950px;
        margin: 0 auto
    }

    #pagesidemenu ul li {
        position: relative;
        display: inline
    }

    #pagesidemenu ul li a:hover {
        text-decoration: none
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark,#pagesidemenu ul li a#ShowInquireNowPage {
        display: inline-block;
        padding: 10px;
        background: #12539a;
        color: #fff;
        font-size: 14px
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark:hover,#pagesidemenu ul li a#ShowInquireNowPage:hover {
        background: #4782bc
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark>.icon img,#pagesidemenu ul li a#ShowInquireNowPage>.icon img {
        width: 16px;
        vertical-align: -4px
    }

    #pagesidemenu ul li a#newsUpdateNotification {
        display: inline-block;
        padding: 12px 10px 10px;
        background: #f5f5f5;
        border: 1px solid #bbb;
        color: #333;
        font-size: 14px
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover {
        border: 1px solid #12539a
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover>.text {
        color: #12539a
    }

    #pagesidemenu ul li a#newsUpdateNotification>.new,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.size_add,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.size_add,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.number_update,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.number_update,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.variation_add,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.variation_add {
        font-size: 14px;
        color: #e02c41
    }

    #pagesidemenu ul li a#newsUpdateNotification>.date {
        font-size: 10px;
        vertical-align: middle;
        color: #666
    }

    #pagesidemenu ul li a#newsUpdateNotification>.text {
        font-weight: bold;
        color: #333
    }

    #pagesidemenu ul li a#newsUpdateNotification span#newsUpdateNotification_balloon {
        display: none
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover span#newsUpdateNotification_balloon {
        display: block
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon {
        position: absolute;
        width: 319px;
        height: 109px;
        left: -54px;
        bottom: 32px;
        padding: 20px;
        background: url("../img/pagesidemenu/bg-newsUpdateNotification_top.png")
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.date {
        font-size: 10px;
        display: inline-block;
        color: #666
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.category {
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: 80px;
        padding: 1px;
        background: #eee;
        color: #666
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.subject {
        padding-top: 5px;
        font-size: 12px;
        display: block
    }
}

@media screen and (min-width: 1200px) {
    #pagesidemenu {
        z-index:1030;
        position: fixed;
        right: 20px;
        top: 180px
    }

    #pagesidemenu ul li {
        position: relative;
        margin: 20px 0
    }

    #pagesidemenu ul li a:hover {
        text-decoration: none
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark,#pagesidemenu ul li a#ShowInquireNowPage {
        color: #fff;
        font-size: 12px;
        text-align: center;
        width: 100px;
        display: inline-block;
        border-radius: 50px;
        background: #12539a
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark:hover,#pagesidemenu ul li a#ShowInquireNowPage:hover {
        background: #4782bc
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark>.icon,#pagesidemenu ul li a#ShowInquireNowPage>.icon {
        padding-top: 18px;
        display: block
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark>.icon img,#pagesidemenu ul li a#ShowInquireNowPage>.icon img {
        width: 32px;
        vertical-align: -4px
    }

    #pagesidemenu ul li a#ShowEditMylistModal_Bookmark>.text,#pagesidemenu ul li a#ShowInquireNowPage>.text {
        padding-top: 6px;
        padding-bottom: 20px;
        display: block
    }

    #pagesidemenu ul li a#newsUpdateNotification {
        border-radius: 3px;
        padding: 10px;
        display: inline-block;
        width: 100px;
        min-height: 100px;
        background: #f5f5f5;
        border: 1px solid #bbb;
        color: #333;
        font-size: 14px
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover {
        border: 1px solid #12539a
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover>.date {
        color: #12539a
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover>.text {
        color: #12539a
    }

    #pagesidemenu ul li a#newsUpdateNotification>.new,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.size_add,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.size_add,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.number_update,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.number_update,#pagesidemenu ul li table.product_list a#newsUpdateNotification>.variation_add,table.product_list #pagesidemenu ul li a#newsUpdateNotification>.variation_add {
        text-align: center;
        padding-top: 5px;
        display: block;
        font-size: 12px;
        color: #e02c41
    }

    #pagesidemenu ul li a#newsUpdateNotification>.date {
        text-align: center;
        padding-top: 2px;
        display: block;
        font-size: 12px;
        color: #666
    }

    #pagesidemenu ul li a#newsUpdateNotification>.text {
        text-align: center;
        padding-top: 2px;
        padding-bottom: 5px;
        display: block;
        font-weight: bold;
        color: #333
    }

    #pagesidemenu ul li a#newsUpdateNotification span#newsUpdateNotification_balloon {
        display: none
    }

    #pagesidemenu ul li a#newsUpdateNotification:hover span#newsUpdateNotification_balloon {
        display: block
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon {
        position: absolute;
        width: 329px;
        height: 98px;
        left: -313px;
        bottom: 2px;
        padding: 20px;
        padding-right: 30px;
        background: url("../img/pagesidemenu/bg-newsUpdateNotification_left.png")
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.date {
        font-size: 10px;
        display: inline-block;
        color: #666
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.category {
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: 80px;
        padding: 1px;
        background: #eee;
        color: #666
    }

    #pagesidemenu ul li span#newsUpdateNotification_balloon>.subject {
        padding-top: 5px;
        font-size: 12px;
        display: block
    }
}

#pushBanner,#catalogRequestBanner {
    bottom: -100px;
    display: none;
    position: fixed;
    right: 65px;
    transition: bottom .2s;
    z-index: 1030
}

#pushBanner.is-active,.is-active#catalogRequestBanner {
    bottom: 70px
}

@media screen and (min-width: 1200px) {
    #pushBanner.is-active,.is-active#catalogRequestBanner {
        bottom:50px
    }
}

@media screen and (min-width: 1200px) {
    #pushBanner,#catalogRequestBanner {
        right:10px
    }
}

#pushBanner>._close,#catalogRequestBanner>._close {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    color: #333;
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
    padding: 5px 0;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 20px;
    z-index: 1
}

#pushBanner>._banner,#catalogRequestBanner>._banner {
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    display: block
}

#pushBanner>._banner img,#catalogRequestBanner>._banner img {
    vertical-align: middle;
    width: 500px
}

#catalogRequestBanner {
    bottom: 70px;
    display: block
}

@media screen and (min-width: 1200px) {
    #catalogRequestBanner {
        bottom:50px
    }
}

#catalogRequestBanner>._banner {
    display: block;
    height: 94px;
    overflow: visible;
    position: relative;
    width: 500px
}

#catalogRequestBanner>._banner img {
    bottom: 0;
    left: 0;
    position: absolute
}

.mylist_modal table {
    width: 70%;
    margin: 20px auto
}

.mylist_modal h2 {
    float: none;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin: 10px 0;
    padding: 10px;
    background: url(../img/common/h2_bg.png) 0% 100% no-repeat
}

.mylist_modal .searchButtonArea {
    width: 400px;
    margin: 0 auto;
    text-align: center
}

.mylist_modal .searchButtonArea a {
    padding: 0 40px !important
}

.mylist_modal .searchButtonArea a.btn-default {
    padding: 0 20px !important;
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
    zoom:1}

.mylist_modal .searchButtonArea a.btn-default i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.mylist_modal .searchButtonArea a.btn-default:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.mylist_modal .searchButtonArea a.btn-default:hover i {
    color: #333
}

.mylist_modal .searchButtonArea a.btn-default:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.mylist_modal .searchButtonArea a.btn-default.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.mylist_modal .searchButtonArea a.btn-default.disabled:hover {
    background-image: none
}

.mylist_modal .searchButtonArea a.btn-default.disabled:active {
    top: 0px
}

.mylist_modal .searchButtonArea a.btn-default.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.liststyle {
    overflow: hidden
}

.liststyle .list {
    float: left;
    width: 275px;
    font-size: 12px;
    padding: 5px;
    min-height: 220px
}

.liststyle .list h3,.liststyle .list .entry .Magkind,.entry .liststyle .list .Magkind {
    float: none;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin: 10px 0;
    padding: 5px;
    background: #f0f0f0;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0
}

.liststyle .list:first-child {
    border-right: 1px solid #ccc
}

.liststyle .list ul {
    margin: 0
}

.liststyle .list li {
    border-bottom: 1px dotted #ccc;
    position: relative;
    list-style: none;
    padding: 5px;
    padding-bottom: 10px;
    line-height: 30px
}

.liststyle .list a {
    background: none;
    display: inline;
    color: #12539a;
    padding: 0;
    margin: 0;
    font-size: 15px
}

.liststyle .list .category,.liststyle .list .date {
    font-size: 10px;
    display: block;
    color: #333;
    position: absolute;
    right: 20px;
    bottom: 0;
    line-height: 20px
}

.liststyle .list .delete {
    font-size: 10px;
    display: block;
    color: #666;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 5px;
    line-height: 20px
}

.liststyle .list .addbutton {
    border: none;
    padding: 10px;
    text-align: center
}

.liststyle .list .addbutton a {
    padding: 5px 15px;
    background-image: linear-gradient(#fff 0px, #e0e0e0 100%)
}

.glyphicon-shopping-cart {
    width: 1.25em !important
}

.glyphicon-shopping-cart:before {
    content: url("../img/icon/cart_bl.png");
    margin-left: -1px
}

.glyphicon-additional_work {
    width: 1.5em !important;
    vertical-align: -.2em
}

.glyphicon-additional_work:before {
    content: url("../img/icon/adwork_bl.png")
}

.fxb-extended .second_toptitle {
    margin-left: auto;
    margin-right: auto;
    width: 952px
}

.fxb-extended #contents {
    width: 100% !important
}

.fxb-extended .boxwrap {
    margin-left: auto;
    margin-right: auto;
    width: 952px
}

.fxb-extended .boxwrap-fluid {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.fxb-basic {
    padding-bottom: 2em;
    padding-top: 2em
}

.fxb-bg-grayLighter {
    background: #f0f0f0
}

.fxb-bg-grayDarker {
    background: #313131;
    color: #fff
}

.fxb-bg-brandPrimary {
    background: #0071c5;
    color: #fff
}

.fxb-pd-wide {
    padding-bottom: 4em;
    padding-top: 4em
}

.fxb-pd-narrow {
    padding-bottom: 1em;
    padding-top: 1em
}

.fxb-pd-none {
    padding-bottom: 0;
    padding-top: 0
}

.imonoHeroImage {
    margin: -5px -5px -5px 0
}

.imonoHeroImage h1 {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.imonoHeroImage h1 img {
    max-height: 800px
}

.imonoLeadImage {
    margin: -5px -5px -5px 0
}

.imonoLeadImage p {
    padding: 0 !important
}

.imonoLeadImage p img {
    max-height: 500px
}

.imonoNavigationBar {
    border-bottom: 10px solid #f5f5f5
}

.imonoNavigationBar ul {
    margin: 0 auto -15px !important;
    overflow: hidden;
    padding: 5px 0 20px;
    width: 952px;
    *zoom:1}

.imonoNavigationBar ul li {
    border-right: 1px solid #ddd;
    float: left;
    list-style-type: none !important;
    padding: 0 !important;
    width: 25%
}

.imonoNavigationBar ul li:first-child {
    border-left: 1px solid #ddd
}

.imonoNavigationBar ul li a {
    color: #666;
    display: block;
    font-size: 1.2em;
    overflow: visible;
    padding: .5em;
    position: relative;
    text-align: center;
    text-decoration: none
}

.imonoNavigationBar ul li a:hover,.imonoNavigationBar ul li a._active {
    color: #0071c5
}

.imonoNavigationBar ul li a:hover:after,.imonoNavigationBar ul li a._active:after {
    border-bottom: 10px solid #0071c5;
    bottom: -15px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0
}

.corporateHistoryList dl {
    margin: 1em 0;
    overflow: hidden;
    *zoom:1}

.corporateHistoryList dl dt {
    clear: both;
    float: left;
    padding: .5em;
    width: 100px
}

.corporateHistoryList dl dd {
    border-bottom: 1px solid #ddd;
    float: right;
    margin-left: -100px;
    padding: .5em;
    padding-left: 100px;
    width: 100%
}

.nextActionImonoA {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    width: 66.66667%
}

.nextActionImonoA>._lead {
    background-image: none;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.3334;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0;
    text-align: center
}

.nextActionImonoA>._tel {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5rem;
    line-height: 1.3334;
    margin-bottom: 1rem
}

.nextActionImonoA>._tel dt {
    padding-right: .5em;
    text-align: right;
    width: 41.66667%
}

.nextActionImonoA>._tel dd {
    width: 58.33333%
}

.nextActionImonoA>._tel dd a {
    color: inherit;
    text-decoration: none
}

.nextActionImonoA>._form {
    line-height: 1.3334;
    padding: 0;
    text-align: center
}

.nextActionImonoA>._form>._button {
    background-color: #0071c5;
    background-image: linear-gradient(to bottom, #338dd1, #0071c5, #005a9e);
    background-position: top center;
    background-size: 100% 200%;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: bold;
    padding: .75em 1em;
    text-decoration: none;
    transition: background-position .2s
}

.nextActionImonoA>._form>._button:hover {
    background-position: bottom center
}

h2.top {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    text-align: center;
    margin-top: 30px
}

.top_application {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    width: 1000px;
    padding: 20px 0
}

.top_application ul {
    overflow: hidden
}

.top_application ul li {
    height: 130px;
    width: 110px;
    float: left
}

.top_search {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    overflow: hidden
}

.top_search .info {
    float: left;
    width: 300px;
    font-size: 12px;
    color: #666;
    margin-left: 25px
}

.top_search .reset {
    float: right;
    padding-right: 25px
}

.top_search .link {
    float: right;
    margin-right: 25px;
    margin-top: 20px
}

.top_search .link li {
    display: inline
}

.top_search .linklist {
    margin-top: 20px !important
}

.top_search .async_ui_section {
    width: 930px
}

.ui-menu {
    z-index: 999
}

.ui-menu .ui-menu-item a {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2em
}

#ja-JP #top-categorylist,#en #top-categorylist,#en-US #top-categorylist,[lang=zh] body #top-categorylist,#zh-CN #top-categorylist {
    display: table;
    font-size: 14px;
    margin: 0 auto;
    table-layout: fixed;
    width: 1200px
}

#ja-JP #top-categorylist ul,#en #top-categorylist ul,#en-US #top-categorylist ul,[lang=zh] body #top-categorylist ul,#zh-CN #top-categorylist ul {
    display: table-row
}

#ja-JP #top-categorylist ul li,#en #top-categorylist ul li,#en-US #top-categorylist ul li,[lang=zh] body #top-categorylist ul li,#zh-CN #top-categorylist ul li {
    display: table-cell;
    padding: 20px 0
}

#ja-JP #top-categorylist ul li a,#en #top-categorylist ul li a,#en-US #top-categorylist ul li a,[lang=zh] body #top-categorylist ul li a,#zh-CN #top-categorylist ul li a {
    border-bottom: 2px solid transparent;
    color: #333;
    display: block;
    font-weight: bold;
    text-align: center
}

#ja-JP #top-categorylist ul li a:hover,#en #top-categorylist ul li a:hover,#en-US #top-categorylist ul li a:hover,[lang=zh] body #top-categorylist ul li a:hover,#zh-CN #top-categorylist ul li a:hover {
    border-bottom-color: #0071c5;
    color: #0071c5
}

#ja-JP #top-categorylist ul li a img,#en #top-categorylist ul li a img,#en-US #top-categorylist ul li a img,[lang=zh] body #top-categorylist ul li a img,#zh-CN #top-categorylist ul li a img {
    margin: 0 0 10px;
    max-width: 100%;
    width: auto
}

#ja-JP #top-categorylist ul li a span,#en #top-categorylist ul li a span,#en-US #top-categorylist ul li a span,[lang=zh] body #top-categorylist ul li a span,#zh-CN #top-categorylist ul li a span {
    display: inline-block;
    margin: 0 0 5px;
    width: 100%
}

#top_carousel .carousel-inner .item img,#top_carousel .carousel-inner #sortArea #itemList .item-purpose img,#sortArea #itemList #top_carousel .carousel-inner .item-purpose img {
    display: block;
    margin: 0 auto
}

#top_carousel .glyphicon-chevron-left {
    left: 80px
}

#top_carousel .glyphicon-chevron-left:before {
    content: url(../img/icon/slider-icon-l-p.png)
}

#top_carousel .glyphicon-chevron-right {
    right: 80px
}

#top_carousel .glyphicon-chevron-right:before {
    content: url(../img/icon/slider-icon-l-n.png)
}

#top_contents {
    background: url(../img/top/top_contents_bg.png) top repeat-x;
    padding-top: 24px
}

#top_contents .top_contents_wrap {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    width: 960px !important;
    overflow: hidden;
    *zoom:1}

#top_contents .top_contents_wrap .row {
    margin-left: -5px;
    margin-right: -5px
}

#top_contents .top_contents_wrap .row .col-xs-1 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-2 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-3 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-5 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-7 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-8 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-10 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-11 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px
}

#top_contents .top_contents_wrap .row p a.btn-white {
    position: relative;
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 16px 44px 14px 22px;
    background-color: #ffffff;
    background-image: linear-gradient(to bottom, #fff, #f6f6f6);
    border-radius: 3px
}

#top_contents .top_contents_wrap .row p a.btn-white:hover {
    text-decoration: none;
    border: 1px solid #12539a;
    color: #12539a;
    opacity: 0.6
}

#top_contents .top_contents_wrap .row p a.btn-white:before {
    left: 9px;
    top: 14px;
    position: absolute;
    content: url(../img/icon/arrow_4_b.png)
}

#top_contents .top_contents_wrap .row p a.btn-white img {
    top: 12px;
    right: 10px;
    position: absolute;
    max-width: 30px;
    max-height: 30px
}

#top_contents .top_contents_wrap ul.bannerArea {
    overflow: hidden;
    *zoom:1}

#top_contents .top_contents_wrap ul.bannerArea li {
    margin-right: 10px;
    margin-top: 10px;
    float: left
}

#top_contents .top_contents_wrap ul.bannerArea li a img {
    vertical-align: bottom;
    display: block
}

#top_contents .top_contents_wrap .carouselArea {
    border: 1px solid #ccc;
    width: 560px;
    height: 220px;
    float: left;
    position: relative;
    padding: 10px
}

#top_contents .top_contents_wrap .carouselArea h4.title {
    background: #666;
    color: #fff;
    display: inline;
    padding: 5px 20px;
    line-height: 1.7em
}

#top_contents .top_contents_wrap .carouselArea .link {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

#top_contents .top_contents_wrap .carouselArea .link a {
    background: url(../img/icon/arrow_4.png) 1px no-repeat;
    color: #000;
    font-size: 14px
}

#top_contents .top_contents_wrap .carouselArea .blipsContainer {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    z-index: 999999
}

#top_contents .top_contents_wrap .carouselArea .blipsContainer li {
    display: block;
    float: left;
    width: 15px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 2px;
    margin: 2px
}

#top_contents .top_contents_wrap .carouselArea .blipsContainer li:hover {
    background: #12539a
}

#top_contents .top_contents_wrap .row {
    margin-bottom: 10px
}

#top_contents .top_contents_wrap .row:last-child {
    margin-bottom: 0px
}

#top_contents .top_contents_wrap .banaArea {
    float: left;
    width: 300px;
    margin-left: 10px
}

#top_contents .top_contents_wrap .banaArea .banastyle {
    border: 1px solid #ccc;
    margin: 10px 1px;
    padding: 10px;
    height: 100px;
    position: relative
}

#top_contents .top_contents_wrap .banaArea .banastyle .desc {
    position: absolute;
    right: 0;
    width: 230px
}

#top_contents .top_contents_wrap .banaArea .banastyle .desc h5 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold
}

#top_contents .top_contents_wrap .banaArea .banastyle .desc h5 a {
    color: #000;
    text-decoration: none
}

#top_contents .top_contents_wrap .banaArea .banastyle .desc h5 a:hover img {
    opacity: 0.8
}

#top_contents .top_contents_wrap .banaArea .banastyle .desc p {
    font-size: 13px;
    color: #333
}

#top_contents .top_contents_wrap .banaArea a:hover {
    opacity: 0.6
}

#top_contents .top_contents_wrap .carousel-container {
    width: 538px;
    z-index: 1
}

.productnews {
    margin-top: -28px
}

.productnews .carousel-image {
    border: 1px solid #12539a;
    box-shadow: #666 0px 0px 10px
}

.productnews .carousel-image img {
    max-height: 90px !important;
    max-width: 130px
}

.productnews .carousel-image .titleArea {
    background: #12539a;
    opacity: 0.8;
    padding: 10px 14px;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold
}

.productnews .carousel-image p {
    font-size: 12px;
    color: #333;
    width: 130px;
    margin: 20px 10px
}

.productnews .carousel-image img {
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -999
}

.productnews .carousel-image.cat {
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    line-height: 1.4em
}

.productnews .carousel-image.cat1 {
    border-top: 4px solid #799c30
}

.productnews .carousel-image.cat1 span {
    background: #799c30
}

.productnews .carousel-image.cat2 {
    border-top: 4px solid #9C3065
}

.productnews .carousel-image.cat2 span {
    background: #9C3065
}

.productnews .carousel-image.cat3 {
    border-top: 4px solid #CC511D
}

.productnews .carousel-image.cat3 span {
    background: #CC511D
}

.productnews .carousel-image.cat4 {
    border-top: 4px solid #309C76
}

.productnews .carousel-image.cat4 span {
    background: #309C76
}

.productnews .carousel-image.cat5 {
    border-top: 4px solid #304D9C
}

.productnews .carousel-image.cat5 span {
    background: #304D9C
}

.productnews .carousel-control {
    z-index: 9999
}

.productnews .carousel-control.left {
    background-image: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%)
}

.productnews .carousel-control.left:before {
    content: url(../img/icon/slider-icon-p.png);
    top: 50px;
    left: 30px;
    position: absolute
}

.productnews .carousel-control.right {
    background-image: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%)
}

.productnews .carousel-control.right:before {
    content: url(../img/icon/slider-icon-n.png);
    top: 50px;
    right: 30px;
    position: absolute
}

.carousel-container {
    position: relative;
    width: 5600px
}

#carousel {
    position: relative;
    margin-bottom: 0.5em;
    font-size: 12px;
    height: 100%
}

.carousel-image {
    border: 0;
    display: block
}

.carousel-image h4 {
    color: #fff;
    font-weight: bold
}

.carousel-feature {
    background: #fff;
    position: absolute;
    top: -1000px;
    left: -1000px;
    cursor: pointer
}

.carousel-feature .carousel-caption {
    position: absolute;
    bottom: 0;
    width: 100%
}

.carousel-feature .carousel-caption p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    font-size: 12px
}

#carousel-left {
    position: absolute;
    bottom: 80px;
    left: 60px;
    z-index: 9999;
    cursor: pointer
}

#carousel-right {
    position: absolute;
    bottom: 80px;
    right: 60px;
    z-index: 9999;
    cursor: pointer
}

#top_news {
    margin: 30px 0;
    overflow: hidden;
    *zoom:1}

#top_news .top_news_wrap {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    overflow: hidden;
    *zoom:1}

#top_news .link {
    text-align: right;
    margin-top: -40px
}

#top_news .link a {
    background: url(../img/icon/arrow_4.png) 1px no-repeat;
    color: #000
}

#top_news .melmagaArea,#top_news .newsArea {
    float: left;
    width: 450px;
    font-size: 14px;
    line-height: 1.3em;
    color: #333
}

#top_news .melmagaArea.global_style,#top_news .newsArea.global_style {
    width: 100%
}

#top_news .melmagaArea.global_style .news h2,#top_news .newsArea.global_style .news h2 {
    margin-left: 200px;
    margin-top: -25px
}

#top_news .melmagaArea {
    margin-right: 45px
}

.mlink {
    text-align: right;
    font-size: 12px;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-right: 60px
}

.mlink a {
    background: #12539a;
    text-decoration: none;
    color: #fff;
    padding: 5px
}

.mlink a:hover {
    background: #666
}

.melmaga.second {
    margin: 0;
    margin-right: 20px
}

.melmaga.second .mlink {
    margin-right: 0
}

.melmaga .divahref {
    background: none;
    margin: 0 !important
}

.melmaga .divahref:hover {
    background: #f0f4f9
}

.melmaga article {
    border-bottom: 1px solid #ccc
}

.melmaga article h3,.melmaga article .entry .Magkind,.entry .melmaga article .Magkind {
    margin: 10px 0
}

.melmaga article .img img {
    width: 430px;
    margin: 5px 0
}

.melmaga article .titleArea {
    border: none
}

.melmaga article .date {
    font-size: 12px
}

.melmaga .titleArea {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    border-bottom: 1px solid #ccc
}

.melmaga .titleArea h2 {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 20px
}

.melmaga .titleArea h2 a {
    text-decoration: none
}

.melmaga .titleArea h2 a:hover {
    text-decoration: underline
}

.melmaga .titleArea .desc {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.4em;
    margin-bottom: 25px
}

.melmaga .titleArea .date {
    font-size: 12px
}

.melmaga .titleArea .img {
    text-align: center
}

.news {
    margin-top: 20px
}

.news.second {
    margin-top: 10px;
    margin-right: 20px
}

.news.second .attention {
    background: #e7eef6;
    margin: 10px 0;
    padding: 20px
}

.news.detail {
    margin: 0px;
    margin-right: 20px
}

.news.detail .titleArea h2 {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 10px;
    line-height: 25px
}

.news .titleArea {
    margin-bottom: 20px;
    font-size: 12px;
    border-bottom: 1px solid #ccc
}

.news .titleArea.divahref {
    background: none;
    margin: 0
}

.news .titleArea.divahref:hover {
    background: #f0f4f9
}

.news .titleArea h2 {
    font-size: 14px;
    padding: 10px 0
}

.news .titleArea .info {
    font-size: 12px;
    overflow: hidden
}

.news .titleArea .info .cat {
    background: #dfdfdf;
    padding: 0px;
    display: block;
    width: 100px;
    text-align: center;
    float: left;
    margin-left: 10px
}

.news .titleArea .info .date {
    display: block;
    width: 100px;
    float: left
}

body {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    background: #fff;
    background-image: none !important;
    line-height: 1em !important;
    position: relative
}

#headNavi {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    line-height: 1em !important;
    position: relative;
    z-index: 1;
    height: 45px;
    margin-top: 10px;
    padding-bottom: 10px;
    background: url(../img/common/nav_bg.jpg) repeat-x
}

#headNavi ul {
    position: static;
    z-index: 200;
    padding: 0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #e0e0e0;
    margin-left: auto;
    margin-right: auto;
    height: 44px;
    width: 1200px
}

#headNavi ul li {
    overflow: hidden;
    box-sizing: border-box;
    height: 44px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #f0f0f0;
    height: 44px;
    width: 180px;
    float: left
}

#zh-CN #headNavi ul li {
    height: 44px;
    width: 240px;
    float: left
}

#headNavi ul li.home {
    width: 49px
}

#zh-CN #headNavi ul li.home {
    width: 49px
}

#headNavi ul li.home a {
    box-sizing: border-box
}

#headNavi ul li.home a span {
    box-sizing: border-box;
    width: 1em
}

#headNavi ul li.home a span:before {
    display: block;
    height: 16px;
    content: url(../img/icon/home.png)
}

#headNavi ul li.home a:hover {
    box-sizing: border-box;
    margin-top: -2px
}

#headNavi ul li.home a:hover span:before {
    content: url(../img/icon/home_w.png)
}

#headNavi ul li.search {
    width: 429px;
    padding: 0 15px
}

#zh-CN #headNavi ul li.search {
    width: 429px
}

#headNavi ul li.search #search {
    overflow: hidden;
    padding: 5px 0
}

#headNavi ul li.search #search input {
    float: left;
    width: 299px
}

#headNavi ul li.search #search .input-sm {
    height: 35px
}

#headNavi ul li.search #search input::-ms-clear {
    visibility: hidden
}

#headNavi ul li.search #search .inputSearchIcon {
    float: left;
    width: 100px;
    height: 35px;
    margin-left: -2px;
    border: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    outline: none;
    background: url(../img/icon/inputSerachIcon.png) Section Title 50% no-repeat
}

#headNavi ul li.search #search .inputSearchIcon:hover {
    background: url(../img/icon/inputSerachIcon.png) #999 50% no-repeat
}

#headNavi ul li a {
    line-height: 49px;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 3px;
    padding: 0;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -ms-transition: .2s linear;
    -o-transition: .2s linear;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px;
    color: #666;
    text-decoration: none
}

#headNavi ul li a:hover,#headNavi ul li a:active,#headNavi ul li a:focus {
    color: #fff
}

#headNavi ul li a:hover {
    margin: 0;
    text-decoration: none !important;
    background: #12539a;
    text-shadow: rgba(255,255,255,0.5) 0px 0px 0px
}

#headNavi ul li.selected a {
    margin: 0;
    color: #fff;
    background: #12539a;
    text-shadow: rgba(255,255,255,0.5) 0px 0px 0px
}

#headNavi ul li .contents-area {
    background: #fff;
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    overflow: hidden;
    *zoom:1}

#pan ul {
    margin: 20px 0;
    overflow: hidden;
    *zoom:1}

#pan li {
    float: left
}

#pan li a {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    padding-right: 20px;
    background: url(../img/icon/arrow_n.png) 100% 2px no-repeat;
    color: #666
}

#pan li a:hover,#pan li a:active,#pan li a:focus {
    color: #999
}

#pan li.last {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    padding-right: 20px;
    text-decoration: none;
    background: none
}

#pan li span {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666
}

#pan .panArea {
    position: relative;
    border-bottom: 1px dotted #ccc;
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    overflow: hidden;
    *zoom:1}

.theme-productDetail #pan .panArea {
    display: flex;
    width: 1240px !important
}

#pan .logo {
    position: absolute;
    top: 12px;
    right: 0;
    background: #fff
}

#pan ul {
    z-index: 10;
    overflow: hidden;
    width: 700px
}

#pan ul li.last {
    font-size: 14px !important
}

#pan ul li a {
    font-size: 14px !important
}

#contents {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    zoom:1}

#contents:after {
    content: '';
    display: block;
    clear: both
}

#contents #mainArea {
    float: left;
    width: 730px
}

#contents #mainArea .entry {
    width: 720px;
    margin-right: 15px
}

#contents #subArea {
    float: left;
    width: 220px
}

#contents #subArea h3.linklistStyle,#contents #subArea .entry .linklistStyle.Magkind,.entry #contents #subArea .linklistStyle.Magkind {
    padding: 10px;
    border-bottom: 1px solid #12539a;
    background: url(../img/icon/circle_1_b.png) no-repeat 0 50%;
    font-size: 14px;
    font-weight: bold
}

#contents #detailArea {
    width: 100%
}

#contents #detailArea img {
    max-width: 950px
}

#contents #detailArea .search_after_zero {
    width: 100%
}

#contents #detailArea .search_after_zero .message {
    line-height: 1.5em;
    width: 540px
}

#contents #detailArea .search_after_zero .message div {
    width: 550px
}

#contents #detailArea .search_after_zero .message h2 {
    margin: 20px 0;
    padding: 0;
    background: none
}

#contents #detailArea .search_after_zero .contact {
    width: 350px;
    padding: 10px
}

#contents #detailArea .search_after_zero .contact h3,#contents #detailArea .search_after_zero .contact .entry .Magkind,.entry #contents #detailArea .search_after_zero .contact .Magkind {
    margin-top: 0
}

#contents #topArea {
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.theme-productDetail #contents {
    display: flex;
    width: 1240px !important
}

.theme-productDetail #contents #detailArea {
    width: 952px
}

.theme-productDetail #contents #asideArea {
    position: relative;
    padding-left: 20px;
    padding-top: 2rem;
    padding-bottom: 1rem;
    width: 288px
}

#footerPan ul {
    margin: 20px 0;
    overflow: hidden;
    *zoom:1}

#footerPan li {
    float: left
}

#footerPan li a {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    padding-right: 20px;
    background: url(../img/icon/arrow_n.png) 100% 2px no-repeat;
    color: #666
}

#footerPan li a:hover,#footerPan li a:active,#footerPan li a:focus {
    color: #999
}

#footerPan li.last {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    padding-right: 20px;
    text-decoration: none;
    background: none
}

#footerPan li span {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666
}

#footerPan .panArea {
    position: relative;
    border-top: 1px dotted #ccc;
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    overflow: hidden;
    *zoom:1;margin-top: 30px !important
}

.theme-productDetail #footerPan .panArea {
    display: flex;
    width: 1240px !important
}

#footerPan .logo {
    position: absolute;
    top: 12px;
    right: 0;
    background: #fff
}

#footerPan ul {
    z-index: 10;
    overflow: hidden;
    width: 700px
}

#footerPan ul li.last {
    font-size: 14px !important
}

#footerPan ul li a {
    font-size: 14px !important
}

.entry {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.75em;
    margin-bottom: 20px;
    color: #333;
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

.entry h1 {
    float: none;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background: #333;
    margin: 40px 0;
    padding: 10px
}

.entry h1 span {
    font-size: 16px;
    font-weight: normal;
    color: #333333
}

.entry h2 {
    float: none;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 20px 0;
    padding: 10px 10px 14px;
    position: relative;
    background: url(../img/common/h2_bg_2.png) bottom left no-repeat,url(../img/common/h2_bg_1.png) top left no-repeat
}

.entry h2 span {
    font-size: 15px;
    font-weight: normal;
    color: #333333
}

.entry h2 a {
    padding-top: 20px
}

.entry h2 a {
    color: #12539a;
    text-shadow: 1px 1px 0 #fff
}

.entry h2.second_T {
    font-size: 24px;
    font-weight: normal;
    color: #0C1117;
    margin: 20px auto;
    padding: 0px;
    position: relative;
    width: 100%;
    border: none
}

.entry h2.second_T.bd {
    border-bottom: 1px dotted #D1D1C0;
    padding: 20px 10px
}

.entry h3,.entry .Magkind {
    float: none;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    padding: 5px 5px 5px 12px;
    border-left: 5px solid #999999;
    border-bottom: 2px solid #EBEBEB;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3
}

.entry h3 span,.entry .Magkind span {
    font-size: 14px;
    font-weight: normal;
    color: #333333
}

.entry h3 img,.entry .Magkind img {
    vertical-align: middle !important
}

.entry h3.arrowRight,.entry .arrowRight.Magkind {
    border: none
}

.entry h3 span,.entry .Magkind span {
    font-size: fz(10)
}

.entry h4 {
    float: none;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 10px;
    position: relative;
    margin-top: 30px;
    padding: 0 0 0 24px;
    background: url(../img/common/h4_bg.png) no-repeat 0 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3
}

.entry h5 {
    float: none;
    font-size: 13px;
    font-weight: bold;
    background: #f0f0f0;
    margin-top: 10px;
    position: relative;
    margin-top: 30px;
    padding: 0 0 0 20px;
    background: url(../img/common//h5_bg.png) no-repeat 0 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3
}

.entry h6 {
    position: relative;
    margin-top: 30px;
    padding: 0 0 0 20px;
    background: url(../img/common//h6_bg.png) no-repeat 0 4px;
    font-size: 16px;
    line-height: 1.3
}

.entry pre {
    background: none
}

.entry span.ts {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    border_radius: 10px;
    background: #B4B9D1;
    padding: 0 10px
}

.entry .Magkind {
    margin: 0 5px;
    padding: 0;
    font-weight: bold;
    background: none;
    margin-top: 10px;
    position: relative;
    padding-left: 15px
}

.entry .Magkind:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "●";
    font-size: 10px
}

.entry .space-10 {
    margin-bottom: 10px
}

.entry .spLink {
    padding: 5px
}

.entry .arrowstyle {
    background: none;
    font-weight: bold;
    color: #000;
    background: url(../img/icon/arrow_4.png) no-repeat 5px 7px;
    padding: 0;
    padding-left: 15px;
    margin: 20px 0
}

.entry .table_unit {
    padding: 0;
    text-align: right
}

.entry .unit_caption {
    max-width: 100%;
    text-align: right
}

.entry p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px;
    padding: 5px
}

.entry p.right {
    text-align: right
}

.entry .red {
    color: red
}

.entry .strong {
    font-weight: bolder
}

.entry .text_small {
    font-size: 12px
}

.entry .text_big {
    font-size: 20px
}

.entry .t_tol {
    font-size: 11px;
    margin-left: 5px
}

.entry a[href$=".zip"]:not(.btn) {
    padding-right: 20px;
    background: url(../img/icon/download_s.png) no-repeat 100% 50%
}

.entry * html a.zip {
    padding-right: 20px;
    background: url(../img/icon/download_s.png) no-repeat 100% 50%
}

.entry .attention {
    padding-left: 20px;
    background: url(../img/icon/attention.png) no-repeat 0% 7px
}

.entry span.attention {
    background: url(../img/icon/attention.png) no-repeat 0% 1px
}

.entry ol {
    margin: 15px 20px 15px 23px;
    line-height: 1.5em
}

.entry ol li {
    margin: 5px;
    padding: 5px 0;
    list-style-type: decimal
}

.entry ol li p {
    margin: 0px;
    padding: 0;
    font-size: 100%
}

.entry ol li p.t_caution {
    padding: 5px;
    padding-left: 25px
}

.entry ol.parenthesis {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.parenthesis li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: cnt
}

.entry ol.parenthesis li:before {
    display: marker;
    margin-left: -20px;
    content: "(" counter(cnt) ")"
}

.entry ol.upper-alpha {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.upper-alpha li {
    list-style-type: upper-alpha
}

.entry ol.lower-alpha {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.lower-alpha li {
    list-style-type: lower-alpha
}

.entry ol.kana {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.kana li {
    list-style-type: katakana-iroha
}

.entry ol.upper-roman {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.upper-roman li {
    list-style-type: upper-roman
}

.entry ol.lower-roman {
    margin-bottom: 1.4em;
    margin-left: 20px
}

.entry ol.lower-roman li {
    list-style-type: lower-roman
}

.entry ol.asterisk {
    margin-bottom: 1.4em;
    margin-left: 45px
}

.entry ol.asterisk li {
    position: relative;
    list-style: none;
    line-height: 1.4;
    margin-bottom: 0.3em
}

.entry ol.asterisk li span {
    position: absolute;
    top: 8px;
    left: -2.8em;
    font-size: 11px;
    color: #666
}

.entry ol.asterisk li:before {
    content: "*";
    font-size: 25px;
    position: absolute;
    top: 5px;
    left: -45px
}

.entry ol.articles {
    counter-reset: item;
    margin: 0 0 15px 0;
    padding: 0
}

.entry ol.articles>li {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0
}

.entry ol.articles>li span {
    display: block
}

.entry ol.articles>li span:before {
    content: "Article" counters(item, "-") ". ";
    counter-increment: item
}

.entry ol.articles>li ol {
    counter-reset: item;
    margin: 0;
    padding: 0
}

.entry ol.articles>li ol li {
    display: table
}

.entry ol.articles>li ol li:before {
    content: counters(item, "-") ". ";
    counter-increment: item;
    display: table-cell;
    width: 40px
}

.entry ol.articles>li ol li ol li {
    padding: 0
}

.entry ol.articles>li ol li ol li:before {
    width: 50px
}

.entry ol.articles>li ol li ol.parenthesis li:before {
    content: "(" counter(cnt) ")";
    width: 25px
}

.entry ol.articles>li span {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    padding: 5px 5px 5px 12px;
    border-left: 5px solid #999999;
    border-bottom: 2px solid #EBEBEB;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3
}

.entry * html ol.num1 li span {
    top: -0.1em
}

.entry *:first-child+html ol.num1 li span {
    top: -0.1em
}

.entry ul {
    margin: 15px 20px;
    margin-left: 20px;
    line-height: 1.5em;
    font-size: 14px;
}

.entry ul.point {
    font-size: 17px;
    font-weight: bold;
    color: #007b93;
    padding: 10px 20px
}

.entry ul li {
    margin: 0px;
    padding-left: 5px;
    list-style-type: disc
}

.entry ul li ul {
    margin: 0px
}

.entry ul li ul li {
    background: url(../img/entry_icon1.gif) no-repeat 0 7px;
    margin: 0px 5px;
    margin-left: 15px;
    padding: 0;
    list-style-type: disc
}

.entry .box,.entry .bg_gray,.entry .bg_blue,.entry .ln_red,.entry .ln_black,.entry .ln_gray,.entry .ln_blue {
    margin-bottom: 10px;
    padding: 10px
}

.entry .bg_gray {
    background: #f0f0f0
}

.entry .bg_blue {
    background: #eef4fb
}

.entry .ln_red {
    border: 1px solid #ff0000
}

.entry .ln_black {
    border: 1px solid #000
}

.entry .ln_gray {
    border: 1px solid #ccc
}

.entry .ln_blue {
    border: 1px solid #c9e0e7
}

.entry .fc_red {
    color: #ff0000
}

.entry .box2,.entry .border,.entry .border_b,.entry .border_r,.entry .f_k,.entry .f_g,.entry .f_o,.entry .f_b,.entry .f_r,.entry .f_y,.entry .t_k,.entry .t_g,.entry .t_b,.entry .t_r,.entry .tc_k,.entry .tc_g,.entry .tc_b,.entry .tc_or,.entry .tc_y,.entry .t_small,.entry .t_sup,.entry .t_sub {
    line-height: 1.2em;
    display: inline-block
}

.entry .border {
    border: 1px solid #333;
    line-height: 2em;
    padding: 0 2px;
    font-weight: bold;
    margin-right: 3px
}

.entry .border:not(.boxwrap) {
    white-space: nowrap
}

.entry .border_b {
    border: 1px solid #83a2b1;
    line-height: 2em;
    padding: 0 2px;
    font-weight: bold;
    margin-right: 3px
}

.entry .border_r {
    border: 1px solid #ff0000;
    line-height: 2em;
    padding: 0 2px;
    font-weight: bold;
    margin-right: 3px
}

.entry .f_k {
    background: #000;
    color: #fff
}

.entry .f_g {
    background: #aaa;
    color: #fff
}

.entry .f_o {
    background: #FF8C12;
    color: #fff
}

.entry .f_b {
    background: #547DAB;
    color: #fff
}

.entry .f_r {
    background: #c82d0d;
    color: #fff
}

.entry .f_y {
    background: #f5d90c;
    color: #fff
}

.entry .t_k {
    color: #000
}

.entry .t_g {
    color: #aaa
}

.entry .t_b {
    color: #547DAB
}

.entry .t_r {
    color: #c82d0d
}

.entry .before_circle:before,.entry .tc_k:before,.entry .tc_g:before,.entry .tc_b:before,.entry .tc_or:before,.entry .tc_y:before {
    content: "●";
    margin-right: 3px;
    font-size: 12px
}

.entry .tc_k {
    color: #000
}

.entry .tc_g {
    color: #aaa
}

.entry .tc_b {
    color: #547DAB
}

.entry .tc_or {
    color: #FF8C12
}

.entry .tc_y {
    color: #f5d90c
}

.entry .p_iconstyle,.entry .p_k,.entry .p_w,.entry .p_g,.entry .p_b,.entry .p_r {
    padding: 2px 10px;
    line-height: 1.5em;
    margin-right: 15px;
    white-space: nowrap
}

.entry .p_iconstyle:before,.entry .p_k:before,.entry .p_w:before,.entry .p_g:before,.entry .p_b:before,.entry .p_r:before {
    content: "■";
    margin-right: 5px;
    font-size: 12px
}

.entry .p_k:before {
    color: #000
}

.entry .p_w:before {
    color: #fff
}

.entry .p_g:before {
    color: #aaa
}

.entry .p_b:before {
    color: #547DAB
}

.entry .p_r:before {
    color: #c82d0d
}

.entry .t_small {
    font-size: 11px
}

.entry .t_sup {
    vertical-align: text-top;
    font-size: 9px !important
}

.entry .t_sub {
    vertical-align: sub
}

.entry ruby.t_rubi {
    ruby-align: distribute-space;
    ruby-overhang: auto;
    ruby-position: above
}

.entry .t_in {
    text-indent: 1em;
    text-align: left
}

.entry .t_in * {
    text-indent: initial
}

.entry .t_caution {
    position: relative;
    padding-left: 25px
}

.entry .t_caution:before {
    content: url(../img/icon/attention.png);
    margin-right: 5px;
    position: absolute;
    top: 7px;
    left: 0
}

.entry span.point {
    float: right;
    padding: 3px 6px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.entry h2 span.point {
    top: 13px;
    right: 8px;
    color: #FFFFFF
}

.entry h3 span.point,.entry .Magkind span.point {
    top: 8px
}

.entry span.point01 {
    background-color: #D68267
}

.entry span.point02 {
    background-color: #A61527
}

.entry span.point03 {
    background-color: #12539A
}

.entry table {
    margin: 0px 0
}

.entry table.w100 {
    width: 100%
}

.entry table.w50 {
    width: 50%
}

.entry table.text-left td,.entry table.text-left th {
    text-align: left
}

.entry table.fz12 td {
    font-size: 12px
}

.entry table.tablefix td,.entry table.tablefix th,.entry table.tablefix_middle td,.entry table.tablefix_middle th,.entry table.tablefix_long td,.entry table.tablefix_long th {
    text-align: center
}

.entry table caption {
    text-align: right
}

.entry table caption .unit_caption {
    max-width: 100%;
    text-align: right
}

.entry table caption .unit_caption_left {
    max-width: 100%;
    text-align: left
}

.entry table th,.entry table td {
    color: #000;
    border: 1px solid #e8e8e8;
    padding: 2px;
    text-align: left
}

.entry table th ul,.entry table td ul {
    color: #555
}

.entry table th {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    background: none repeat scroll 0 0 #ccc;
    color: #000000;
    border-width: 1px;
    text-align: center;
    font-size: 12px;
    font-weight: norboldmal;
    line-height: 1.2em;
    background: none repeat scroll 0 0 #ccc;
    text-align: left
}

.entry table th .tooltipwrap a {
    background-color: #7098c4;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 1px 2px;
    vertical-align: middle
}

.entry table th.hinban {
    background: #12539a;
    color: #fff
}

.entry table th.sunpou {
    background: #cedced;
    color: #12539a
}

.entry table th.buy {
    background: #ffd3d3;
    color: #b23a3a
}

.entry table th.cart {
    width: 110px
}

.entry table th.stock {
    width: 50px
}

.entry table th.download {
    background: #c0e0d1;
    color: #479872
}

.entry table td {
    font-size: 12px;
    line-height: 1.5em;
    font-size: 14px;
    padding: 3px 2px
}

.entry table td.hinban {
    white-space: nowrap
}

.entry table td.center {
    text-align: center
}

.entry table td input[name="amount"],.entry table td input.amount {
    width: 35px;
    margin: 2px 0;
    margin-right: 2px
}

.entry table td select {
    width: 70px
}

.entry table td select[name="shaftHole"] {
    width: 170px
}

.entry table td select[name="shaftHole-d1"] {
    width: 90px
}

.entry table td select[name="shaftHole-d2"] {
    width: 90px
}

.entry table td select option:disabled {
    color: #ccc
}

.entry table td.hinban {
    text-align: left
}

.entry table td.pipelength [name="pipelength"] {
    width: 2.5em
}

.entry table tr:nth-child(even) {
    background: #f0f0f0
}

.entry table tr:nth-child(odd) {
    background: #fff
}

.entry #fixedArea table th,.entry #fixedArea table td {
    text-align: center
}

.entry .none-background {
    width: 100%
}

.entry .none-background tr,.entry .none-background td {
    background: none !important
}

.entry .table_caption_text {
    margin-top: -5px
}

.entry td.none_content {
    background: #f0f0f0 !important
}

.entry td.none-line {
    border: none;
    background: #fff !important
}

.entry .none-layout {
    width: 100%;
    border: none
}

.entry .none-layout tr,.entry .none-layout th,.entry .none-layout td {
    border: none;
    background: none !important
}

.entry dl.yoko {
    margin: 0 0 15px;
    padding: 10px;
    color: #000
}

.entry dl.yoko dt {
    float: left;
    width: 10em;
    padding: 3px 0;
    font-weight: bold;
    line-height: 150%
}

.entry dl.yoko dd {
    padding: 3px 0 3px 10em;
    line-height: 150%
}

.entry dl.yoko.line dt {
    padding: 10px 0
}

.entry dl.yoko.line dd {
    padding: 10px 0 10px 7em;
    border-bottom: 1px #000 dotted
}

.entry .layout {
    overflow: hidden;
    *zoom:1}

.entry .imglayout {
    overflow: hidden;
    *zoom:1}

.entry .imglayout .none_wraparound {
    overflow: auto
}

.entry .imglayout figure img {
    display: block
}

.entry .imglayout.left figure {
    float: left
}

.entry .imglayout.left figure img {
    padding-right: 20px
}

.entry .imglayout.right figure {
    float: right
}

.entry .imglayout.right figure img {
    padding-left: 20px
}

.entry .imglayout.center img,.entry .imglayout.center figure {
    display: block;
    margin: 10px auto
}

.entry .boxwrap {
    overflow: hidden;
    *zoom:1;padding: 0px
}

.entry .boxwrap .col {
    margin: 5px 0;
    padding-right: 5px
}

.entry .boxwrap .col figure {
    max-width: 100%
}

.entry .boxwrap .col img {
    max-width: 100%
}

.entry .boxwrap.column1 .col {
    float: left;
    width: 100%
}

.entry .boxwrap img {
    display: block;
    margin: 0 auto
}

.entry .boxwrap.column2 .col {
    float: left;
    width: 50%
}

.entry .boxwrap img {
    display: block;
    margin: 0 auto
}

.entry .boxwrap.column3 .col {
    float: left;
    width: 33.33333%
}

.entry .boxwrap img {
    display: block;
    margin: 0 auto
}

.entry .boxwrap.column4 .col {
    float: left;
    width: 25%
}

.entry .boxwrap img {
    display: block;
    margin: 0 auto
}

.entry .boxwrap.border.column1 .col {
    float: left;
    width: 99%;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 0px
}

.entry .boxwrap.border.column1 .col:nth-child(1n) {
    margin-right: 0
}

.entry .boxwrap.border.column2 .col {
    float: left;
    width: 49%;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 0px
}

.entry .boxwrap.border.column2 .col:nth-child(2n) {
    margin-right: 0
}

.entry .boxwrap.border.column3 .col {
    float: left;
    width: 32.33333%;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 0px
}

.entry .boxwrap.border.column3 .col:nth-child(3n) {
    margin-right: 0
}

.entry .boxwrap.border.column4 .col {
    float: left;
    width: 24%;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 18px;
    margin-left: 0px
}

.entry .boxwrap.border.column4 .col:nth-child(4n) {
    margin-right: 0
}

.entry .boxwrap.style1 {
    border: 0px solid #fff !important
}

.entry .boxwrap.style1 .col {
    overflow: hidden;
    *zoom:1;padding: 10px
}

.entry .boxwrap.style1 .col .col-1,.entry .boxwrap.style1 .col .col-2 {
    padding: 0 10px;
    width: 50%;
    float: left;
    box-sizing: border-box
}

.entry .boxwrap.style1 h2 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    white-space: normal
}

.entry .boxwrap.style1 dl {
    color: #666;
    width: 100%
}

.entry .boxwrap.style1 dl dt {
    float: none
}

.entry .boxwrap.style1 dl dd {
    white-space: normal;
    font-weight: normal;
    padding: 0
}

.entry .boxwrap.style1 dl.kadai {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 5px
}

.entry .boxwrap.style1 dl.link {
    background: #f0f0f0;
    margin-bottom: 0;
    margin-top: 10px
}

.entry .boxwrap.style1 dl.link a {
    background: none;
    padding: 0
}

.entry .boxwrap.style1 .img a {
    display: block
}

.entry .boxwrap.style1 .img a figure {
    margin: 0 auto;
    float: none;
    display: block
}

.entry .boxwrap.style1 .img a img {
    height: 200px
}

.entry .boxwrap.style1 ul {
    margin: 20px 0;
    color: #666;
    white-space: normal;
    font-size: 13px;
    font-weight: normal
}

.entry .boxwrap.style1 ul li {
    margin: 4px 0 4px 20px;
    padding-left: 0
}

.entry .boxwrap.style1 table {
    margin: 20px 0;
    width: 100%;
    white-space: normal
}

.entry .boxwrap.style1 table tbody tr td {
    font-size: 13px
}

.entry .boxwrap.style1 table tbody tr td a {
    white-space: nowrap
}

.entry .boxwrap.style1 p {
    margin: 15px 0 0;
    color: #666;
    white-space: normal;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4
}

.entry .boxwrap .img .caption {
    font-size: 10px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #999
}

.entry .captionjs {
    margin: 0 0 20px;
    padding: 0;
    color: #999
}

.entry .captionjs figcaption {
    width: 100%;
    font-size: 12px;
    line-height: 1.2em;
    padding: 3px 5px
}

.entry ul.atend {
    padding: 5px !important;
    margin: 5px !important
}

.entry ul.atend li {
    background: url(../img/atend_bg.png) 0 3px no-repeat;
    padding-left: 15px;
    list-style: none !important;
    margin: 3px 0
}

.entry ul.arrow {
    padding: 5px !important;
    margin: 5px !important
}

.entry ul.arrow li {
    background: url(../img/arrow_icon.png) 0 3px no-repeat;
    padding-left: 15px;
    list-style: none !important;
    margin: 3px
}

#footer {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    padding: 20px 0;
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
    color: #666 !important;
    background: #ddd !important
}

#footer .menu a {
    transition: .3s;
    text-decoration: none;
    color: #333;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0
}

#footer .menu a:hover {
    color: #fff;
    text-shadow: rgba(51,51,51,0.3) 1px 1px 0
}

#footer .menu .col {
    float: left;
    width: 170px
}

#footer .menu ul {
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    padding: 0;
    margin: 0 5px;
    margin-bottom: 15px
}

#footer .menu ul li {
    margin: 10px 0
}

#footer .menu ul ul {
    margin: 10px 0
}

#footer .menu ul ul li {
    font-size: 12px;
    font-weight: normal;
    margin: 3px;
    padding-left: 10px;
    background: url(../img/icon/arrow_3.gif) 0 4px no-repeat
}

#footer .menu .servicemenu {
    width: 605px
}

#footer .menu .servicemenu h3,#footer .menu .servicemenu .entry .Magkind,.entry #footer .menu .servicemenu .Magkind {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0
}

#footer .menu .servicemenu ul {
    float: left;
    width: 190px
}

#footer .menu .servicemenu ul li {
    font-size: 13px
}

#footer .menu .servicemenu ul.category {
    width: 380px;
    overflow: hidden;
    *zoom:1}

#footer .menu .servicemenu ul.category ul {
    width: 100%
}

#footer .menu .servicemenu ul.category ul li {
    float: left;
    width: 183px
}

#footer .menu.utility2 {
    border-bottom: 1px solid #c0c0c0
}

#footer .menu.utility2 ul {
    text-align: center
}

#footer .menu.utility2 ul li {
    font-size: 13px;
    font-weight: normal;
    display: inline-block !important;
    margin-right: 20px;
    color: #333
}

#footer div.area {
    overflow: hidden;
    *zoom:1;position: relative;
    width: 952px !important;
    margin: 0px auto !important
}

#footer .copyright {
    font-size: 12px;
    margin-top: 20px;
    padding: 20px;
    text-align: center
}

#footer .china {
    font-size: 12px;
    padding: 20px;
    text-align: center
}

#footer .china a {
    color: #fff
}

#footer .china a:hover {
    color: #f0f0f0
}

#en .news .titleArea .info .date {
    width: 90px
}

#en .news .titleArea .info .date {
    margin-left: 0
}

#en #top_news .melmagaArea.global_style .news h2,#en #top_news .newsArea.global_style .news h2 {
    margin-left: 230px;
    margin-top: -28px
}

#en #mailform form#mailformpro dl dt {
    padding: 6px 5px;
    font-size: 12px
}

#en #mailform form#mailformpro dl dt .must {
    margin: 0;
    padding: 2px;
    color: #c00;
    background: none;
    box-shadow: none;
    display: inline-block;
    float: right
}

#en .banaArea {
    width: 380px !important
}

#en .btn-submit {
    font-size: 11px !important
}

#en .navi_layout a.floatbtn {
    padding: 7px 6px !important
}

#en .navi_layout input.floatform {
    width: 150px !important
}

#en .navi_layout select {
    margin-top: 2px
}

#en table.product_list .recommend a:after {
    top: 0;
    content: url(../img/icon/recommend_en.png)
}

#en table.product_list .variation_add a:before {
    content: url(../img/icon/add_variation_en.png)
}

#en table.product_list .size_add a:before {
    content: url(../img/icon/add_size_en.png)
}

#en table.product_list .number_update a:before {
    content: url(../img/icon/change_number_en.png)
}

#en-US .news .titleArea .info .date {
    width: 90px
}

#en-US .news .titleArea .info .date {
    margin-left: 0
}

#en-US #top_news .melmagaArea.global_style .news h2,#en-US #top_news .newsArea.global_style .news h2 {
    margin-left: 230px;
    margin-top: -28px
}

#en-US #mailform form#mailformpro dl dt {
    padding: 6px 5px;
    font-size: 12px
}

#en-US #mailform form#mailformpro dl dt .must {
    margin: 0;
    padding: 2px;
    color: #c00;
    background: none;
    box-shadow: none;
    display: inline-block;
    float: right
}

#en-US .banaArea {
    width: 380px !important
}

#en-US .btn-submit {
    font-size: 11px !important
}

#en-US .navi_layout a.floatbtn {
    padding: 7px 6px !important
}

#en-US .navi_layout input.floatform {
    width: 150px !important
}

#en-US .navi_layout select {
    margin-top: 2px
}

#en-US table.product_list .recommend a:after {
    top: 0;
    content: url("../img/icon/recommend_en.png")
}

#en-US table.product_list .variation_add a:before {
    content: url("../img/icon/add_variation_en.png")
}

#en-US table.product_list .size_add a:before {
    content: url("../img/icon/add_size_en.png")
}

#en-US table.product_list .number_update a:before {
    content: url("../img/icon/change_number_en.png")
}

[lang=zh] body,#zh-CN {
    font-family: "source-han-sans-simplified-c",Arial,Helvetica,sans-serif
}

[lang=zh] body #headNavi ul li,#zh-CN #headNavi ul li {
    font-family: "source-han-sans-simplified-c",Arial,Helvetica,sans-serif
}

[lang=zh] body #top_news .melmagaArea.global_style .news h2,[lang=zh] body #top_news .newsArea.global_style .news h2,#zh-CN #top_news .melmagaArea.global_style .news h2,#zh-CN #top_news .newsArea.global_style .news h2 {
    margin-left: 230px;
    margin-top: -28px
}

[lang=zh] body .entry,[lang=zh] body h1,[lang=zh] body h2,[lang=zh] body h3,[lang=zh] body .entry .Magkind,.entry [lang=zh] body .Magkind,[lang=zh] body h4,[lang=zh] body h5,[lang=zh] body h6,#zh-CN .entry,#zh-CN h1,#zh-CN h2,#zh-CN h3,#zh-CN .entry .Magkind,.entry #zh-CN .Magkind,#zh-CN h4,#zh-CN h5,#zh-CN h6 {
    font-family: "source-han-sans-simplified-c",Arial,Helvetica,sans-serif !important
}

[lang=zh] body .entry table td input[name="amount"],[lang=zh] body .entry table td input.amount,#zh-CN .entry table td input[name="amount"],#zh-CN .entry table td input.amount {
    width: 30px !important
}

[lang=zh] body table.product_list .recommend a:after,#zh-CN table.product_list .recommend a:after {
    top: 0;
    content: url(../img/icon/recommend_ch.png)
}

[lang=zh] body table.product_list .variation_add a:before,#zh-CN table.product_list .variation_add a:before {
    content: url(../img/icon/add_variation_ch.png)
}

[lang=zh] body table.product_list .size_add a:before,#zh-CN table.product_list .size_add a:before {
    content: url(../img/icon/add_size_ch.png)
}

[lang=zh] body table.product_list .number_update a:before,#zh-CN table.product_list .number_update a:before {
    content: url(../img/icon/change_number_ch.png)
}

[lang=zh] body .glyphicon,#zh-CN .glyphicon {
    font-family: "Glyphicons Halflings" !important
}

.hinban_check {
    font-size: 12px;
    margin: 5px;
    height: 15px;
    padding-bottom: 0
}

.hinban_check input {
    margin: 0
}

.product_table {
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 20px
}

.product_table .hinbanadd {
    position: absolute;
    left: 180px;
    bottom: 15px;
    color: #FFFFFF;
    background: #428BCA;
    background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);
    background-repeat: repeat-x;
    border-radius: 0 0 4px 4px
}

@media screen and (max-width: 1200px) {
    .product_table .hinbanadd {
        bottom:-5px
    }
}

.product_table .hinbanadd a {
    display: block;
    width: 400px;
    padding: 4px;
    border-top: none;
    text-align: center;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    padding-left: 15px
}

.product_table .hinbanadd.hopen a:before {
    content: url(../img/icon/arrow_18_w_2.gif);
    margin-right: 10px
}

.product_table .hinbanadd.hopen a:hover:before {
    content: url(../img/icon/arrow_18_w_2.gif);
    margin-right: 10px
}

.product_table .hinbanadd.hclosed a:before {
    content: url(../img/icon/arrow_18_w.gif);
    margin-right: 10px
}

.product_table .hinbanadd.hclosed a:hover:before {
    content: url(../img/icon/arrow_18_w.gif);
    margin-right: 10px
}

.product_table .hinbanadd:hover {
    opacity: 0.8
}

.AndMoreButton {
    font-size: 12px;
    text-align: center;
    display: block;
    width: 350px;
    padding: 5px;
    border: 1px solid #428bca;
    margin: 0 auto;
    border-radius: 15px;
    margin-top: -15px
}

@media screen and (max-width: 1200px) {
    .AndMoreButton {
        margin-top:5px
    }
}

.AndMoreButton:hover {
    background: #ccc;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #fff
}

.productlist-carousel .carousel-control {
    width: 0
}

.productlist-carousel .carousel-indicators {
    bottom: 8px
}

.productlist-carousel .carousel-indicators li {
    height: 7px;
    width: 7px;
    background: #666;
    margin: 0;
    border-radius: 0px;
    border: none
}

.productlist-carousel .carousel-indicators .active {
    background: #6b8ca5
}

.productlist-carousel .glyphicon-chevron-left:before {
    content: url(../img/icon/slider-icon-p.png)
}

.productlist-carousel .glyphicon-chevron-right:before {
    content: url(../img/icon/slider-icon-n.png)
}

.searchTitle {
    overflow: hidden;
    *zoom:1;margin-bottom: 10px;
    border-bottom: 2px solid #ccc
}

.product_top_banaArea {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-left: -5px;
    margin-right: -5px
}

.product_top_banaArea .bana {
    display: flex;
    flex: 0 0 25%;
    flex-wrap: wrap;
    max-width: 25%;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.product_top_banaArea .bana.bana-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.product_top_banaArea .bana.bana-col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.product_top_banaArea .bana.bana-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.product_top_banaArea .bana.bana-col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.product_top_banaArea .bana a {
    align-items: center;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #f6f6f6);
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    display: flex;
    flex: 0 0 100%;
    font-size: 14px;
    font-weight: bold;
    justify-content: flex-start;
    max-width: 100%;
    padding: .75em
}

.product_top_banaArea .bana a:hover {
    border: 1px solid #0071c5;
    opacity: .6;
    text-decoration: none
}

.product_top_banaArea .bana a img+.title {
    margin-left: .5em
}

.product_top_banaArea .bana a .title {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.product_top_banaArea .bana a .title+img {
    margin-right: .5em
}

@media screen and (max-width: 1200px) {
    .product_banaArea {
        overflow:hidden;
        *zoom:1;position: static
    }

    .product_banaArea .bana {
        width: 360px !important;
        height: 65px;
        left: 0 !important;
        position: relative;
        float: left;
        background: url(../img/productlist/product-list-bana-bg.png) bottom;
        border: 1px solid #ddd;
        font-size: 11px;
        line-height: 1.1em;
        color: #666;
        border-radius: 0px;
        margin: 0px;
        padding: 10px 15px;
        margin-bottom: 10px
    }

    .product_banaArea .bana h3,.product_banaArea .bana .entry .Magkind,.entry .product_banaArea .bana .Magkind {
        font-weight: bold;
        font-size: 14px;
        padding: 4px 0;
        color: #000;
        line-height: 1.2em
    }

    .product_banaArea .bana h3 a,.product_banaArea .bana .entry .Magkind a,.entry .product_banaArea .bana .Magkind a {
        color: #000;
        text-decoration: none
    }

    .product_banaArea .bana h3 br,.product_banaArea .bana .entry .Magkind br,.entry .product_banaArea .bana .Magkind br {
        display: none
    }

    .product_banaArea .bana img {
        display: none
    }

    .product_banaArea .bana.divahref:hover {
        opacity: 1;
        border: 1px solid #12539a
    }
}

@media screen and (min-width: 1200px) {
    .product_banaArea .bana {
        position:fixed;
        right: -10px;
        top: 200px;
        width: 260px;
        height: 140px;
        background: #fff;
        font-size: 13px;
        line-height: 1.1em;
        border: 1px solid #ccc;
        background: url(../img/productlist/product-list-bana-bg.png) #fff bottom repeat-x;
        cursor: pointer;
        margin: 10px 0;
        padding: 20px;
        z-index: 1030;
        border-radius: 6px;
        margin: 5px;
        padding: 10px 15px
    }

    .product_banaArea .bana:last-child {
        top: 350px
    }

    .product_banaArea .bana h3,.product_banaArea .bana .entry .Magkind,.entry .product_banaArea .bana .Magkind {
        position: absolute;
        top: 0px;
        padding: 0;
        width: 120px;
        text-align: center
    }

    .product_banaArea .bana .img {
        position: absolute;
        bottom: 0px;
        left: 0px
    }

    .product_banaArea .bana .img img {
        max-width: 150px
    }

    .product_banaArea .bana .text {
        position: absolute;
        top: 40px;
        right: 10px;
        width: 100px;
        line-height: 1.3em;
        font-size: 13px
    }

    .product_banaArea .bana h3,.product_banaArea .bana .entry .Magkind,.entry .product_banaArea .bana .Magkind {
        font-weight: bold;
        font-size: 16px;
        padding: 10px 0;
        line-height: 1.2em
    }

    .product_banaArea .bana h3 a,.product_banaArea .bana .entry .Magkind a,.entry .product_banaArea .bana .Magkind a {
        text-decoration: none
    }

    .product_banaArea .bana.divahref:hover {
        opacity: 1;
        border: 1px solid #12539a
    }
}

.search_after_add {
    padding: 10px;
    background: #F0F0F6;
    border: 1px solid #12539a;
    font-size: 12px;
    margin-right: 13px;
    margin-bottom: 20px;
    width: 718px;
    border-radius: 6px
}

.search_after_add h3,.search_after_add .entry .Magkind,.entry .search_after_add .Magkind {
    color: #12539a;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold
}

.search_after_add h4 {
    font-weight: bold;
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 6px
}

.search_after_add h4 span {
    color: #12539a;
    font-size: 15px;
    padding: 5px;
    margin: 5px
}

.search_after_add h4 span.red {
    color: #ff0000
}

.search_after_add .searchresultHelp {
    text-align: right;
    margin-top: -22px
}

.search_after_add .search_result {
    padding: 5px 0;
    font-size: 13px;
    color: #666;
    overflow: hidden
}

.search_after_add .search_result p {
    display: inline-block;
    font-size: 13px;
    background: #fff;
    padding: 0 5px;
    margin: 3px;
    font-weight: bold;
    line-height: 26px;
    color: #12539A;
    white-space: nowrap;
    border: 1px solid #ddd
}

.search_after_add .search_result p .title {
    padding: 0 5px;
    color: #333;
    font-size: 12px;
    font-weight: normal
}

.search_after_add .search_result table {
    margin: 0 10px;
    width: 730px
}

.search_after_zero {
    width: 716px;
    background: #FDF7F7;
    padding: 10px;
    margin: 20px 0;
    padding: 20px;
    font-size: 13px;
    color: #666;
    border-radius: 6px;
    overflow: hidden;
    line-height: 1.5em
}

.search_after_zero h2 {
    color: #D9534F;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0
}

.search_after_zero div {
    float: left;
    width: 390px;
    margin-right: 20px
}

.search_after_zero .contact {
    width: 260px;
    padding: 20px 10px;
    margin: 0;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd
}

.search_after_zero .contact h3,.search_after_zero .contact .entry .Magkind,.entry .search_after_zero .contact .Magkind {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center
}

.search_after_zero .contact p {
    margin-bottom: 10px
}

.product_list_breadcrumb {
    float: left;
    width: 400px;
    font-size: 12px;
    padding: 10px 0;
    background: none;
    text-align: right;
    margin-top: 10px
}

.product_list_breadcrumb span {
    margin-right: 15px;
    text-shadow: 1px 1px 0px #fff;
    text-decoration: none;
    padding: 0px 10px
}

.product_list_breadcrumb li {
    display: inline;
    padding: 2px;
    line-height: 15px;
    overflow: hidden;
    background: url(../img/icon/pan_bg_2.png) #ececec 100% 0% no-repeat
}

.product_list_breadcrumb li.active {
    background: url(../img/icon/pan_bg_activ.png) #1b5a9f 100% 0% no-repeat
}

.product_list_breadcrumb li.active span {
    color: #fff;
    text-shadow: 1px 1px 0px #1b5a9f
}

.product_list_breadcrumb li.active2 {
    background: url(../img/icon/pan_bg_activ_g.png) #1b5a9f 100% 0% no-repeat
}

.product_list_breadcrumb li.active2 span {
    color: #fff;
    text-shadow: 1px 1px 0px #1b5a9f
}

.product_list_breadcrumb li.active-before {
    background: url(../img/icon/pan_bg_3.png) #ececec 100% 0% no-repeat
}

.product_list_breadcrumb li.active-after {
    background: url(../img/icon/pan_bg.png) #ececec 100% 0% no-repeat
}

.page-number {
    float: left;
    width: 200px;
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-right: 15px
}

.page-number span {
    font-weight: bold;
    color: #dd0000
}

table.product_list {
    font-size: 12px;
    color: #666;
    margin-right: 13px;
    margin-bottom: 20px
}

table.product_list:first-child {
    margin-top: 0
}

table.product_list th,table.product_list td {
    padding: 7px 2px;
    line-height: 1.3em
}

table.product_list th img,table.product_list td img {
    text-align: center
}

table.product_list th {
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px;
    text-align: center;
    padding: 3px;
    background: #ddd !important;
    border: 1px solid #fff
}

table.product_list td {
    color: #333;
    border: 1px solid #dcdcdc;
    vertical-align: top
}

table.product_list tr.img-tr td {
    background: #fff
}

table.product_list tr.img-tr td a {
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: 100%;
    position: relative
}

table.product_list tr.img-tr td img {
    display: block;
    margin: 0 auto
}

table.product_list tr.img-tr td br {
    display: none
}

table.product_list tr:nth-child(even) {
    background-color: #F0F0F6
}

table.product_list tr:nth-child(odd) {
    background-color: #fff
}

table.product_list.list-2 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-2 th {
    width: 130px !important
}

table.product_list.list-2 td {
    width: 360px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-2 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-2 th {
        width: 52px
    }
}

table.product_list.list-3 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-3 th {
    width: 130px !important
}

table.product_list.list-3 td {
    width: 240px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-3 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-3 th {
        width: 52px
    }
}

table.product_list.list-4 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-4 th {
    width: 130px !important
}

table.product_list.list-4 td {
    width: 180px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-4 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-4 th {
        width: 52px
    }
}

table.product_list.list-5 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-5 th {
    width: 130px !important
}

table.product_list.list-5 td {
    width: 144px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-5 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-5 th {
        width: 52px
    }
}

table.product_list.list-6 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-6 th {
    width: 130px !important
}

table.product_list.list-6 td {
    width: 120px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-6 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-6 th {
        width: 52px
    }
}

table.product_list.list-7 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-7 th {
    width: 130px !important
}

table.product_list.list-7 td {
    width: 102.85714px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-7 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-7 th {
        width: 52px
    }
}

table.product_list.list-8 {
    width: 850px !important;
    max-width: 850px;
    margin-left: -130px
}

table.product_list.list-8 th {
    width: 130px !important
}

table.product_list.list-8 td {
    width: 90px
}

@media screen and (max-width: 1200px) {
    table.product_list.list-8 {
        width:720px !important;
        max-width: 720px !important;
        margin: 0 !important
    }

    table.product_list.list-8 th {
        width: 52px
    }
}

table.product_list .recommend a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

table.product_list .recommend a:after {
    content: url(../img/icon/recommend.png);
    position: absolute;
    top: -3px;
    right: -1px
}

table.product_list .new a,table.product_list .size_add a,table.product_list .number_update a,table.product_list .variation_add a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

table.product_list .new a:before,table.product_list .size_add a:before,table.product_list .number_update a:before,table.product_list .variation_add a:before {
    content: url(../img/icon/new.png);
    position: absolute;
    bottom: -4px;
    right: 0px
}

table.product_list .size_add a:before {
    content: url(../img/icon/add_size.png)
}

table.product_list .number_update a:before {
    content: url(../img/icon/change_number.png)
}

table.product_list .variation_add a:before {
    content: url(../img/icon/add_variation.png)
}

table.product_list .label {
    border-radius: 3px
}

table.product_list .badge {
    border-radius: 7px;
    padding-left: 4px;
    padding-right: 4px
}

table.product_list .nav a {
    text-decoration: none
}

table.product_list a.label:hover,table.product_list a.label:focus,table.product_list a.badge:hover,table.product_list a.badge:focus {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none
}

table.product_list .label-important,table.product_list .badge-important {
    background-color: #B94A48
}

table.product_list .label-important[href],table.product_list .badge-important[href] {
    background-color: #953B39
}

table.product_list .label-warning,table.product_list .badge-warning {
    background-color: #F89406
}

table.product_list .label-warning[href],table.product_list .badge-warning[href] {
    background-color: #C67605
}

table.product_list .label-success,table.product_list .badge-success {
    background-color: #468847
}

table.product_list .label-success[href],table.product_list .badge-success[href] {
    background-color: #356635
}

table.product_list .label-info,table.product_list .badge-info {
    background-color: #3A87AD
}

table.product_list .label-info[href],table.product_list .badge-info[href] {
    background-color: #2D6987
}

table.product_list .label-inverse,table.product_list .badge-inverse {
    background-color: #333333
}

table.product_list .label-inverse[href],table.product_list .badge-inverse[href] {
    background-color: #1A1A1A
}

table.product_list .btn .label,table.product_list .btn .badge {
    position: relative;
    top: -1px
}

.badge {
    font-weight: normal;
    font-size: 10px;
    margin: 1px
}

.badge.badge_color_BK {
    background: #000
}

.badge.badge_color_SG {
    background: #999
}

.badge.badge_color_OR {
    background: #F89406
}

.badge.badge_color_RD {
    background: #B94A48
}

.badge.badge_color_BL {
    background: #2364AB
}

.badge.badge_color_WH {
    background: #fff;
    color: #000;
    border: 1px solid #999
}

.badge.badge_color_YW {
    background: #fff70a;
    color: #000
}

.badge.badge_color_BL1 {
    background: #727278
}

.badge.badge_color_SK {
    background: #ffffdb;
    color: #000
}

.badge.badge_color_CR {
    background: #333
}

.badge.badge_color_AL {
    background: #c0c0c3
}

.badge.badge_color_ES {
    background: #e4e4e6;
    color: #666
}

.badge.badge_color_SBK {
    background: #000
}

.search_advice {
    background: #f0f0f6;
    width: 718px;
    padding: 20px;
    margin: 10px 0
}

.search_advice p {
    text-align: center;
    margin: 5px;
    font-size: 13px
}

.search_advice p.title {
    font-weight: bold;
    color: #12539a;
    font-size: 16px
}

.search_advice table {
    width: 600px;
    margin: 10px auto
}

.discontinued_table p {
    margin: 10px;
    font-size: 14px;
    line-height: 1.4em
}

table.discontinued_list {
    font-size: 12px;
    margin-right: 13px;
    width: 716px;
    border: 1px double #999;
    margin-top: 20px
}

table.discontinued_list th,table.discontinued_list td {
    border: 1px solid #dcdcdc;
    padding: 7px
}

table.discontinued_list th img,table.discontinued_list td img {
    text-align: center;
    width: 70px;
    margin: 0 auto;
    display: block
}

table.discontinued_list tbody {
    border: 1px solid #333
}

table.discontinued_list th {
    font-size: 11px;
    color: #666;
    background: #d0d0d0 !important;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px
}

table.discontinued_list td {
    color: #666;
    font-size: 12px
}

table.discontinued_list tr.img-tr td {
    background: #fff
}

table.discontinued_list tr.img-tr td img {
    display: block;
    margin: 0 auto
}

table.discontinued_list tr.img-tr td br {
    display: none
}

table.discontinued_list tr.title-tr td a {
    font-weight: bold;
    font-size: 12px
}

.newproductlist_list .newsItem {
    width: 100%;
    clear: both;
    padding: 15px 5px;
    border-bottom: 1px solid #999;
    overflow: hidden;
    *zoom:1}

.newproductlist_list .newsItem div {
    float: left
}

.newproductlist_list .newsItem .imgArea {
    width: 150px;
    margin-right: 15px
}

.newproductlist_list .newsItem .imgArea img {
    max-width: 150px
}

.newproductlist_list .newsItem .descArea {
    width: 550px;
    font-size: 12px
}

.newproductlist_list .newsItem .descArea h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0
}

.newproductlist_list .newsItem .descArea .dateArea {
    padding: 10px 0;
    width: 100%
}

.newproductlist_list .newsItem .descArea .dateArea .date {
    display: block;
    float: left;
    width: 100px
}

.newproductlist_list .newsItem .descArea .dateArea .cat {
    background: none repeat scroll 0 0 #dfdfdf;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 0;
    text-align: center;
    width: 100px
}

.newproductlist_list .newsItem .descArea .text {
    background: #f0f0f0;
    width: 100%;
    line-height: 1.3em
}

.newproductlist_list .newsItem .descArea .text a {
    color: #0071c5
}

.newproductlist_list .newsItem .descArea .text a::before {
    content: '>'
}

.newproductlist_list .newsItem .descArea .text p {
    margin: 10px
}

#searchSwitchArea {
    margin-bottom: 10px
}

#sortArea #imgArea {
    margin-bottom: 10px
}

#sortArea #sort {
    margin-bottom: 10px
}

#sortArea #sort.sortCol-1 ul li {
    width: 948px
}

#sortArea #sort.sortCol-2 ul li {
    width: 474px
}

#sortArea #sort.sortCol-3 ul li {
    width: 314px
}

#sortArea #sort.sortCol-4 ul li {
    width: 235px
}

#sortArea #sort.sortCol-5 ul li {
    width: 187px
}

#sortArea #sort.sortCol-6 ul li {
    width: 155px
}

#ja-JP #sortArea #sort.serviceSortCol ul li {
    width: 155px
}

#en-US #sortArea #sort.serviceSortCol ul li {
    width: 235px
}

#zh-CN #sortArea #sort.serviceSortCol ul li {
    width: 235px
}

#en #sortArea #sort.serviceSortCol ul li {
    width: 235px
}

#ja-JP #sortArea #sort.productSortCol ul li {
    width: 155px
}

#en-US #sortArea #sort.productSortCol ul li {
    width: 187px
}

#zh-CN #sortArea #sort.productSortCol ul li {
    width: 187px
}

#en #sortArea #sort.productSortCol ul li {
    width: 187px
}

#sortArea #sort ul {
    overflow: hidden;
    *zoom:1;margin: 0 -2px
}

#sortArea #sort ul li {
    text-align: center;
    font-size: 14px;
    margin: 2px;
    float: left;
    width: 235px;
    background: #f5f5f5;
    padding: 14px 0;
    font-weight: bold;
    cursor: pointer
}

#sortArea #sort ul li:hover,#sortArea #sort ul li.active {
    color: #fff;
    background-color: #0088d1;
    background-image: linear-gradient(to bottom, #0088d1, #005bba)
}

#sortArea #itemList {
    padding: 1px 0 0 1px;
    margin-bottom: 10px;
    overflow: hidden;
    *zoom:1}

#sortArea #itemList .item,#sortArea #itemList .item-purpose {
    background: #fff;
    padding: 0;
    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    float: left;
    width: 191px
}

#sortArea #itemList .item a,#sortArea #itemList .item-purpose a {
    display: block;
    height: 180px;
    padding: 10px;
    position: relative;
    width: 100%;
    color: #333
}

#sortArea #itemList .item a:hover,#sortArea #itemList .item-purpose a:hover {
    text-decoration: none;
    color: #0071c5;
    background: #f8fcff;
    box-shadow: inset 0px 0px 32px #dff1ff
}

#sortArea #itemList .item a .cat,#sortArea #itemList .item-purpose a .cat {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.3334
}

#sortArea #itemList .item a h2,#sortArea #itemList .item-purpose a h2 {
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3334
}

#sortArea #itemList .item a img,#sortArea #itemList .item-purpose a img {
    max-width: 130px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    bottom: 10px;
    display: block;
    text-align: center
}

#sortArea #itemList .item-service {
    background: #fff;
    padding: 0;
    float: left;
    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    width: 238px
}

#sortArea #itemList .item-service a {
    display: block;
    padding: 10px;
    position: relative;
    width: 100%;
    color: #333
}

#sortArea #itemList .item-service a .cat {
    line-height: 1.3334;
    display: block;
    text-align: right;
    font-size: 12px;
    margin-bottom: 0.6667em
}

#sortArea #itemList .item-service a h2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3334;
    margin-bottom: 0.3334em
}

#sortArea #itemList .item-service a img {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0.6667em
}

#sortArea #itemList .item-service a .service_detail {
    display: block;
    font-size: 13px;
    line-height: 1.3334
}

#sortArea #itemList .item-service a:hover {
    text-decoration: none;
    color: #0071c5;
    background: #f8fcff;
    box-shadow: inset 0px 0px 32px #dff1ff
}

#sortArea #itemList .item-purpose a {
    height: auto
}

#sortArea #itemList .item-purpose a img {
    margin: 0 auto;
    position: static
}

#sortArea #itemList .item-purpose a .purpose_detail {
    font-size: 13px
}

#nedzicom0 #itemList {
    overflow: hidden;
    *zoom:1;padding-left: 1px;
    padding-top: 1px
}

#nedzicom0 #itemList .item,#nedzicom0 #sortArea #itemList .item-purpose,#sortArea #nedzicom0 #itemList .item-purpose {
    background: none;
    border: 1px solid #ddd;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    width: 25%
}

#nedzicom0 #itemList .item:hover,#nedzicom0 #sortArea #itemList .item-purpose:hover,#sortArea #nedzicom0 #itemList .item-purpose:hover {
    background: #f9e9ed
}

#nedzicom0 #itemList .item:hover a,#nedzicom0 #sortArea #itemList .item-purpose:hover a,#sortArea #nedzicom0 #itemList .item-purpose:hover a {
    text-decoration: none
}

#nedzicom0 #itemList .item:before,#nedzicom0 #sortArea #itemList .item-purpose:before,#sortArea #nedzicom0 #itemList .item-purpose:before {
    border-top: 4px solid #f3d5dc;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

#nedzicom0 #itemList .item a,#nedzicom0 #sortArea #itemList .item-purpose a,#sortArea #nedzicom0 #itemList .item-purpose a {
    display: block
}

#nedzicom0 #itemList .item a h2,#nedzicom0 #sortArea #itemList .item-purpose a h2,#sortArea #nedzicom0 #itemList .item-purpose a h2 {
    color: #444;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: .6667em 0 -16px;
    min-height: 54px
}

#nedzicom0 #itemList .item a img,#nedzicom0 #sortArea #itemList .item-purpose a img,#sortArea #nedzicom0 #itemList .item-purpose a img {
    display: block;
    margin: 0 auto
}

#nedzicom0 #itemList .item a p,#nedzicom0 #sortArea #itemList .item-purpose a p,#sortArea #nedzicom0 #itemList .item-purpose a p {
    color: #666;
    font-size: 13px;
    line-height: 1.25;
    margin: 0 0 .3334em
}

#nedzicom2_2 #itemList {
    overflow: hidden;
    *zoom:1;padding-left: 1px;
    padding-top: 1px
}

#nedzicom2_2 #itemList .item,#nedzicom2_2 #sortArea #itemList .item-purpose,#sortArea #nedzicom2_2 #itemList .item-purpose {
    background: none;
    border: 1px solid #ddd;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    width: 25%
}

#nedzicom2_2 #itemList .item:hover,#nedzicom2_2 #sortArea #itemList .item-purpose:hover,#sortArea #nedzicom2_2 #itemList .item-purpose:hover {
    background: #f9e9ed
}

#nedzicom2_2 #itemList .item:hover a,#nedzicom2_2 #sortArea #itemList .item-purpose:hover a,#sortArea #nedzicom2_2 #itemList .item-purpose:hover a {
    text-decoration: none
}

#nedzicom2_2 #itemList .item:before,#nedzicom2_2 #sortArea #itemList .item-purpose:before,#sortArea #nedzicom2_2 #itemList .item-purpose:before {
    border-top: 4px solid #f3d5dc;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

#nedzicom2_2 #itemList .item a,#nedzicom2_2 #sortArea #itemList .item-purpose a,#sortArea #nedzicom2_2 #itemList .item-purpose a {
    display: block
}

#nedzicom2_2 #itemList .item a h2,#nedzicom2_2 #sortArea #itemList .item-purpose a h2,#sortArea #nedzicom2_2 #itemList .item-purpose a h2 {
    color: #444;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: .6667em 0 -16px;
    min-height: 54px
}

#nedzicom2_2 #itemList .item a img,#nedzicom2_2 #sortArea #itemList .item-purpose a img,#sortArea #nedzicom2_2 #itemList .item-purpose a img {
    display: block;
    margin: 0 auto
}

#nedzicom2_2 #itemList .item a p,#nedzicom2_2 #sortArea #itemList .item-purpose a p,#sortArea #nedzicom2_2 #itemList .item-purpose a p {
    color: #666;
    font-size: 13px;
    line-height: 1.25;
    margin: 0 0 .3334em
}

.nedzicom_banaArea {
    margin-top: 10px
}

.nedzicom_banaArea a {
    margin: 0
}

.nedzicom_banaArea .bana {
    position: fixed;
    right: -10px;
    top: 200px;
    width: 260px;
    height: 140px;
    background: #ADD1B4;
    cursor: pointer;
    margin: 10px 0;
    padding: 20px;
    z-index: 9999;
    display: block;
    background: #287538;
    border-radius: 8px
}

.nedzicom_banaArea .bana:hover {
    background: #07c92e
}

.nedzicom_banaArea .bana:last-child {
    top: 350px
}

.nedzicom_banaArea .bana h3,.nedzicom_banaArea .bana .entry .Magkind,.entry .nedzicom_banaArea .bana .Magkind {
    font-weight: bold;
    font-size: 17px;
    padding: 4px 0;
    line-height: 1.2em
}

.nedzicom_banaArea .bana h3 a,.nedzicom_banaArea .bana .entry .Magkind a,.entry .nedzicom_banaArea .bana .Magkind a {
    color: #fff;
    text-decoration: none
}

.nedzicom_banaArea .bana p {
    color: #fff;
    font-size: 13px;
    padding: 10px 0
}

.nedzicom_banaArea .bana img {
    position: absolute;
    right: 0;
    top: 50px
}

.nedzicom_banaArea.banaArealayout {
    margin-top: 20px
}

.nedzicom_banaArea.banaArealayout .nedzi_top_banaArea {
    margin-bottom: 5px
}

.nedzicom_banaArea.banaArealayout .nedzi_sard_banaArea h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 2px 0;
    overflow: hidden
}

.nedzicom_banaArea.banaArealayout .nedzi_sard_banaArea.style-btypes img {
    float: left;
    width: 401px;
    margin-top: 5px
}

.nedzicom_banaArea.banaArealayout .column2 {
    overflow: hidden
}

.nedzicom_banaArea.banaArealayout .column2 ul li {
    display: block;
    float: left
}

.nedzicom_banaArea.banaArealayout .column2 ul li:nth-child(2n) {
    margin-left: 7px
}

.nedzicom_banaArea.banaArealayout .column2 ul li a {
    margin: 0
}

.nedzicom_banaArea.banaArealayout .menustyle {
    background: #f0f0f0;
    padding: 10px;
    float: right;
    margin: 7px
}

.nedzicom_banaArea.banaArealayout .menustyle li {
    margin-left: 6px;
    overflow: hidden
}

.nedzicom_banaArea.banaArealayout .menustyle a {
    width: 245px;
    padding: 11px;
    margin: 0
}

.nedzicom_banaArea.banaArealayout .c2title-side-linklist {
    width: 538px;
    background: #f0f0f0;
    padding: 7px 11px;
    float: left;
    margin: 5px 0px;
    display: block
}

.nedzicom_banaArea.banaArealayout .c2title-side-linklist h2 {
    margin: 10px 0
}

.nedzicom_banaArea.banaArealayout .c2title-side-linklist ul {
    overflow: hidden;
    margin: 4px 0
}

.nedzicom_banaArea.banaArealayout .c2title-side-linklist li {
    padding-left: 5px;
    font-size: 12px;
    min-width: 145px;
    float: left;
    margin: 3px 0
}

@media screen and (max-width: 1150px) {
    .nedzicom_banaArea {
        margin:0px !important;
        overflow: hidden;
        *zoom:1;position: relative
    }

    .nedzicom_banaArea .bana {
        position: relative;
        width: 470px !important;
        height: 77px;
        float: left;
        right: 0px !important;
        top: 0px !important;
        background: #386541;
        cursor: pointer;
        float: left;
        margin: 0 !important;
        margin-right: 5px !important;
        padding: 20px 5px
    }

    .nedzicom_banaArea .bana h3,.nedzicom_banaArea .bana .entry .Magkind,.entry .nedzicom_banaArea .bana .Magkind {
        position: absolute;
        top: 10px;
        left: 15px;
        font-weight: bold;
        font-size: 17px;
        padding: 4px 0;
        color: #fff;
        line-height: 1.2em
    }

    .nedzicom_banaArea .bana h3 a,.nedzicom_banaArea .bana .entry .Magkind a,.entry .nedzicom_banaArea .bana .Magkind a {
        color: #fff;
        text-decoration: none
    }

    .nedzicom_banaArea .bana p {
        position: absolute;
        top: 40px;
        left: 10px;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.2em;
        color: #666;
        font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
        padding: 1px 5px;
        width: 450px;
        color: #fff
    }

    .nedzicom_banaArea .bana:hover {
        opacity: 0.6
    }

    .nedzicom_banaArea .bana:hover h3,.nedzicom_banaArea .bana:hover .entry .Magkind,.entry .nedzicom_banaArea .bana:hover .Magkind {
        color: #12539a
    }
}

.second_title1 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 10px;
    color: #333;
    font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","Meiryo","Trebuchet MS",Trebuchet,Verdana,sans-serif
}

.second_title1:before {
    content: "●";
    font-size: 14px;
    color: #12539a;
    margin-right: 10px
}

#titleArea {
    overflow: hidden;
    *zoom:1}

#titleArea .Areatitle {
    float: left;
    width: 645px
}

#titleArea .Areaimg,#titleArea .Areaimg2 {
    float: left;
    width: 305px;
    margin-top: 20px
}

#titleArea .Areaimg2 img {
    max-width: 306px
}

#titleArea .logo {
    position: absolute;
    top: -50px;
    right: 0
}

.Areatitle {
    padding-right: 20px
}

.Areatitle .categorylist {
    margin: 10px 0
}

.Areatitle .categorylist li {
    display: inline;
    font-size: 11px;
    text-align: center;
    padding: 0px 10px;
    margin-left: 1px;
    color: #fff;
    background: #666
}

.Areatitle .categorylist li.category {
    background: #ccc;
    color: #666
}

.Areatitle h1 {
    font-size: 50px;
    line-height: 1.2;
    margin: 10px 0 0px 0;
    letter-spacing: 0.1em
}

.Areatitle h1 span {
    letter-spacing: 0
}

.Areatitle h1.series-title {
    font-size: 35px
}

.Areatitle .subtitle {
    margin: 5px 0
}

.Areatitle .subtitle p {
    padding: 3px 0
}

.Areatitle .subtitle .native_language {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    line-height: 1.2em
}

.Areatitle .subtitle .foreign_language {
    font-size: 15px;
    color: #999
}

.Areatitle .subtitle .series-foreign_language {
    font-size: 15px;
    color: #999
}

.Areatitle .subtitle .series-product_number {
    font-size: 35px;
    line-height: 1.2;
    margin: 10px 0 0px 0;
    letter-spacing: 0.1em
}

.Areatitle .subtitle .series-product_number span {
    letter-spacing: 0
}

.Areatitle .buttonArea {
    margin-top: 15px
}

.Areatitle .buttonArea a:hover {
    opacity: 0.8;
    text-decoration: none
}

.Areatitle .buttonArea>._commonIcon {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.Areatitle .buttonArea>._commonIcon>* {
    margin-right: .625em;
    margin-bottom: .625em
}

.Areatitle .merit-list {
    margin-bottom: 10px;
    overflow: hidden;
    *zoom:1}

.Areatitle .merit-list li {
    display: inline;
    font-size: 12px;
    text-align: center;
    padding: 1px 10px;
    margin-top: 2px;
    margin-left: 1px;
    color: #fff;
    float: left;
    white-space: nowrap;
    background: #12539a;
    border-radius: 4px
}

/* 推奨カップリングと品番を１行で表示（既存CSSのバグ修正） */
.Areatitle .adapterplate dl {
    background: #ddd;
    border: 1px solid #ddd;
    display: flex;
    margin: 20px 0;
    overflow: hidden;
    align-items: stretch
}

.Areatitle .adapterplate dl dt {
    font-size: 11px;
    text-align: center;
    padding: 10.66px 5px;
    width: 230px;
    align-self: center;
}

.Areatitle .adapterplate dl dd {
    background: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 10.66px;
    width: calc(100% - 230px)
}

.Areatitle .adapterplate dl dd.noneselect {
    font-size: 13px;
    font-weight: normal
}

#catchArea {
    background: #e7eef6;
    padding: 20px;
    margin: 10px 0
}

#pagemenu,.pagemenu {
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    margin-top: 20px
}

#pagemenu ul,.pagemenu ul {
    border-top: 1px solid #fff;
    font-size: 15px;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 15px
}

#pagemenu ul li,.pagemenu ul li {
    background: url(../img/icon/arrow_18.gif) 0 50% no-repeat;
    display: inline-block;
    margin-right: 40px;
    padding-left: 25px
}

#pagemenu.fixed,.pagemenu.fixed {
    border-bottom: 1px solid #ccc;
    left: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030
}

#pagemenu.fixed ul,.pagemenu.fixed ul {
    margin: 0 auto;
    width: 950px
}

#pagemenu.col2 li,.pagemenu.col2 li {
    margin-right: 20px;
    padding-left: 17px
}

.pagelink {
    margin-top: 20px
}

.PageMenuStyle {
    display: block;
    position: relative;
    top: -60px;
    padding-top: 63px;
    margin-top: -60px
}

#number_list {
    border: 1px solid #ddd;
    margin: 5px;
    padding: 0px
}

#number_list .layoutbox {
    margin: 5px
}

#number_list .layoutbox h3,#number_list .layoutbox .entry .Magkind,.entry #number_list .layoutbox .Magkind {
    background: #fff;
    padding: 0 5px;
    margin: 0;
    border-bottom: 1px dotted #ccc
}

#number_list .layoutbox ul {
    overflow: hidden;
    *zoom:1;margin: 0
}

#number_list .layoutbox ul li {
    display: inline;
    font-size: 12px
}

#number_list .layoutbox ul li a {
    color: #666
}

#number_list .layoutbox ul li:after {
    content: '/';
    margin-left: 10px;
    color: #ccc
}

#number_list .layoutbox.onecolumn {
    width: 930px
}

.entry .table_select {
    background: #f0f0f0;
    overflow: hidden;
    *zoom:1;margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 14px
}

.entry .table_select dl {
    overflow: hidden;
    *zoom:1;text-align: center
}

.entry .table_select dl dt {
    float: left;
    width: 120px;
    font-weight: bold;
    background: #CEDCED;
    color: #12539a;
    padding: 5px;
    margin: 1px;
    border: 1px solid #CEDCED;
    line-height: 23px
}

.entry .table_select dl dd {
    float: left;
    min-width: 45px
}

.entry .table_select dl dd a {
    display: block;
    background: #fff;
    color: #2364ab;
    padding: 5px 0;
    margin: 1px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #fff
}

.entry .table_select dl dd a:hover {
    text-decoration: underline;
    border: 1px solid #12539a;
    background: #f0f0f0
}

.entry .table_select dl dd a.reset {
    color: #666;
    background: #cdcdcd
}

.entry .table_select dl dd a.selected {
    color: #fff
}

.entry .table_select dl dd.all a {
    width: 50px
}

.entry .table_select dl dd .badge {
    font-size: 13px
}

.notice {
    border: 1px solid #ebccd1;
    padding: 20px;
    background: #f2dede;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #a94442;
    border-radius: 5px
}

.notice strong {
    font-weight: bold
}

h1.c2title-h1 {
    height: 75px;
    font-size: 22px;
    padding: 30px 20px;
    color: #666;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px;
    background: url(../img/common/c2title_h1_bg.jpg) 100% repeat-x;
    margin-bottom: 10px
}

h1.c2title-h1-2 {
    background: #eee;
    margin: 10px 0;
    padding: 8px;
    border-bottom: 1px solid #ccc
}

h1.c2title-h1-3 {
    float: left;
    width: 500px;
    font-size: 16px;
    font-size: bold;
    padding: 14px 0;
    color: #333;
    font-weight: bold
}

h2.c2title-h2 {
    line-height: 1.2em;
    font-size: 20px;
    padding: 5px;
    margin: 20px 0;
    padding-left: 20px;
    font-weight: bold;
    background: url(../img/common/c2title-h2_bg.png) 0 no-repeat;
    margin-top: 40px
}

h2.c2title-h2.position_top {
    margin-top: 10px
}

h3.c2title-h3,.entry .c2title-h3.Magkind {
    font-size: 15px;
    padding: 5px;
    margin: 5px;
    padding-left: 15px;
    font-weight: bold;
    margin-right: 14px;
    background: url(../img/icon/arrow_4.png) 0 no-repeat
}

.entry.c2-content-free {
    margin-right: 15px;
    margin-top: 20px;
    width: 713px;
    overflow: hidden
}

.entry.c2-content-free .boxwrap.column2 {
    width: 723px
}

.entry.c2-content-free .boxwrap.column2 .col {
    padding: 0px;
    padding-right: 10px
}

h3.c2title-side-h3_b,.entry .c2title-side-h3_b.Magkind {
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #12539a;
    color: #12539a;
    padding-top: 5px
}

h3.c2title-side-h3_b:first-child,.entry .c2title-side-h3_b.Magkind:first-child {
    margin-top: 0
}

h3.c2title-side-h3,.entry .c2title-side-h3.Magkind {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    text-align: left;
    background: url(../img/icon/arrow_1.png) no-repeat 0 12px;
    padding-left: 20px;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px
}

h4.c2title-side-h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    padding-left: 20px;
    overflow: hidden
}

h4.c2title-side-h4 span {
    background: none
}

.navi_layout {
    width: 100%;
    position: relative
}

.navi_layout .title {
    position: relative
}

.navi_layout .title h4 {
    line-height: 15px;
    font-size: 14px;
    background: url(../img/icon/arrow_2.png) 0 12px no-repeat
}

.navi_layout label input {
    margin-right: 3px
}

.navi_layout select {
    padding: 4px 1px;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    border-radius: 3px
}

.navi_layout input {
    float: left;
    width: 150px;
    padding: 2px 4px;
    height: 33px;
    font-size: 14px
}

.navi_layout input.floatform {
    width: 105px
}

.navi_layout input[type="checkbox"] {
    width: 10px;
    height: 10px;
    margin: 0
}

.navi_layout a.floatbtn {
    padding: 4px 10px
}

.navi_layout span.unit,.navi_layout span.unit2 {
    float: left;
    width: 48px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding-left: 3px;
    color: #666
}

.navi_layout span.unit sup,.navi_layout span.unit2 sup {
    margin-left: -3px
}

.navi_layout span.unit2 {
    float: left;
    width: 38px
}

.navi_layout .panel-group select {
    margin-bottom: 8px
}

.navi_layout .panel-group p {
    font-size: 11px;
    padding: 2px;
    color: #999
}

.navi_layout .unitSwitcherSelector {
    margin: .5em 0;
    padding: 0 !important
}

.navi_layout .unitSwitcherSelector label {
    display: inline-block
}

.navi_layout .unitSwitcherSelector label+label {
    margin-left: 1em
}

.navi_layout .unitSwitcherSelector label input[type=radio] {
    height: 1em;
    margin: 0 .25em 0 0;
    width: 1em
}

.navi_layout .unitSwitcherContent {
    margin: 0;
    padding: 0 !important
}

.navi_layout .unitSwitcherContent.is-inch {
    display: none
}

.navi_layout .unitSwitcherContent select {
    margin: 0;
    float: left;
    font-size: 14px;
    height: 33px;
    padding: 2px 4px;
    width: 150px
}

.title.help {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.title.help span.tooltipwrap {
    font-size: 12px;
    white-space: nowrap
}

.title.help span.tooltipwrap a {
    text-decoration: none
}

.title.help span.tooltipwrap a:hover {
    opacity: 0.6
}

.navi_layout_box .snavi_wrap {
    background: #f0f0f0;
    margin-bottom: 3px;
    padding: 5px 2px;
    position: relative
}

.navi_layout_box .snavi_wrap .title .tooltipwrap {
    bottom: 2px
}

.navi_layout_box .snavi_wrap .title .tooltipwrap a {
    padding: 0
}

.navi_layout_box .snavi_wrap div {
    overflow: hidden;
    *zoom:1;color: #333;
    font-size: 12px;
    padding: 0 5px;
    padding-bottom: 2px;
    width: 100%
}

.navi_layout_box .snavi_wrap select {
    font-size: 13px
}

.navi_layout_box .snavi_wrap .searchButtonArea {
    padding: 0
}

.navi_layout_box .snavi_wrap .btn-submit {
    height: 135%;
    line-height: 135%;
    margin: 0
}

.navi_layout_box .snavi_wrap h4 {
    background: none
}

.navi_layout_box .errorWrap {
    color: #f60 !important
}

.mylist_box i {
    font-size: 11px;
    color: #666;
    margin-right: 5px
}

.mylist_box a {
    padding: 6px 4px;
    font-size: 13px
}

.powerstop_navi_select .img_area img {
    max-width: 100%;
    border: 1px solid #ccc
}

.powerstop_navi_select h3.c2title-side-h3,.powerstop_navi_select .entry .c2title-side-h3.Magkind,.entry .powerstop_navi_select .c2title-side-h3.Magkind {
    background: #F0F0F6;
    padding: 15px 0;
    font-size: 15px;
    text-align: center
}

.powerstop_navi_select .powerstop_navi_botton_reset,.powerstop_navi_select .navi_layout {
    margin-bottom: 10px
}

.powerstop_navi_select .updnWatermark {
    top: 22px !important
}

#targetImage {
    display: none
}

.senteiArea a {
    margin: 10px 0;
    display: block
}

.senteiArea a img {
    max-width: 100%
}

ul.list-selectionNavigator {
    overflow: hidden;
    *zoom:1;border-radius: 3px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

ul.list-selectionNavigator li {
    float: left;
    overflow: hidden;
    width: 100%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

ul.list-selectionNavigator li>a {
    text-decoration: none
}

ul.list-selectionNavigator li label {
    text-align: center;
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    color: #444
}

ul.list-selectionNavigator li label img {
    vertical-align: middle;
    width: 100%
}

ul.list-selectionNavigator li label.selected {
    background: #ff8246 !important;
    color: #fff !important
}

ul.list-selectionNavigator li label.selected:before {
    background-position: 0 -16px
}

ul.list-selectionNavigator li label.disabled {
    cursor: text
}

ul.list-selectionNavigator li label.disabled:hover:before {
    background-position: 0 0
}

ul.list-selectionNavigator li label:hover {
    color: #ff8246;
    background: #fff0e9
}

ul.list-selectionNavigator li label:before {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 16px;
    height: 16px;
    content: ""
}

ul.list-selectionNavigator li label:hover:before {
    background-position: 0 -16px
}

ul.list-selectionNavigator li input[type="checkbox"] {
    display: none
}

ul.list-selectionNavigator.is-image li label {
    padding: 0px !important
}

ul.list-selectionNavigator.is-text li label {
    padding: 10px
}

ul.list-selectionNavigator.is-radio li label {
    text-align: left;
    padding-left: 35px
}

ul.list-selectionNavigator.is-radio li label:before {
    background-image: url("../img/icon/selectionNavigator-radio.png")
}

ul.list-selectionNavigator.is-checkbox li label {
    text-align: left;
    padding-left: 35px
}

ul.list-selectionNavigator.is-checkbox li label:before {
    background-image: url("../img/icon/selectionNavigator-checkbox.png")
}

ul.list-selectionNavigator.is-label-vertical-middle li label:before {
    top: calc(50% - 8px)
}

ul.list-selectionNavigator.is-1col li,ul.list-selectionNavigator.is-pc-1col li {
    width: 100%
}

ul.list-selectionNavigator.is-2col li,ul.list-selectionNavigator.is-pc-2col li {
    width: 50%
}

ul.list-selectionNavigator.is-3col li,ul.list-selectionNavigator.is-pc-3col li {
    width: 33.33333%
}

ul.list-selectionNavigator.is-4col li,ul.list-selectionNavigator.is-pc-4col li {
    width: 25%
}

.sn-tooltip+.tooltip.left {
    margin-left: 0;
    padding: 0 15px
}

.sn-tooltip+.tooltip.left.in {
    opacity: 1
}

.sn-tooltip+.tooltip.left .tooltip-arrow {
    background: #fff;
    border: none;
    border-right: 2px solid #ddd;
    border-top: 2px solid #ddd;
    height: 20px;
    margin-top: -10px;
    right: 5px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px
}

.sn-tooltip+.tooltip.left .tooltip-inner {
    background-color: #fff;
    border: 2px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    max-width: none;
    padding: 20px
}

.c2title-buttonarea label,.c2title-buttonarea2 label,.c2title-buttonarea3 label {
    width: 100%;
    height: 100%;
    margin: 2px 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-color: #ccc;
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(18,83,154,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.c2title-buttonarea label i,.c2title-buttonarea2 label i,.c2title-buttonarea3 label i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(18,83,154,0.5)
}

.c2title-buttonarea label:hover,.c2title-buttonarea2 label:hover,.c2title-buttonarea3 label:hover {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    text-decoration: none;
    color: #12539a
}

.c2title-buttonarea label:hover i,.c2title-buttonarea2 label:hover i,.c2title-buttonarea3 label:hover i {
    color: #12539a
}

.c2title-buttonarea label:active,.c2title-buttonarea2 label:active,.c2title-buttonarea3 label:active {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    top: 1px
}

.c2title-buttonarea label.disabled,.c2title-buttonarea2 label.disabled,.c2title-buttonarea3 label.disabled {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: none
}

.c2title-buttonarea label.disabled:hover,.c2title-buttonarea2 label.disabled:hover,.c2title-buttonarea3 label.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.disabled:active,.c2title-buttonarea2 label.disabled:active,.c2title-buttonarea3 label.disabled:active {
    top: 0px
}

.c2title-buttonarea label.disabled.selected,.c2title-buttonarea2 label.disabled.selected,.c2title-buttonarea3 label.disabled.selected {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: none !important
}

.c2title-buttonarea label:hover,.c2title-buttonarea2 label:hover,.c2title-buttonarea3 label:hover {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #155fb1;
    background-image: linear-gradient(to bottom, #176cc8, #155fb1);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;padding: 10px 0
}

.c2title-buttonarea label:hover i,.c2title-buttonarea2 label:hover i,.c2title-buttonarea3 label:hover i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label:hover:hover,.c2title-buttonarea2 label:hover:hover,.c2title-buttonarea3 label:hover:hover {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label:hover:hover i,.c2title-buttonarea2 label:hover:hover i,.c2title-buttonarea3 label:hover:hover i {
    color: #fff
}

.c2title-buttonarea label:hover:active,.c2title-buttonarea2 label:hover:active,.c2title-buttonarea3 label:hover:active {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #155fb1, #12539a);
    top: 1px
}

.c2title-buttonarea label:hover.disabled,.c2title-buttonarea2 label:hover.disabled,.c2title-buttonarea3 label:hover.disabled {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none
}

.c2title-buttonarea label:hover.disabled:hover,.c2title-buttonarea2 label:hover.disabled:hover,.c2title-buttonarea3 label:hover.disabled:hover {
    background-image: none
}

.c2title-buttonarea label:hover.disabled:active,.c2title-buttonarea2 label:hover.disabled:active,.c2title-buttonarea3 label:hover.disabled:active {
    top: 0px
}

.c2title-buttonarea label:hover.disabled.selected,.c2title-buttonarea2 label:hover.disabled.selected,.c2title-buttonarea3 label:hover.disabled.selected {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none !important
}

.c2title-buttonarea label.disabled,.c2title-buttonarea2 label.disabled,.c2title-buttonarea3 label.disabled {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;text-decoration: none !important;
    cursor: auto
}

.c2title-buttonarea label.disabled i,.c2title-buttonarea2 label.disabled i,.c2title-buttonarea3 label.disabled i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.c2title-buttonarea label.disabled:hover,.c2title-buttonarea2 label.disabled:hover,.c2title-buttonarea3 label.disabled:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.c2title-buttonarea label.disabled:hover i,.c2title-buttonarea2 label.disabled:hover i,.c2title-buttonarea3 label.disabled:hover i {
    color: #333
}

.c2title-buttonarea label.disabled:active,.c2title-buttonarea2 label.disabled:active,.c2title-buttonarea3 label.disabled:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.c2title-buttonarea label.disabled.disabled,.c2title-buttonarea2 label.disabled.disabled,.c2title-buttonarea3 label.disabled.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.c2title-buttonarea label.disabled.disabled:hover,.c2title-buttonarea2 label.disabled.disabled:hover,.c2title-buttonarea3 label.disabled.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.disabled.disabled:active,.c2title-buttonarea2 label.disabled.disabled:active,.c2title-buttonarea3 label.disabled.disabled:active {
    top: 0px
}

.c2title-buttonarea label.disabled.disabled.selected,.c2title-buttonarea2 label.disabled.disabled.selected,.c2title-buttonarea3 label.disabled.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.c2title-buttonarea label.disabled.selected,.c2title-buttonarea2 label.disabled.selected,.c2title-buttonarea3 label.disabled.selected {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.c2title-buttonarea label.disabled.selected i,.c2title-buttonarea2 label.disabled.selected i,.c2title-buttonarea3 label.disabled.selected i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.c2title-buttonarea label.disabled.selected:hover,.c2title-buttonarea2 label.disabled.selected:hover,.c2title-buttonarea3 label.disabled.selected:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.c2title-buttonarea label.disabled.selected:hover i,.c2title-buttonarea2 label.disabled.selected:hover i,.c2title-buttonarea3 label.disabled.selected:hover i {
    color: #333
}

.c2title-buttonarea label.disabled.selected:active,.c2title-buttonarea2 label.disabled.selected:active,.c2title-buttonarea3 label.disabled.selected:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.c2title-buttonarea label.disabled.selected.disabled,.c2title-buttonarea2 label.disabled.selected.disabled,.c2title-buttonarea3 label.disabled.selected.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.c2title-buttonarea label.disabled.selected.disabled:hover,.c2title-buttonarea2 label.disabled.selected.disabled:hover,.c2title-buttonarea3 label.disabled.selected.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.disabled.selected.disabled:active,.c2title-buttonarea2 label.disabled.selected.disabled:active,.c2title-buttonarea3 label.disabled.selected.disabled:active {
    top: 0px
}

.c2title-buttonarea label.disabled.selected.disabled.selected,.c2title-buttonarea2 label.disabled.selected.disabled.selected,.c2title-buttonarea3 label.disabled.selected.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.c2title-buttonarea label.selected,.c2title-buttonarea2 label.selected,.c2title-buttonarea3 label.selected {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #155fb1;
    background-image: linear-gradient(to bottom, #176cc8, #155fb1);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.c2title-buttonarea label.selected i,.c2title-buttonarea2 label.selected i,.c2title-buttonarea3 label.selected i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.selected:hover,.c2title-buttonarea2 label.selected:hover,.c2title-buttonarea3 label.selected:hover {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.selected:hover i,.c2title-buttonarea2 label.selected:hover i,.c2title-buttonarea3 label.selected:hover i {
    color: #fff
}

.c2title-buttonarea label.selected:active,.c2title-buttonarea2 label.selected:active,.c2title-buttonarea3 label.selected:active {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #155fb1, #12539a);
    top: 1px
}

.c2title-buttonarea label.selected.disabled,.c2title-buttonarea2 label.selected.disabled,.c2title-buttonarea3 label.selected.disabled {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none
}

.c2title-buttonarea label.selected.disabled:hover,.c2title-buttonarea2 label.selected.disabled:hover,.c2title-buttonarea3 label.selected.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.selected.disabled:active,.c2title-buttonarea2 label.selected.disabled:active,.c2title-buttonarea3 label.selected.disabled:active {
    top: 0px
}

.c2title-buttonarea label.selected.disabled.selected,.c2title-buttonarea2 label.selected.disabled.selected,.c2title-buttonarea3 label.selected.disabled.selected {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none !important
}

.c2title-buttonarea label.color_BK,.c2title-buttonarea2 label.color_BK,.c2title-buttonarea3 label.color_BK {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #0d0d0d;
    background-image: linear-gradient(to bottom, #1a1a1a, #0d0d0d);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_BK i,.c2title-buttonarea2 label.color_BK i,.c2title-buttonarea3 label.color_BK i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_BK:hover,.c2title-buttonarea2 label.color_BK:hover,.c2title-buttonarea3 label.color_BK:hover {
    background-color: #000;
    background-image: linear-gradient(to bottom, #050505, #000);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_BK:hover i,.c2title-buttonarea2 label.color_BK:hover i,.c2title-buttonarea3 label.color_BK:hover i {
    color: #fff
}

.c2title-buttonarea label.color_BK:active,.c2title-buttonarea2 label.color_BK:active,.c2title-buttonarea3 label.color_BK:active {
    background-color: #000;
    background-image: linear-gradient(to bottom, #0d0d0d, #000);
    top: 1px
}

.c2title-buttonarea label.color_BK.disabled,.c2title-buttonarea2 label.color_BK.disabled,.c2title-buttonarea3 label.color_BK.disabled {
    background-color: #000;
    background-image: linear-gradient(to bottom, #050505, #000);
    background-image: none
}

.c2title-buttonarea label.color_BK.disabled:hover,.c2title-buttonarea2 label.color_BK.disabled:hover,.c2title-buttonarea3 label.color_BK.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_BK.disabled:active,.c2title-buttonarea2 label.color_BK.disabled:active,.c2title-buttonarea3 label.color_BK.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_BK.disabled.selected,.c2title-buttonarea2 label.color_BK.disabled.selected,.c2title-buttonarea3 label.color_BK.disabled.selected {
    background-color: #000;
    background-image: linear-gradient(to bottom, #050505, #000);
    background-image: none !important
}

.c2title-buttonarea label.color_BK:hover,.c2title-buttonarea2 label.color_BK:hover,.c2title-buttonarea3 label.color_BK:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_SG,.c2title-buttonarea2 label.color_SG,.c2title-buttonarea3 label.color_SG {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #d9d9d9;
    background-image: linear-gradient(to bottom, #e6e6e6, #d9d9d9);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_SG i,.c2title-buttonarea2 label.color_SG i,.c2title-buttonarea3 label.color_SG i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.c2title-buttonarea label.color_SG:hover,.c2title-buttonarea2 label.color_SG:hover,.c2title-buttonarea3 label.color_SG:hover {
    background-color: #ccc;
    background-image: linear-gradient(to bottom, #d1d1d1, #ccc);
    text-decoration: none;
    color: #333
}

.c2title-buttonarea label.color_SG:hover i,.c2title-buttonarea2 label.color_SG:hover i,.c2title-buttonarea3 label.color_SG:hover i {
    color: #333
}

.c2title-buttonarea label.color_SG:active,.c2title-buttonarea2 label.color_SG:active,.c2title-buttonarea3 label.color_SG:active {
    background-color: #ccc;
    background-image: linear-gradient(to bottom, #d9d9d9, #ccc);
    top: 1px
}

.c2title-buttonarea label.color_SG.disabled,.c2title-buttonarea2 label.color_SG.disabled,.c2title-buttonarea3 label.color_SG.disabled {
    background-color: #ccc;
    background-image: linear-gradient(to bottom, #d1d1d1, #ccc);
    background-image: none
}

.c2title-buttonarea label.color_SG.disabled:hover,.c2title-buttonarea2 label.color_SG.disabled:hover,.c2title-buttonarea3 label.color_SG.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_SG.disabled:active,.c2title-buttonarea2 label.color_SG.disabled:active,.c2title-buttonarea3 label.color_SG.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_SG.disabled.selected,.c2title-buttonarea2 label.color_SG.disabled.selected,.c2title-buttonarea3 label.color_SG.disabled.selected {
    background-color: #ccc;
    background-image: linear-gradient(to bottom, #d1d1d1, #ccc);
    background-image: none !important
}

.c2title-buttonarea label.color_SG:hover,.c2title-buttonarea2 label.color_SG:hover,.c2title-buttonarea3 label.color_SG:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_OR,.c2title-buttonarea2 label.color_OR,.c2title-buttonarea3 label.color_OR {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #d7792b;
    background-image: linear-gradient(to bottom, #db8741, #d7792b);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_OR i,.c2title-buttonarea2 label.color_OR i,.c2title-buttonarea3 label.color_OR i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_OR:hover,.c2title-buttonarea2 label.color_OR:hover,.c2title-buttonarea3 label.color_OR:hover {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_OR:hover i,.c2title-buttonarea2 label.color_OR:hover i,.c2title-buttonarea3 label.color_OR:hover i {
    color: #fff
}

.c2title-buttonarea label.color_OR:active,.c2title-buttonarea2 label.color_OR:active,.c2title-buttonarea3 label.color_OR:active {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #d7792b, #c46d25);
    top: 1px
}

.c2title-buttonarea label.color_OR.disabled,.c2title-buttonarea2 label.color_OR.disabled,.c2title-buttonarea3 label.color_OR.disabled {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    background-image: none
}

.c2title-buttonarea label.color_OR.disabled:hover,.c2title-buttonarea2 label.color_OR.disabled:hover,.c2title-buttonarea3 label.color_OR.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_OR.disabled:active,.c2title-buttonarea2 label.color_OR.disabled:active,.c2title-buttonarea3 label.color_OR.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_OR.disabled.selected,.c2title-buttonarea2 label.color_OR.disabled.selected,.c2title-buttonarea3 label.color_OR.disabled.selected {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    background-image: none !important
}

.c2title-buttonarea label.color_OR:hover,.c2title-buttonarea2 label.color_OR:hover,.c2title-buttonarea3 label.color_OR:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_RD,.c2title-buttonarea2 label.color_RD,.c2title-buttonarea3 label.color_RD {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #d64d53;
    background-image: linear-gradient(to bottom, #db6167, #d64d53);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_RD i,.c2title-buttonarea2 label.color_RD i,.c2title-buttonarea3 label.color_RD i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_RD:hover,.c2title-buttonarea2 label.color_RD:hover,.c2title-buttonarea3 label.color_RD:hover {
    background-color: #D1383F;
    background-image: linear-gradient(to bottom, #d34047, #D1383F);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_RD:hover i,.c2title-buttonarea2 label.color_RD:hover i,.c2title-buttonarea3 label.color_RD:hover i {
    color: #fff
}

.c2title-buttonarea label.color_RD:active,.c2title-buttonarea2 label.color_RD:active,.c2title-buttonarea3 label.color_RD:active {
    background-color: #D1383F;
    background-image: linear-gradient(to bottom, #d64d53, #D1383F);
    top: 1px
}

.c2title-buttonarea label.color_RD.disabled,.c2title-buttonarea2 label.color_RD.disabled,.c2title-buttonarea3 label.color_RD.disabled {
    background-color: #D1383F;
    background-image: linear-gradient(to bottom, #d34047, #D1383F);
    background-image: none
}

.c2title-buttonarea label.color_RD.disabled:hover,.c2title-buttonarea2 label.color_RD.disabled:hover,.c2title-buttonarea3 label.color_RD.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_RD.disabled:active,.c2title-buttonarea2 label.color_RD.disabled:active,.c2title-buttonarea3 label.color_RD.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_RD.disabled.selected,.c2title-buttonarea2 label.color_RD.disabled.selected,.c2title-buttonarea3 label.color_RD.disabled.selected {
    background-color: #D1383F;
    background-image: linear-gradient(to bottom, #d34047, #D1383F);
    background-image: none !important
}

.c2title-buttonarea label.color_RD:hover,.c2title-buttonarea2 label.color_RD:hover,.c2title-buttonarea3 label.color_RD:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_BL,.c2title-buttonarea2 label.color_BL,.c2title-buttonarea3 label.color_BL {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #155fb1;
    background-image: linear-gradient(to bottom, #176cc8, #155fb1);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_BL i,.c2title-buttonarea2 label.color_BL i,.c2title-buttonarea3 label.color_BL i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_BL:hover,.c2title-buttonarea2 label.color_BL:hover,.c2title-buttonarea3 label.color_BL:hover {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_BL:hover i,.c2title-buttonarea2 label.color_BL:hover i,.c2title-buttonarea3 label.color_BL:hover i {
    color: #fff
}

.c2title-buttonarea label.color_BL:active,.c2title-buttonarea2 label.color_BL:active,.c2title-buttonarea3 label.color_BL:active {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #155fb1, #12539a);
    top: 1px
}

.c2title-buttonarea label.color_BL.disabled,.c2title-buttonarea2 label.color_BL.disabled,.c2title-buttonarea3 label.color_BL.disabled {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none
}

.c2title-buttonarea label.color_BL.disabled:hover,.c2title-buttonarea2 label.color_BL.disabled:hover,.c2title-buttonarea3 label.color_BL.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_BL.disabled:active,.c2title-buttonarea2 label.color_BL.disabled:active,.c2title-buttonarea3 label.color_BL.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_BL.disabled.selected,.c2title-buttonarea2 label.color_BL.disabled.selected,.c2title-buttonarea3 label.color_BL.disabled.selected {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none !important
}

.c2title-buttonarea label.color_BL:hover,.c2title-buttonarea2 label.color_BL:hover,.c2title-buttonarea3 label.color_BL:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_YW,.c2title-buttonarea2 label.color_YW,.c2title-buttonarea3 label.color_YW {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #ddcc48;
    background-image: linear-gradient(to bottom, #e1d25d, #ddcc48);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_YW i,.c2title-buttonarea2 label.color_YW i,.c2title-buttonarea3 label.color_YW i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_YW:hover,.c2title-buttonarea2 label.color_YW:hover,.c2title-buttonarea3 label.color_YW:hover {
    background-color: #D9C632;
    background-image: linear-gradient(to bottom, #dbc83b, #D9C632);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_YW:hover i,.c2title-buttonarea2 label.color_YW:hover i,.c2title-buttonarea3 label.color_YW:hover i {
    color: #fff
}

.c2title-buttonarea label.color_YW:active,.c2title-buttonarea2 label.color_YW:active,.c2title-buttonarea3 label.color_YW:active {
    background-color: #D9C632;
    background-image: linear-gradient(to bottom, #ddcc48, #D9C632);
    top: 1px
}

.c2title-buttonarea label.color_YW.disabled,.c2title-buttonarea2 label.color_YW.disabled,.c2title-buttonarea3 label.color_YW.disabled {
    background-color: #D9C632;
    background-image: linear-gradient(to bottom, #dbc83b, #D9C632);
    background-image: none
}

.c2title-buttonarea label.color_YW.disabled:hover,.c2title-buttonarea2 label.color_YW.disabled:hover,.c2title-buttonarea3 label.color_YW.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_YW.disabled:active,.c2title-buttonarea2 label.color_YW.disabled:active,.c2title-buttonarea3 label.color_YW.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_YW.disabled.selected,.c2title-buttonarea2 label.color_YW.disabled.selected,.c2title-buttonarea3 label.color_YW.disabled.selected {
    background-color: #D9C632;
    background-image: linear-gradient(to bottom, #dbc83b, #D9C632);
    background-image: none !important
}

.c2title-buttonarea label.color_YW:hover,.c2title-buttonarea2 label.color_YW:hover,.c2title-buttonarea3 label.color_YW:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_SK,.c2title-buttonarea2 label.color_SK,.c2title-buttonarea3 label.color_SK {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #f5f5e7;
    background-image: linear-gradient(to bottom, #fcfcf9, #f5f5e7);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_SK i,.c2title-buttonarea2 label.color_SK i,.c2title-buttonarea3 label.color_SK i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.c2title-buttonarea label.color_SK:hover,.c2title-buttonarea2 label.color_SK:hover,.c2title-buttonarea3 label.color_SK:hover {
    background-color: #EDEDD5;
    background-image: linear-gradient(to bottom, #f0f0dc, #EDEDD5);
    text-decoration: none;
    color: #333
}

.c2title-buttonarea label.color_SK:hover i,.c2title-buttonarea2 label.color_SK:hover i,.c2title-buttonarea3 label.color_SK:hover i {
    color: #333
}

.c2title-buttonarea label.color_SK:active,.c2title-buttonarea2 label.color_SK:active,.c2title-buttonarea3 label.color_SK:active {
    background-color: #EDEDD5;
    background-image: linear-gradient(to bottom, #f5f5e7, #EDEDD5);
    top: 1px
}

.c2title-buttonarea label.color_SK.disabled,.c2title-buttonarea2 label.color_SK.disabled,.c2title-buttonarea3 label.color_SK.disabled {
    background-color: #EDEDD5;
    background-image: linear-gradient(to bottom, #f0f0dc, #EDEDD5);
    background-image: none
}

.c2title-buttonarea label.color_SK.disabled:hover,.c2title-buttonarea2 label.color_SK.disabled:hover,.c2title-buttonarea3 label.color_SK.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_SK.disabled:active,.c2title-buttonarea2 label.color_SK.disabled:active,.c2title-buttonarea3 label.color_SK.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_SK.disabled.selected,.c2title-buttonarea2 label.color_SK.disabled.selected,.c2title-buttonarea3 label.color_SK.disabled.selected {
    background-color: #EDEDD5;
    background-image: linear-gradient(to bottom, #f0f0dc, #EDEDD5);
    background-image: none !important
}

.c2title-buttonarea label.color_SK:hover,.c2title-buttonarea2 label.color_SK:hover,.c2title-buttonarea3 label.color_SK:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.c2title-buttonarea label.color_CR,.c2title-buttonarea2 label.color_CR,.c2title-buttonarea3 label.color_CR {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #707070;
    background-image: linear-gradient(to bottom, #7d7d7d, #707070);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;margin-left: 3px;
    margin-right: 0
}

.c2title-buttonarea label.color_CR i,.c2title-buttonarea2 label.color_CR i,.c2title-buttonarea3 label.color_CR i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.c2title-buttonarea label.color_CR:hover,.c2title-buttonarea2 label.color_CR:hover,.c2title-buttonarea3 label.color_CR:hover {
    background-color: #636363;
    background-image: linear-gradient(to bottom, #686868, #636363);
    text-decoration: none;
    color: #fff
}

.c2title-buttonarea label.color_CR:hover i,.c2title-buttonarea2 label.color_CR:hover i,.c2title-buttonarea3 label.color_CR:hover i {
    color: #fff
}

.c2title-buttonarea label.color_CR:active,.c2title-buttonarea2 label.color_CR:active,.c2title-buttonarea3 label.color_CR:active {
    background-color: #636363;
    background-image: linear-gradient(to bottom, #707070, #636363);
    top: 1px
}

.c2title-buttonarea label.color_CR.disabled,.c2title-buttonarea2 label.color_CR.disabled,.c2title-buttonarea3 label.color_CR.disabled {
    background-color: #636363;
    background-image: linear-gradient(to bottom, #686868, #636363);
    background-image: none
}

.c2title-buttonarea label.color_CR.disabled:hover,.c2title-buttonarea2 label.color_CR.disabled:hover,.c2title-buttonarea3 label.color_CR.disabled:hover {
    background-image: none
}

.c2title-buttonarea label.color_CR.disabled:active,.c2title-buttonarea2 label.color_CR.disabled:active,.c2title-buttonarea3 label.color_CR.disabled:active {
    top: 0px
}

.c2title-buttonarea label.color_CR.disabled.selected,.c2title-buttonarea2 label.color_CR.disabled.selected,.c2title-buttonarea3 label.color_CR.disabled.selected {
    background-color: #636363;
    background-image: linear-gradient(to bottom, #686868, #636363);
    background-image: none !important
}

.c2title-buttonarea label.color_CR:hover,.c2title-buttonarea2 label.color_CR:hover,.c2title-buttonarea3 label.color_CR:hover {
    box-shadow: 0 0 0 1px #12539a;
    border: 1px solid #12539a
}

.btn-submit {
    border-radius: 4px;
    background-color: #ff8246;
    color: rgba(255,255,255,0.9);
    display: inline-block;
    font-size: 15px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    zoom:1;font-weight: bold;
    margin: 10px 0
}

.btn-submit i {
    color: rgba(255,255,255,0.5);
    font-size: 130%;
    margin-right: 5px
}

.btn-submit:hover {
    background: #ff8950;
    color: #fff;
    text-decoration: none
}

.btn-submit:hover i {
    color: #fff
}

.btn-submit:active {
    background: #ff9360;
    top: 1px
}

.btn-submit.disabled {
    background: #ff8950
}

.btn-submit.disabled:active {
    top: 0
}

.btn-submit.disabled.selected {
    background: #ff8950
}

.entry table td a.btn-buy {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
    zoom:1;margin: 0 !important;
    padding: 5px 2px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2)
}

.entry table td a.btn-buy i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.entry table td a.btn-buy:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.entry table td a.btn-buy:hover i {
    color: #333
}

.entry table td a.btn-buy:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.entry table td a.btn-buy.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.entry table td a.btn-buy.disabled:hover {
    background-image: none
}

.entry table td a.btn-buy.disabled:active {
    top: 0px
}

.entry table td a.btn-buy.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.entry table td a.btn-buy .glyphicon {
    height: 1em;
    position: relative;
    width: 1em
}

.entry table td a.btn-buy .glyphicon:before {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.entry table td a.btn-cad {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
    zoom:1;margin: 0 !important;
    padding: 4px 2px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2)
}

.entry table td a.btn-cad i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.entry table td a.btn-cad:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.entry table td a.btn-cad:hover i {
    color: #333
}

.entry table td a.btn-cad:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.entry table td a.btn-cad.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.entry table td a.btn-cad.disabled:hover {
    background-image: none
}

.entry table td a.btn-cad.disabled:active {
    top: 0px
}

.entry table td a.btn-cad.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.entry table td a.btn-cad span {
    font-size: 16px
}

.entry table td.hinban a {
    color: #12539a
}

.navi_botton_clear {
    text-align: right;
    padding: 5px 0;
    font-size: 13px
}

.powerstop_navi_botton_reset {
    text-align: right;
    padding: 0;
    margin-bottom: 20px;
    font-size: 13px
}

.c2title-buttonarea {
    overflow: hidden;
    *zoom:1}

.c2title-buttonarea input {
    display: none
}

.c2title-buttonarea label {
    height: 100%;
    padding: 10px 0
}

.c2title-buttonarea label:hover {
    height: 100%;
    padding: 10px 0
}

.c2title-buttonarea2 {
    overflow: hidden;
    *zoom:1}

.c2title-buttonarea2 label {
    float: left;
    width: 100px;
    margin-right: 3px
}

.c2title-buttonarea2 input[type="checkbox"] {
    display: none
}

.c2title-buttonarea3 {
    overflow: hidden;
    *zoom:1}

.c2title-buttonarea3 label {
    float: left;
    width: 70px;
    margin-right: 3px
}

.c2title-buttonarea3 input[type="checkbox"] {
    display: none
}

select.w100 {
    width: 100%
}

ul.c2title-teiketsu,ul.c2title-color {
    overflow: hidden;
    *zoom:1}

ul.c2title-teiketsu li,ul.c2title-color li {
    float: left;
    width: 68px;
    display: block;
    height: 81px;
    margin: 2px;
    background: #ccc;
    overflow: hidden
}

ul.c2title-teiketsu li img,ul.c2title-color li img {
    width: 64px;
    margin: 2px
}

ul.c2title-teiketsu li a,ul.c2title-color li a {
    display: block;
    border: 2px solid #ccc
}

ul.c2title-teiketsu li a:hover,ul.c2title-color li a:hover {
    border: 2px solid #12539a
}

ul.c2title-teiketsu li input,ul.c2title-color li input {
    display: none
}

ul.c2title-teiketsu.powerstop li,ul.powerstop.c2title-color li {
    height: 68px
}

ul.c2title-teiketsu.powerstop li figure,ul.powerstop.c2title-color li figure {
    height: 220px !important;
    width: 184px !important;
    font-size: 14px !important
}

ul.c2title-teiketsu.powerstop li label:hover figcaption,ul.powerstop.c2title-color li label:hover figcaption {
    color: #fff
}

ul.c2title-teiketsu.powerstop li.selected label figcaption,ul.powerstop.c2title-color li.selected label figcaption {
    color: #fff
}

ul.c2title-color li {
    float: left;
    width: 50px;
    height: 53px
}

ul.c2title-color li img {
    width: 46px
}

.powerstop_modal {
    width: 800px
}

.powerstop_modal ul.c2title-teiketsu li,.powerstop_modal ul.c2title-color li {
    width: 184px;
    height: 215px;
    padding: 0;
    background: #ddd
}

.powerstop_modal ul.c2title-teiketsu li img,.powerstop_modal ul.c2title-color li img {
    width: 180px;
    height: 180px
}

.powerstop_modal ul.c2title-teiketsu li figure,.powerstop_modal ul.c2title-color li figure {
    margin: 0
}

.powerstop_modal ul.c2title-teiketsu li figcaption,.powerstop_modal ul.c2title-color li figcaption {
    color: #333;
    padding: 0 3px;
    margin-top: -5px
}

.c2title-side-banaArea {
    margin: 0;
    margin-bottom: 15px
}

ul.c2title-side-linklist {
    font-size: 14px;
    padding: 5px
}

ul.c2title-side-linklist li {
    margin: 0px 5px;
    margin-bottom: 10px;
    padding-left: 18px;
    background: url(../img/icon/arrow_2.png) 0 3px no-repeat
}

ul.c2title-side-linklist li a {
    color: #0071c5
}

.tuikakou_modal .modal-dialog {
    margin: 100px auto
}

.tuikakou_modal .modal-dialog .modal-header {
    position: relative
}

.tuikakou_modal .modal-dialog .modal-header #addUiCloseBtn {
    display: none;
    position: absolute;
    right: 20px;
    top: 100px;
    width: 210px
}

.tuikakou_modal .modal-dialog .modal-header #addUiCloseBtn #SingleAdditionalWorkSelectUiCloseBtn,.tuikakou_modal .modal-dialog .modal-header #addUiCloseBtn #AdditionalWorkSelectUiCloseBtn {
    text-align: center;
    width: 200px
}
.tuikakou_modal .modal-dialog .modal-header #addUiCloseBtn #AdditionalWorkSelectUiCloseBtn.btn-pulley-handle{
    z-index: 999;
}

.tuikakou_modal .modal-dialog .modal-header .title_nezi {
    font-size: 20px;
    font-weight: bold
}

.tuikakou_modal .modal-dialog #part_number {
    border: none
}

.tuikakou_modal .modal-dialog h4 {
    margin-top: 0;
    padding-top: 0
}

.tuikakou_modal .modal-dialog .col div {
    border: 1px solid #ddd;
    margin-left: 5px;
    padding: 10px
}

.tuikakou_modal .modal-dialog.tsuika {
    width: 850px
}

.tuikakou_modal .modal-dialog.tsuika .unitSwitcherSelector {
    margin: .34em 0
}

.tuikakou_modal .modal-dialog.tsuika .unitSwitcherSelector input[type=radio] {
    height: 1em;
    width: 1em
}

.tuikakou_modal .modal-dialog.tsuika .unitSwitcherContent {
    display: inline-block;
    margin: .34em 0;
    width: 120px
}

.tuikakou_modal .modal-dialog.tsuika .unitSwitcherContent.is-inch {
    display: none
}

.tuikakou_modal .modal-dialog.tsuika .unitSwitcherContent select,.tuikakou_modal .modal-dialog.tsuika .unitSwitcherContent input[type=text] {
    padding: 1px 0;
    width: 80px
}

.tuikakou_modal .modal-dialog.tsuika label {
    cursor: pointer;
    width: 80px
}

.tuikakou_modal .modal-dialog.tsuika label input[type="radio"],.tuikakou_modal .modal-dialog.tsuika label input[type="checkbox"] {
    cursor: pointer;
    cursor: pointer;
    display: block;
    float: left;
    height: 1.2em;
    margin: 4px 7px;
    margin-left: 10px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    width: 1.2em
}

.tuikakou_modal .modal-dialog.tsuika .buy {
    min-width: 80px
}

.tuikakou_modal .modal-dialog.pulley {
    width: 480px
}

.tuikakou_modal .modal-dialog table.pully_modal_table select {
    width: 100% !important
}

.tuikakou_modal .modal-dialog table.pully_modal_table .part_unitadd select {
    width: 70% !important
}

.tuikakou_modal .modal-dialog table.pully_modal_table a.btn-buy {
    width: 100% !important
}

.tuikakou_modal .modal-dialog .t_hinban {
    margin-left: 10px;
    padding: 5px;
/*    width: 700px;*/
    width: calc(100% - 6.25em);
}

.tuikakou_modal .modal-dialog .t_hinban100 {
    padding: 5px;
    width: 100%
}

.tuikakou_modal .modal-dialog #bushing_side,.tuikakou_modal .modal-dialog #bolt_side {
    margin: 20px 0
}

.tuikakou_modal .modal-dialog .modal-body {
    position: relative
}

.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi,.tuikakou_modal .modal-dialog .modal-body #SingleAdditionalWorkSelectUi {
    background-color: #fff;
    border-radius: 6px;
    display: none;
    left: 0;
    overflow: hidden;
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    width: 99%
}

.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi table,.tuikakou_modal .modal-dialog .modal-body #SingleAdditionalWorkSelectUi table {
    margin: 0 auto;
    width: 90%
}
.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.pulley_handle{
    padding: 3px 8px;
    width: 100%;
}
.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.only_handle{
    padding: 3px 8px;
    width: 100%;
    height: 100%;
}
.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.pulley_handle table,.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.only_handle table{
    margin:0;
    width:auto;
}
.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.pulley_handle table tr td,.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi.only_handle table tr td{
    border: 1px solid #c7cfd5 !important;
}

.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi table tr,.tuikakou_modal .modal-dialog .modal-body #SingleAdditionalWorkSelectUi table tr {
    background-color: #fff !important
}

.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi table tr td,.tuikakou_modal .modal-dialog .modal-body #SingleAdditionalWorkSelectUi table tr td {
    border: none !important;
    padding-bottom: 12px;
    text-align: center
}

.tuikakou_modal .modal-dialog .modal-body #AdditionalWorkSelectUi table tr td a._disabled,.tuikakou_modal .modal-dialog .modal-body #SingleAdditionalWorkSelectUi table tr td a._disabled {
    opacity: 0.5;
    pointer-events: none
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable {
    margin-top: 15px
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard th,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard td,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable th,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable td {
    text-align: center
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard th input[type="text"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard td input[type="text"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable th input[type="text"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable td input[type="text"] {
    text-align: center
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard th input[name="cartAmount"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard td input[name="cartAmount"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable th input[name="cartAmount"],.tuikakou_modal .modal-dialog .modal-body #targetWorkTable td input[name="cartAmount"] {
    text-align: right !important
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard td select,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable td select {
    width: auto !important
}

.tuikakou_modal .modal-dialog .modal-body #targetWorkTable_standard th.screw_op,.tuikakou_modal .modal-dialog .modal-body #targetWorkTable th.screw_op {
    width: 140px
}

.tuikakou_modal .modal-dialog .modal-body .btn.btn-primary.refresh {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px
}

.tuikakou_modal .modal-dialog .modal-body .spec_price th,.tuikakou_modal .modal-dialog .modal-body .spec_price td {
    text-align: center
}

.tuikakou_modal .modal-dialog .modal-body .flanged_kakoukigou dl ,.select_kakoukigou dl {
    overflow: hidden;
    *zoom:1}

.tuikakou_modal .modal-dialog .modal-body .flanged_kakoukigou dl dt ,.select_kakoukigou dl dt{
    display: block;
    float: left;
    width: 80px
}

.tuikakou_modal .modal-dialog .modal-body .flanged_kakoukigou dl dt input ,.select_kakoukigou dl dt input {
    display: block;
    width: 100%;
}

.tuikakou_modal .modal-dialog .modal-body .flanged_kakoukigou dl dd ,.select_kakoukigou dl dd {
    display: block;
    float: left;
    margin-left: 3px;
    width: 70px
}

.tuikakou_modal .modal-dialog .modal-body ,.kakoukigou_select_btn ,.tuikakou_modal ,.modal-dialog ,.modal-body ,.singlekakoukigou_select_btn {
    font-size: 0.9em !important;
    padding: 3px 8px !important
}


.kakou_info{
    width: 100%;
    height: 200px;
}
.kakoukigou_title, .kakoutype_title{
    background-color: #97b2be; 
    color: white !important;
    width: 55%;
    text-align: center !important;
}
.kakoukigou_image,.kakoukigou_info,.kakoutype_info{
    background-color: white;
    text-align: center !important;
}


.cart_modal table {
    width: 70%;
    margin: 20px auto
}

.cart_modal .searchButtonArea {
    width: 400px;
    margin: 0 auto;
    text-align: center
}

.cart_modal .searchButtonArea a {
    padding: 0 40px !important;
    margin: 5px
}

.cart_modal .searchButtonArea a.btn-default {
    padding: 0 20px !important;
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
    zoom:1}

.cart_modal .searchButtonArea a.btn-default i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.cart_modal .searchButtonArea a.btn-default:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.cart_modal .searchButtonArea a.btn-default:hover i {
    color: #333
}

.cart_modal .searchButtonArea a.btn-default:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.cart_modal .searchButtonArea a.btn-default.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.cart_modal .searchButtonArea a.btn-default.disabled:hover {
    background-image: none
}

.cart_modal .searchButtonArea a.btn-default.disabled:active {
    top: 0px
}

.cart_modal .searchButtonArea a.btn-default.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.pulley_modal {
    width: 800px
}

.pulley_modal .search_after_add {
    width: 100%;
    padding: 0;
    margin-bottom: 0
}

.pulley_modal .search_after_add h3,.pulley_modal .search_after_add .entry .Magkind,.entry .pulley_modal .search_after_add .Magkind {
    margin: 0;
    background: none
}

.pulley_modal .search_after_add h4 {
    margin: 0;
    background: none;
    border: none
}

.pulley_modal2 {
    width: 900px
}

.pulley_modal2 ul {
    margin: 5px 10px
}

.pulley_modal2 ul#chkGroup {
    width: 100% !important
}

.pulley_modal2 ul#chkGroup li {
    list-style-type: none !important
}

.pulley_modal2 table.table td {
    font-size: 0.9em !important
}

.pulley_modal2 table.table td.vc {
    text-align: center
}

.pulley_modal2 table.table td.vc button {
    width: 100%;
    height: 40px
}

.pulley_modal2 button {
    width: 100%;
    height: 100%;
    margin: 2px 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-color: #ccc;
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(18,83,154,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.pulley_modal2 button i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(18,83,154,0.5)
}

.pulley_modal2 button:hover {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    text-decoration: none;
    color: #12539a
}

.pulley_modal2 button:hover i {
    color: #12539a
}

.pulley_modal2 button:active {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    top: 1px
}

.pulley_modal2 button.disabled {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: none
}

.pulley_modal2 button.disabled:hover {
    background-image: none
}

.pulley_modal2 button.disabled:active {
    top: 0px
}

.pulley_modal2 button.disabled.selected {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: none !important
}

.pulley_modal2 button:hover {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #155fb1;
    background-image: linear-gradient(to bottom, #176cc8, #155fb1);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;padding: 10px 0
}

.pulley_modal2 button:hover i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.pulley_modal2 button:hover:hover {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    text-decoration: none;
    color: #fff
}

.pulley_modal2 button:hover:hover i {
    color: #fff
}

.pulley_modal2 button:hover:active {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #155fb1, #12539a);
    top: 1px
}

.pulley_modal2 button:hover.disabled {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none
}

.pulley_modal2 button:hover.disabled:hover {
    background-image: none
}

.pulley_modal2 button:hover.disabled:active {
    top: 0px
}

.pulley_modal2 button:hover.disabled.selected {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none !important
}

.pulley_modal2 button.disabled {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1;text-decoration: none !important;
    cursor: auto
}

.pulley_modal2 button.disabled i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.pulley_modal2 button.disabled:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.pulley_modal2 button.disabled:hover i {
    color: #333
}

.pulley_modal2 button.disabled:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.pulley_modal2 button.disabled.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.pulley_modal2 button.disabled.disabled:hover {
    background-image: none
}

.pulley_modal2 button.disabled.disabled:active {
    top: 0px
}

.pulley_modal2 button.disabled.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.pulley_modal2 button.disabled.selected {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.pulley_modal2 button.disabled.selected i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.pulley_modal2 button.disabled.selected:hover {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    text-decoration: none;
    color: #333
}

.pulley_modal2 button.disabled.selected:hover i {
    color: #333
}

.pulley_modal2 button.disabled.selected:active {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #eaeaea, #ddd);
    top: 1px
}

.pulley_modal2 button.disabled.selected.disabled {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none
}

.pulley_modal2 button.disabled.selected.disabled:hover {
    background-image: none
}

.pulley_modal2 button.disabled.selected.disabled:active {
    top: 0px
}

.pulley_modal2 button.disabled.selected.disabled.selected {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #e2e2e2, #ddd);
    background-image: none !important
}

.pulley_modal2 button.selected {
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #155fb1;
    background-image: linear-gradient(to bottom, #176cc8, #155fb1);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
    zoom:1}

.pulley_modal2 button.selected i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(255,255,255,0.5)
}

.pulley_modal2 button.selected:hover {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    text-decoration: none;
    color: #fff
}

.pulley_modal2 button.selected:hover i {
    color: #fff
}

.pulley_modal2 button.selected:active {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #155fb1, #12539a);
    top: 1px
}

.pulley_modal2 button.selected.disabled {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none
}

.pulley_modal2 button.selected.disabled:hover {
    background-image: none
}

.pulley_modal2 button.selected.disabled:active {
    top: 0px
}

.pulley_modal2 button.selected.disabled.selected {
    background-color: #12539a;
    background-image: linear-gradient(to bottom, #1358a3, #12539a);
    background-image: none !important
}

.boxArea {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    margin: 0 auto
}

.boxArea .box,.boxArea .entry .bg_gray,.entry .boxArea .bg_gray,.boxArea .entry .bg_blue,.entry .boxArea .bg_blue,.boxArea .entry .ln_red,.entry .boxArea .ln_red,.boxArea .entry .ln_black,.entry .boxArea .ln_black,.boxArea .entry .ln_gray,.entry .boxArea .ln_gray,.boxArea .entry .ln_blue,.entry .boxArea .ln_blue {
    border: 1px solid #D1D2C2;
    background: #fff;
    font-size: 12px;
    line-height: 1.8em
}

.boxArea .box p,.boxArea .entry .bg_gray p,.entry .boxArea .bg_gray p,.boxArea .entry .bg_blue p,.entry .boxArea .bg_blue p,.boxArea .entry .ln_red p,.entry .boxArea .ln_red p,.boxArea .entry .ln_black p,.entry .boxArea .ln_black p,.boxArea .entry .ln_gray p,.entry .boxArea .ln_gray p,.boxArea .entry .ln_blue p,.entry .boxArea .ln_blue p {
    padding: 15px
}

.boxArea .box h3,.boxArea .entry .bg_gray h3,.entry .boxArea .bg_gray h3,.boxArea .entry .bg_blue h3,.entry .boxArea .bg_blue h3,.boxArea .entry .ln_red h3,.entry .boxArea .ln_red h3,.boxArea .entry .ln_black h3,.entry .boxArea .ln_black h3,.boxArea .entry .ln_gray h3,.entry .boxArea .ln_gray h3,.boxArea .entry .ln_blue h3,.entry .boxArea .ln_blue h3,.boxArea .box .entry .Magkind,.entry .boxArea .box .Magkind,.boxArea .entry .bg_gray .Magkind,.entry .boxArea .bg_gray .Magkind,.boxArea .entry .bg_blue .Magkind,.entry .boxArea .bg_blue .Magkind,.boxArea .entry .ln_red .Magkind,.entry .boxArea .ln_red .Magkind,.boxArea .entry .ln_black .Magkind,.entry .boxArea .ln_black .Magkind,.boxArea .entry .ln_gray .Magkind,.entry .boxArea .ln_gray .Magkind,.boxArea .entry .ln_blue .Magkind,.entry .boxArea .ln_blue .Magkind {
    margin: 15px 0;
    margin-bottom: 0px;
    font-size: 15px;
    padding: 0px;
    font-weight: bold
}

.boxArea .box h4,.boxArea .entry .bg_gray h4,.entry .boxArea .bg_gray h4,.boxArea .entry .bg_blue h4,.entry .boxArea .bg_blue h4,.boxArea .entry .ln_red h4,.entry .boxArea .ln_red h4,.boxArea .entry .ln_black h4,.entry .boxArea .ln_black h4,.boxArea .entry .ln_gray h4,.entry .boxArea .ln_gray h4,.boxArea .entry .ln_blue h4,.entry .boxArea .ln_blue h4 {
    background: #EFEFE5;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 5px
}

.boxArea .box ul,.boxArea .entry .bg_gray ul,.entry .boxArea .bg_gray ul,.boxArea .entry .bg_blue ul,.entry .boxArea .bg_blue ul,.boxArea .entry .ln_red ul,.entry .boxArea .ln_red ul,.boxArea .entry .ln_black ul,.entry .boxArea .ln_black ul,.boxArea .entry .ln_gray ul,.entry .boxArea .ln_gray ul,.boxArea .entry .ln_blue ul,.entry .boxArea .ln_blue ul {
    margin: 15px;
    padding-left: 22px
}

.boxArea .box ul li,.boxArea .entry .bg_gray ul li,.entry .boxArea .bg_gray ul li,.boxArea .entry .bg_blue ul li,.entry .boxArea .bg_blue ul li,.boxArea .entry .ln_red ul li,.entry .boxArea .ln_red ul li,.boxArea .entry .ln_black ul li,.entry .boxArea .ln_black ul li,.boxArea .entry .ln_gray ul li,.entry .boxArea .ln_gray ul li,.boxArea .entry .ln_blue ul li,.entry .boxArea .ln_blue ul li {
    list-style-type: disc
}

.boxArea .box h3,.boxArea .entry .bg_gray h3,.entry .boxArea .bg_gray h3,.boxArea .entry .bg_blue h3,.entry .boxArea .bg_blue h3,.boxArea .entry .ln_red h3,.entry .boxArea .ln_red h3,.boxArea .entry .ln_black h3,.entry .boxArea .ln_black h3,.boxArea .entry .ln_gray h3,.entry .boxArea .ln_gray h3,.boxArea .entry .ln_blue h3,.entry .boxArea .ln_blue h3,.boxArea .box .entry .Magkind,.entry .boxArea .box .Magkind,.boxArea .entry .bg_gray .Magkind,.entry .boxArea .bg_gray .Magkind,.boxArea .entry .bg_blue .Magkind,.entry .boxArea .bg_blue .Magkind,.boxArea .entry .ln_red .Magkind,.entry .boxArea .ln_red .Magkind,.boxArea .entry .ln_black .Magkind,.entry .boxArea .ln_black .Magkind,.boxArea .entry .ln_gray .Magkind,.entry .boxArea .ln_gray .Magkind,.boxArea .entry .ln_blue .Magkind,.entry .boxArea .ln_blue .Magkind {
    padding: 8px 15px
}

.boxArea .box h3.exclamation,.boxArea .entry .bg_gray h3.exclamation,.entry .boxArea .bg_gray h3.exclamation,.boxArea .entry .bg_blue h3.exclamation,.entry .boxArea .bg_blue h3.exclamation,.boxArea .entry .ln_red h3.exclamation,.entry .boxArea .ln_red h3.exclamation,.boxArea .entry .ln_black h3.exclamation,.entry .boxArea .ln_black h3.exclamation,.boxArea .entry .ln_gray h3.exclamation,.entry .boxArea .ln_gray h3.exclamation,.boxArea .entry .ln_blue h3.exclamation,.entry .boxArea .ln_blue h3.exclamation,.boxArea .box .entry .exclamation.Magkind,.entry .boxArea .box .exclamation.Magkind,.boxArea .entry .bg_gray .exclamation.Magkind,.entry .boxArea .bg_gray .exclamation.Magkind,.boxArea .entry .bg_blue .exclamation.Magkind,.entry .boxArea .bg_blue .exclamation.Magkind,.boxArea .entry .ln_red .exclamation.Magkind,.entry .boxArea .ln_red .exclamation.Magkind,.boxArea .entry .ln_black .exclamation.Magkind,.entry .boxArea .ln_black .exclamation.Magkind,.boxArea .entry .ln_gray .exclamation.Magkind,.entry .boxArea .ln_gray .exclamation.Magkind,.boxArea .entry .ln_blue .exclamation.Magkind,.entry .boxArea .ln_blue .exclamation.Magkind {
    padding-left: 45px;
    background: url(../img/icon_exclamation.png) 20px 7px no-repeat !important;
    font-weight: bold
}

.boxArea .box.bg,.boxArea .entry .bg.bg_gray,.entry .boxArea .bg.bg_gray,.boxArea .entry .bg.bg_blue,.entry .boxArea .bg.bg_blue,.boxArea .entry .bg.ln_red,.entry .boxArea .bg.ln_red,.boxArea .entry .bg.ln_black,.entry .boxArea .bg.ln_black,.boxArea .entry .bg.ln_gray,.entry .boxArea .bg.ln_gray,.boxArea .entry .bg.ln_blue,.entry .boxArea .bg.ln_blue {
    background: #DFE0CE
}

.boxArea.wArea {
    width: 963px;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: #D0D0BD 0px 0px 10px
}

.boxArea.f1 {
    overflow: hidden;
    *zoom:1;margin: 30px auto
}

.boxArea.f1 .box,.boxArea.f1 .entry .bg_gray,.entry .boxArea.f1 .bg_gray,.boxArea.f1 .entry .bg_blue,.entry .boxArea.f1 .bg_blue,.boxArea.f1 .entry .ln_red,.entry .boxArea.f1 .ln_red,.boxArea.f1 .entry .ln_black,.entry .boxArea.f1 .ln_black,.boxArea.f1 .entry .ln_gray,.entry .boxArea.f1 .ln_gray,.boxArea.f1 .entry .ln_blue,.entry .boxArea.f1 .ln_blue {
    border-radius: 5px
}

.boxArea.f1 .box p,.boxArea.f1 .entry .bg_gray p,.entry .boxArea.f1 .bg_gray p,.boxArea.f1 .entry .bg_blue p,.entry .boxArea.f1 .bg_blue p,.boxArea.f1 .entry .ln_red p,.entry .boxArea.f1 .ln_red p,.boxArea.f1 .entry .ln_black p,.entry .boxArea.f1 .ln_black p,.boxArea.f1 .entry .ln_gray p,.entry .boxArea.f1 .ln_gray p,.boxArea.f1 .entry .ln_blue p,.entry .boxArea.f1 .ln_blue p {
    padding: 5px 15px
}

.boxArea.f2 {
    overflow: hidden;
    *zoom:1}

.boxArea.f2 .box,.boxArea.f2 .entry .bg_gray,.entry .boxArea.f2 .bg_gray,.boxArea.f2 .entry .bg_blue,.entry .boxArea.f2 .bg_blue,.boxArea.f2 .entry .ln_red,.entry .boxArea.f2 .ln_red,.boxArea.f2 .entry .ln_black,.entry .boxArea.f2 .ln_black,.boxArea.f2 .entry .ln_gray,.entry .boxArea.f2 .ln_gray,.boxArea.f2 .entry .ln_blue,.entry .boxArea.f2 .ln_blue {
    width: 461px;
    float: left;
    margin: 4px;
    border-radius: 5px
}

.boxArea.f2 .box h3,.boxArea.f2 .entry .bg_gray h3,.entry .boxArea.f2 .bg_gray h3,.boxArea.f2 .entry .bg_blue h3,.entry .boxArea.f2 .bg_blue h3,.boxArea.f2 .entry .ln_red h3,.entry .boxArea.f2 .ln_red h3,.boxArea.f2 .entry .ln_black h3,.entry .boxArea.f2 .ln_black h3,.boxArea.f2 .entry .ln_gray h3,.entry .boxArea.f2 .ln_gray h3,.boxArea.f2 .entry .ln_blue h3,.entry .boxArea.f2 .ln_blue h3,.boxArea.f2 .box .entry .Magkind,.entry .boxArea.f2 .box .Magkind,.boxArea.f2 .entry .bg_gray .Magkind,.entry .boxArea.f2 .bg_gray .Magkind,.boxArea.f2 .entry .bg_blue .Magkind,.entry .boxArea.f2 .bg_blue .Magkind,.boxArea.f2 .entry .ln_red .Magkind,.entry .boxArea.f2 .ln_red .Magkind,.boxArea.f2 .entry .ln_black .Magkind,.entry .boxArea.f2 .ln_black .Magkind,.boxArea.f2 .entry .ln_gray .Magkind,.entry .boxArea.f2 .ln_gray .Magkind,.boxArea.f2 .entry .ln_blue .Magkind,.entry .boxArea.f2 .ln_blue .Magkind {
    background: #fff;
    border-bottom: 1px solid #D1D2C2
}

.boxArea.f2.boardkit {
    margin: 30px auto;
    width: 944px
}

.boxArea.f2.boardkit .box ul,.boxArea.f2.boardkit .entry .bg_gray ul,.entry .boxArea.f2.boardkit .bg_gray ul,.boxArea.f2.boardkit .entry .bg_blue ul,.entry .boxArea.f2.boardkit .bg_blue ul,.boxArea.f2.boardkit .entry .ln_red ul,.entry .boxArea.f2.boardkit .ln_red ul,.boxArea.f2.boardkit .entry .ln_black ul,.entry .boxArea.f2.boardkit .ln_black ul,.boxArea.f2.boardkit .entry .ln_gray ul,.entry .boxArea.f2.boardkit .ln_gray ul,.boxArea.f2.boardkit .entry .ln_blue ul,.entry .boxArea.f2.boardkit .ln_blue ul {
    padding: 14px 12px !important
}

.boxArea.f2.boardkit .bg p {
    height: 88px
}

hr.line {
    background: url(../img/search_tab_bg.png) 50% 100% no-repeat;
    border: none;
    height: 10px;
    margin: 0px
}

.tablestyle {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    border-radius: 5px;
    background: #fff;
    zoom:1;width: 930px;
    margin-bottom: 80px
}

.tablestyle th,.tablestyle td {
    padding: 15px 10px;
    font-size: 12px;
    border: 1px solid #EFEFE5
}

.tablestyle th {
    font-weight: bold;
    padding: 20px 10px;
    border-bottom: 3px solid #EFEFE5;
    white-space: nowrap
}

.tablestyle td {
    padding: 13px 10px
}

.tablestyle td.level {
    font-size: 22px;
    font-weight: bold;
    text-align: center
}

.tablestyle td.level span {
    font-size: 15px
}

.tablestyle td.maker {
    padding: 5px;
    text-align: center;
    width: 100px
}

.tablestyle td.course {
    font-weight: bold;
    font-size: 14px
}

.tablestyle td.link {
    width: 65px;
    padding: 5px;
    float: none
}

.endlinkArea {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    padding: 60px 0;
    text-align: center
}

.endlinkArea a {
    padding: 20px;
    font-size: 12px;
    color: #666;
    text-decoration: none
}

.endlinkArea .y_button {
    display: block;
    width: 320px;
    padding: 15px;
    margin: 0 auto;
    background: #FFFF00;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 10px;
    color: #000
}

.endlinkArea .y_button:hover {
    background: #000;
    color: #fff
}

.linklist {
    position: relative;
    width: 952px !important;
    margin: 0px auto !important;
    width: 900px;
    text-align: right;
    z-index: 1;
    margin-top: 20px
}

.linklist li {
    display: inline
}

.linklist li a {
    text-decoration: none
}

.errorpage {
    padding: 50px;
    margin: 50px;
    border: 1px solid #ddd;
    border-radius: 6px
}

.errorpage p {
    padding: 20px 0;
    line-height: 2em
}

.errorpage p.linktop {
    margin: 0;
    padding: 0;
    text-align: center
}

.errorpage p.linktop a {
    width: 300px
}

.search_result_comment {
    padding: 15px;
    margin: 10px 0;
    background: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #31708F;
    border-radius: 5px
}

.searchlist article {
    border-bottom: 1px solid #ccc;
    padding: 10px
}

.searchlist article p {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.searchlist article h2 {
    font-size: 15px;
    font-weight: bold
}

.searchlist article h2 span {
    background: #aaa;
    border: 1px solid #aaa;
    font-weight: normal;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 10px;
    color: #fff
}

.searchlist article h2 span.label-danger {
    background: #d9534f;
    border-radius: 0
}

.searchlist article h2 span.label-danger2 {
    border: 1px solid #d9534f;
    color: #d9534f;
    background: #fff;
    border-radius: 0
}

.gsc-wrapper b {
    font-weight: bold !important
}

ul.classification {
    border-bottom: 1px solid #ffffff;
    margin: 10px 20px 0 0;
    width: 690px
}

ul.classification li {
    display: block;
    float: left;
    margin: 0 0 10px;
    width: 130px
}

ul.classification li span {
    border: 1px solid #808080;
    margin: 0 5px 0 0;
    padding: 0 15px
}

span.d14 {
    background: #FFFFCC
}

span.d16 {
    background: #FFCCCC
}

span.d18 {
    background: #CC99FF
}

span.d20 {
    background: #B6D98E
}

span.d25 {
    background: #83AEDE
}

a.d14 {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #ffc
}

a.d16 {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #fcc
}

a.d18 {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #c9f
}

a.d20 {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #B6D98E
}

a.d25 {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #83AEDE
}

a.d14:hover {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #FFFFE5
}

a.d16:hover {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #FFE5E5
}

a.d18:hover {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #E5CCFF
}

a.d20:hover {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #DAECC6
}

a.d25:hover {
    background: url("../img/icon/sizelink.png") no-repeat right bottom #C1D6EE
}

.nezi_linkArea {
    position: relative;
    width: 623px;
    height: 186px
}

.nezi_linkArea ul {
    position: absolute;
    width: 623px !important;
    height: 186px;
    top: 0;
    left: 0
}

.nezi_linkArea ul li a {
    position: absolute;
    display: block;
    height: 23px;
    width: 70px;
    text-align: left;
    text-indent: -99999px !important
}

.nezi_linkArea ul li a.link1 {
    top: 17px;
    right: 220px
}

.nezi_linkArea ul li a.link2 {
    top: 17px;
    right: 8px;
    width: 80px
}

.nezi_linkArea ul li a.link3 {
    top: 60px;
    right: 8px;
    width: 50px
}

.nezi_linkArea ul li a.link4 {
    bottom: 45px;
    right: 35px
}

.nezi_linkArea ul li a.link5 {
    bottom: 8px;
    left: 200px
}

.nezi_linkArea ul li a.link6 {
    bottom: 10px;
    right: 8px
}

.caddownload_buttonArea {
    background: #e4ecf5;
    width: 911px;
    padding: 20px
}

.caddownload_buttonArea h3,.caddownload_buttonArea .entry .Magkind,.entry .caddownload_buttonArea .Magkind {
    background: none;
    text-align: center
}

.caddownload_buttonArea ul {
    overflow: hidden;
    width: 765px;
    margin: 0 auto
}

.caddownload_buttonArea ul li {
    list-style: none;
    float: left;
    width: 367px;
    margin: 0 5px
}

table.cadlist {
    overflow: hidden;
    margin: 15px;
    padding: 10px 20px;
    border: 2px solid #ccc;
    border-radius: 10px;
    width: 900px !important
}

table.cadlist th {
    background: #f0f0f0 !important
}

table.cadlist td {
    width: 25%;
    background: #fff !important;
    vertical-align: top
}

table.cadlist th a {
    color: #000;
    font-size: 15px;
    display: block;
    line-height: 40px
}

table.cadlist th a:hover {
    color: #12539a
}

table.cadlist th a img {
    height: 40px;
    float: left
}

table.cadlist ul {
    margin: 5px
}

table.cadlist li {
    font-size: 13px;
    list-style-type: none !important;
    background: url("../img/icon/circle_1_b.png") no-repeat scroll 0 7px rgba(0,0,0,0) !important;
    margin: 2px 0 !important;
    padding-left: 15px !important
}

table.cadlist li a {
    color: #000
}

table.cadlist li li {
    font-size: 12px;
    padding: 0 !important;
    padding-left: 15px !important;
    font-weight: normal;
    background: url("../img/icon/circle_1_g.png") no-repeat scroll 0 7px rgba(0,0,0,0) !important
}

table.cadlist ul.style2 {
    overflow: hidden
}

table.cadlist ul.style2 li {
    float: left;
    width: 200px
}

.nedzi_navi {
    background: #f0f0f0;
    margin: 20px auto;
    width: 700px;
    text-align: center;
    padding: 15px
}

.nedzi_navi ul li {
    list-style: none;
    display: inline
}

.nedzi_navi ul li img {
    margin-left: 1px
}

.nedzi_navi a {
    width: 300px
}

.abtest_clamperzeeA h1 {
    background: none;
    font-size: 27px;
    border-bottom: 1px solid #ccc;
    color: #000
}

.abtest_clamperzeeA h2 {
    font-weight: bold;
    color: #12539a;
    background: none;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeA figure {
    margin: 0
}

.abtest_clamperzeeA .pointBox {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    background: #ededed;
    margin-bottom: 20px
}

.abtest_clamperzeeA .pointBox .descArea {
    overflow: hidden;
    padding: 20px
}

.abtest_clamperzeeA .pointBox .descArea h2 {
    font-size: 30px;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #fff
}

.abtest_clamperzeeA .pointBox .descArea h2 span {
    color: #000;
    font-weight: normal;
    margin-right: 20px
}

.abtest_clamperzeeA .pointBox .descArea h3,.abtest_clamperzeeA .pointBox .descArea .entry .Magkind,.entry .abtest_clamperzeeA .pointBox .descArea .Magkind {
    background: none;
    font-size: 18px;
    color: #000;
    magin: 0;
    font-weight: normal
}

.abtest_clamperzeeA .pointBox .descArea .titleArea {
    width: 34%;
    float: left;
    margin-right: 20px
}

.abtest_clamperzeeA .pointBox .descArea .imgArea {
    width: 58%;
    float: left;
    margin-top: 20px
}

.abtest_clamperzeeA .pointBox .descArea .imgArea img {
    max-width: 100%
}

.abtest_clamperzeeA .pointBox .boxwrap .col {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px;
    width: 48%;
    margin: 5px;
    background: #fff
}

.abtest_clamperzeeA .pointBox .boxwrap .col .descArea {
    padding: 10px
}

.abtest_clamperzeeA .pointBox .boxwrap .col .point {
    color: #dd0000;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeA .pointBox .boxwrap .col .titleArea {
    margin-top: 0px
}

.abtest_clamperzeeA .pointBox .boxwrap .col .imgAre {
    margin-top: 0
}

.abtest_clamperzeeA .pointBox .boxwrap .col .anser {
    background: #333;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 20px
}

.abtest_clamperzeeA .pointBox .boxwrap .col h2 {
    font-size: 22px
}

.oneminutes {
    position: relative;
    display: block;
    width: 955px;
    height: 422px;
    margin-bottom: 1px
}

.oneminutes .youtube {
    position: absolute;
    display: block;
    top: 70px;
    right: 30px
}

.abtest_clamperzeeA_menulink {
    margin-top: -5px
}

.abtest_clamperzeeA_menulink ul {
    overflow: hidden;
    border-left: 1px solid #ccc
}

.abtest_clamperzeeA_menulink ul li {
    border: 1px solid #ccc;
    width: 238px;
    background: #f0f0f0;
    float: left;
    display: block;
    margin-left: -1px
}

.abtest_clamperzeeA_menulink ul li a {
    background: none;
    display: block;
    text-align: center;
    margin: 0;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold
}

.abtest_clamperzeeA_menulink ul li:hover {
    background: #fff
}

.abtest_clamperzeeC_menulink {
    width: 955px;
    overflow: hidden;
    margin-top: 20px
}

.abtest_clamperzeeC_menulink img {
    float: left
}

.abtest_clamperzeeC_menulink ul {
    float: left;
    width: 320px;
    height: 220px;
    border: 1px solid #ccc;
    border-left: none;
    background: #f0f0f0;
    padding: 5px 0
}

.abtest_clamperzeeC_menulink ul li {
    display: block;
    padding: 7px 10px
}

.abtest_clamperzeeC_menulink ul li span {
    font-weight: bold;
    padding: 9px 10px;
    display: block;
    font-size: 14px
}

.abtest_clamperzeeC_menulink ul li a {
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    text-align: left
}

.abtest_clamperzeeC_menulink ul li a img {
    margin-right: 10px
}

.abtest_clamperzeeC_menulink ul li.button_link a {
    height: 50px;
    line-height: 35px
}

.abtest_clamperzeeC_menulink ul li.button_contact {
    position: relative
}

.abtest_clamperzeeC_menulink ul li.button_contact a {
    height: 65px;
    line-height: 50px;
    font-size: 17px;
    padding-left: 80px
}

.abtest_clamperzeeC_menulink ul li.button_contact a:before {
    content: url(../img/abtest/ab_img_clamperzeeC_button3.png);
    position: absolute;
    left: 5px;
    top: -10px
}

.abtest_clamperzeeC .tabArea {
    margin: 30px 0;
    position: relative
}

.abtest_clamperzeeC .tabArea .tab {
    margin: 0;
    padding: 0
}

.abtest_clamperzeeC .tabArea .tab li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 5px
}

.abtest_clamperzeeC .tabArea .tab li a {
    display: block;
    width: 312px;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    border-radius: 5px 5px 0 0;
    vertical-align: middle
}

.abtest_clamperzeeC .tabArea .tab li a.btn-primary {
    color: #fff !important;
    text-shadow: 1px -1px 0 rgba(0,0,0,0.4)
}

.abtest_clamperzeeC .tabArea .tab li a span {
    display: inline;
    background: none;
    position: relative;
    top: auto;
    left: auto;
    margin-right: 5px;
    vertical-align: middle
}

.abtest_clamperzeeC .tabArea .tab li a .title_style1 {
    font-size: 12px;
    font-weight: normal
}

.abtest_clamperzeeC .tabArea .tab li a .title_style2 {
    font-size: 25px;
    font-weight: normal
}

.abtest_clamperzeeC .tabArea .tab li:last-child {
    margin: 0
}

.abtest_clamperzeeC .tabArea .content {
    width: 100%;
    border: 1px solid #2b669a;
    background-color: #fff;
    padding: 15px
}

.abtest_clamperzeeC .tab,.abtest_clamperzeeC .tab li,.abtest_clamperzeeC .tab li a {
    float: left;
    padding: 3px;
    margin-right: 2px
}

.abtest_clamperzeeC .content {
    clear: both;
    overflow: hidden;
    width: 300px;
    border: 1px solid #eee
}

.abtest_clamperzeeC .area {
    display: none
}

.abtest_clamperzeeC .tab li.active {
    background: #eee
}

.abtest_clamperzeeC .tab li.active a {
    color: red
}

.abtest_clamperzeeC h1 {
    background: none;
    font-size: 27px;
    border-bottom: 1px solid #ccc;
    color: #000
}

.abtest_clamperzeeC h2 {
    font-weight: bold;
    color: #12539a;
    background: none;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeC h3,.abtest_clamperzeeC .entry .Magkind,.entry .abtest_clamperzeeC .Magkind {
    margin: 0;
    padding: 0
}

.abtest_clamperzeeC figure {
    margin: 0
}

.abtest_clamperzeeC .pointBox {
    background: #fff;
    padding: 20px 0
}

.abtest_clamperzeeC .pointBox .descArea {
    overflow: hidden
}

.abtest_clamperzeeC .pointBox .descArea h2 {
    font-size: 25px;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #fff
}

.abtest_clamperzeeC .pointBox .descArea h2 span {
    color: #000;
    font-weight: normal;
    margin-right: 20px
}

.abtest_clamperzeeC .pointBox .descArea h3,.abtest_clamperzeeC .pointBox .descArea .entry .Magkind,.entry .abtest_clamperzeeC .pointBox .descArea .Magkind {
    background: none;
    font-size: 15px;
    margin: 0
}

.abtest_clamperzeeC .pointBox .descArea p {
    margin: 0;
    padding: 10px 0
}

.abtest_clamperzeeC .pointBox .descArea .titleArea {
    width: 40%;
    float: left;
    margin-right: 20px
}

.abtest_clamperzeeC .pointBox .descArea .titleArea .saiyo {
    background: #f0f0f0;
    margin: 5px
}

.abtest_clamperzeeC .pointBox .descArea .titleArea .saiyo h4 {
    font-weight: bold
}

.abtest_clamperzeeC .pointBox .descArea .titleArea .saiyo ul {
    margin: 5px;
    overflow: hidden
}

.abtest_clamperzeeC .pointBox .descArea .titleArea .saiyo li {
    display: block;
    float: left;
    width: 170px;
    margin-right: 10px;
    white-space: nowrap;
    padding: 2px 0
}

.abtest_clamperzeeC .pointBox .descArea .imgArea {
    width: 55%;
    float: left;
    margin-top: 20px
}

.abtest_clamperzeeC .pointBox .descArea .imgArea img {
    max-width: 100%
}

.abtest_clamperzeeC .pointBox .boxwrap .col {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px;
    width: 48%;
    margin: 5px;
    background: #fff
}

.abtest_clamperzeeC .pointBox .boxwrap .col .descArea {
    padding: 10px
}

.abtest_clamperzeeC .pointBox .boxwrap .col .point {
    color: #dd0000;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeC .pointBox .boxwrap .col .titleArea {
    margin-top: 0px
}

.abtest_clamperzeeC .pointBox .boxwrap .col .imgAre {
    margin-top: 0
}

.abtest_clamperzeeC .pointBox .boxwrap .col .anser {
    background: #333;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 20px
}

.abtest_clamperzeeC .pointBox .boxwrap .col h2 {
    font-size: 22px
}

.abtest_clamperzeeC .search_after_zero {
    display: block !important;
    background: #fff;
    padding: 5px
}

.abtest_clamperzeeC .search_after_zero .contact {
    width: 100%
}

.abtest_clamperzeeB_menulink {
    width: 955px;
    overflow: hidden
}

.abtest_clamperzeeB_menulink img {
    float: left
}

.abtest_clamperzeeB_menulink ul {
    float: left;
    width: 300px;
    margin-left: -1px;
    border-top: 1px solid #ccc
}

.abtest_clamperzeeB_menulink ul li {
    border: 1px solid #ccc;
    background: #f0f0f0;
    display: block;
    padding: 5px;
    margin-top: -1px
}

.abtest_clamperzeeB_menulink ul li span {
    font-weight: bold;
    padding: 9px 10px;
    display: block;
    font-size: 14px
}

.abtest_clamperzeeB_menulink ul li a {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: bold
}

.abtest_clamperzeeB_menulink ul li ul {
    margin: 0px;
    width: 286px;
    float: none;
    margin-top: 2px;
    margin-bottom: 1px
}

.abtest_clamperzeeB_menulink ul li li {
    border: none
}

.abtest_clamperzeeB_menulink ul li li a {
    color: #000;
    font-weight: normal;
    font-size: 14px;
    height: 48px;
    line-height: 38px
}

.abtest_clamperzeeB h1 {
    background: none;
    font-size: 27px;
    border-bottom: 1px solid #ccc;
    color: #000
}

.abtest_clamperzeeB h2 {
    font-weight: bold;
    color: #12539a;
    background: none;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeB h3,.abtest_clamperzeeB .entry .Magkind,.entry .abtest_clamperzeeB .Magkind {
    margin: 0;
    padding: 0
}

.abtest_clamperzeeB figure {
    margin: 0
}

.abtest_clamperzeeB .pointBox {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 20px 0
}

.abtest_clamperzeeB .pointBox .descArea {
    overflow: hidden
}

.abtest_clamperzeeB .pointBox .descArea h2 {
    font-size: 25px;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #fff
}

.abtest_clamperzeeB .pointBox .descArea h2 span {
    color: #000;
    font-weight: normal;
    margin-right: 20px
}

.abtest_clamperzeeB .pointBox .descArea h3,.abtest_clamperzeeB .pointBox .descArea .entry .Magkind,.entry .abtest_clamperzeeB .pointBox .descArea .Magkind {
    background: none;
    font-size: 15px;
    margin: 0
}

.abtest_clamperzeeB .pointBox .descArea p {
    margin: 0;
    padding: 10px 0
}

.abtest_clamperzeeB .pointBox .descArea .titleArea {
    width: 40%;
    float: left;
    margin-right: 20px
}

.abtest_clamperzeeB .pointBox .descArea .titleArea .saiyo {
    background: #f0f0f0;
    margin: 5px
}

.abtest_clamperzeeB .pointBox .descArea .titleArea .saiyo h4 {
    font-weight: bold
}

.abtest_clamperzeeB .pointBox .descArea .titleArea .saiyo ul {
    margin: 5px;
    overflow: hidden
}

.abtest_clamperzeeB .pointBox .descArea .titleArea .saiyo li {
    display: block;
    float: left;
    width: 170px;
    margin-right: 10px;
    white-space: nowrap;
    padding: 2px 0
}

.abtest_clamperzeeB .pointBox .descArea .imgArea {
    width: 55%;
    float: left;
    margin-top: 20px
}

.abtest_clamperzeeB .pointBox .descArea .imgArea img {
    max-width: 100%
}

.abtest_clamperzeeB .pointBox .boxwrap .col {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px;
    width: 48%;
    margin: 5px;
    background: #fff
}

.abtest_clamperzeeB .pointBox .boxwrap .col .descArea {
    padding: 10px
}

.abtest_clamperzeeB .pointBox .boxwrap .col .point {
    color: #dd0000;
    margin: 0;
    padding: 0
}

.abtest_clamperzeeB .pointBox .boxwrap .col .titleArea {
    margin-top: 0px
}

.abtest_clamperzeeB .pointBox .boxwrap .col .imgAre {
    margin-top: 0
}

.abtest_clamperzeeB .pointBox .boxwrap .col .anser {
    background: #333;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 20px
}

.abtest_clamperzeeB .pointBox .boxwrap .col h2 {
    font-size: 22px
}

.abtest_clamperzeeB .search_after_zero {
    display: block !important;
    background: #fff;
    padding: 5px
}

.abtest_clamperzeeB .search_after_zero .contact {
    width: 100%
}

#helpHeader .logo,#helpContents,#helpFooter .copyright,#helpFooter .china {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    width: 640px
}

#helpHeader {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem
}

#helpHeader .logo a img {
    max-width: 100%;
    vertical-align: middle
}

#helpFooter {
    background-color: #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem
}

#helpFooter .copyright,#helpFooter .china {
    color: #666;
    font-size: .75rem;
    text-align: center
}

.action-Area {
    width: 952px;
    height: 86px
}

.action-Area .nextAction {
    display: block;
    float: left
}

.action-Area img {
    vertical-align: bottom
}

.action-Area .cad {
    padding-bottom: 6px
}

.action-Area .est {
    padding-right: 5px
}

.action-Area .wordArea {
    padding: 10px 0 20px;
    color: #666
}

.action-Area .wordArea h4._title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em
}

.action-Area .wordArea ul._list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 12px
}

.action-Area .wordArea ul._list li {
    margin-top: 0.5em
}

.action-Area .contactArea {
    text-align: center;
    padding: 10px 0 20px
}

.action-Area .contactArea p._title {
    font-size: 12px;
    color: #999;
    margin-bottom: 0.5em
}

.action-Area .contactArea ul._phone {
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: bold
}

.action-Area .contactArea ul._phone li {
    margin-top: 0.5em;
    color: #0071c5
}

.action-Area .contactArea ul._phone li img {
    vertical-align: middle;
    margin-right: 0.25em
}

.action-Area .contactArea ul._phone li a {
    color: #0071c5;
    text-decoration: none
}

.action-Area .contactArea p._time {
    font-size: 10px;
    color: #999
}

.action-Area .linkArea {
    padding: 10px 0 20px
}

.action-Area .linkArea ul._link {
    margin: 0 -5px
}

.action-Area .linkArea ul._link li {
    margin-top: 0.5em;
    width: 100%;
    padding: 0 5px;
    float: left
}

.action-Area .linkArea ul._link li._half {
    width: 50%
}

.action-Area .linkArea ul._link li a img {
    max-width: 100%
}

sup {
    font-size: 65%
}

ul.nav.nav-tabs {
    margin: 0;
    padding: 0;
    color: #333;
    border: none;
    background: none
}

ul.nav.nav-tabs li {
    margin-left: .1em
}

ul.nav.nav-tabs li a {
    line-height: 1.6;
    margin: 0;
    padding: .6em 0.8em .3em;
    color: #333;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff
}

ul.nav.nav-tabs li a:hover {
    line-height: 1.6;
    margin: 0;
    padding: .6em 0.8em .3em;
    color: #fff;
    border: 1px solid #12539a;
    background: #12539a;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset
}

ul.nav.nav-tabs li.active a {
    line-height: 1.6;
    margin: 0;
    padding: .6em 0.8em .3em;
    color: #fff;
    border: 1px solid #12539a;
    background: #12539a;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset
}

ul.nav.nav-tabs li.active a:hover {
    line-height: 1.6;
    margin: 0;
    padding: .6em 0.8em .3em;
    color: #fff;
    border: 1px solid #12539a;
    background: #12539a;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset
}

div.representativeMap {
    margin: 10px auto;
    position: relative;
    width: 730px;
    height: 360px
}

div.representativeMap .map {
    position: absolute
}

div.representativeMap .area {
    position: absolute
}

div.representativeMap .area.northAmerica {
    left: 0px;
    top: 2px
}

div.representativeMap .area.europe {
    left: 274px;
    top: 14px;
    z-index: 1
}

div.representativeMap .area.asianOceania {
    left: 434px;
    top: 103px
}

div.representativeMap .area.middleEastAfrica {
    left: 287px;
    top: 140px
}

a.on-off img {
    vertical-align: bottom
}

a.on-off img:hover {
    opacity: 1
}

.alert {
    font-size: .85em;
    line-height: 1.4;
    padding: 10px 10px 6px
}

.alert h4 {
    font-weight: bold
}

.alert p a {
    font-weight: bold
}

.type01 {
    padding: 0;
    border: 1px solid #ccc;
    background: #fafafa
}

.type01 h4 {
    display: inline-block;
    padding: 10px 10px 8px;
    background-image: linear-gradient(to bottom, #f0f0f0 0, #e0e0e0 100%)
}

.type01 p {
    display: inline-block;
    padding: 10px 10px 8px;
    color: #666
}

.type02 {
    padding: 0;
    background: #fff
}

.type02 h4 {
    display: inline-block;
    padding: 10px 10px 8px;
    background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%)
}

.type02 p {
    display: inline-block;
    padding: 10px 10px 8px;
    color: #666
}

.type03 {
    padding: 0;
    background-image: linear-gradient(to bottom, #f0f0f0 0, #e0e0e0 100%)
}

.type03 h4 {
    display: inline-block;
    padding: 10px 10px 8px
}

.type03 p {
    display: inline-block;
    padding: 10px 10px 8px;
    color: #666
}

.case.leadPanel {
    margin: 15px 0
}

.case.caseList {
    margin: 0 0 15px;
    padding: 5px
}

.case.caseList li {
    list-style-type: none
}

.case.caseList li a {
    display: block;
    padding: 15px 5px;
    list-style-type: none;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    *zoom:1}

.case.caseList li a:hover {
    text-decoration: none;
    background: #f5f5f5
}

.case.caseList li a img {
    display: block;
    float: left;
    margin-right: 10px;
    border: 1px solid #dcdcdc
}

#topArea .row {
    padding: 6px 12.5px;
    overflow: hidden;
    *zoom:1}

#topArea .row .col-xs-1 {
    box-sizing: border-box;
    width: 8.33333%;
    padding: 0 2.5px
}

#topArea .row .col-xs-2 {
    box-sizing: border-box;
    width: 16.66667%;
    padding: 0 2.5px
}

#topArea .row .col-xs-3 {
    box-sizing: border-box;
    width: 25%;
    padding: 0 2.5px
}

#topArea .row .col-xs-4 {
    box-sizing: border-box;
    width: 33.33333%;
    padding: 0 2.5px
}

#topArea .row .col-xs-5 {
    box-sizing: border-box;
    width: 41.66667%;
    padding: 0 2.5px
}

#topArea .row .col-xs-6 {
    box-sizing: border-box;
    width: 50%;
    padding: 0 2.5px
}

#topArea .row .col-xs-7 {
    box-sizing: border-box;
    width: 58.33333%;
    padding: 0 2.5px
}

#topArea .row .col-xs-8 {
    box-sizing: border-box;
    width: 66.66667%;
    padding: 0 2.5px
}

#topArea .row .col-xs-9 {
    box-sizing: border-box;
    width: 75%;
    padding: 0 2.5px
}

#topArea .row .col-xs-10 {
    box-sizing: border-box;
    width: 83.33333%;
    padding: 0 2.5px
}

#topArea .row .col-xs-11 {
    box-sizing: border-box;
    width: 91.66667%;
    padding: 0 2.5px
}

#topArea .row .col-xs-12 {
    box-sizing: border-box;
    width: 100%;
    padding: 0 2.5px
}

.relatedService {
    max-height: 145px;
    padding: 0 20px;
    background: #f0f0f0
}

.relatedService h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 8px
}

.relatedService p {
    font-size: 14px
}

.relatedService ul.inline-list {
    padding: 8px 0 24px;
    overflow: hidden;
    *zoom:1}

.relatedService ul.inline-list li {
    font-size: 14px;
    float: left;
    width: 50%;
    margin: 10px 0
}

h3.arrowRight,.entry .arrowRight.Magkind{
    font-size: 18px;
    padding: 0;
    padding-left: 20px;
    background: url(../img/icon/arrow_5.png) no-repeat 0 2px;
}

.local_menu_list {
    overflow: hidden;
    margin: 0 -2.5px
}

.local_menu_list li {
    float: left;
    padding: 0 2.5px
}

.local_menu_list li.list-5 {
    width: 20%
}

.local_menu_list li a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 10px 10px 8px;
    color: #333;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #fff, #eaeaea)
}

.local_menu_list li a:hover {
    color: #12539a;
    border: 1px solid #12539a
}

.local_menu_list li a img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.local_menu_list li a span {
    display: inline-block;
    vertical-align: middle
}

.sns-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

#contents #mainArea .sns-buttons {
    margin-right: 15px;
    width: 720px
}

.sns-buttons>* {
    display: inline-block;
    margin-left: .5em
}

@media all and (-ms-high-contrast: none) {
    .sns-buttons .twitter-share-button {
        align-items: center;
        background-color: #1b95e0;
        border-radius: 3px;
        color: #fff;
        display: inline-flex;
        font-size: 11px;
        font-weight: 500;
        height: 20px;
        line-height: 1;
        padding: 0 8px 0 6px;
        white-space: nowrap
    }

    .sns-buttons .twitter-share-button:before {
        background-color: transparent;
        background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
        background-position: center;
        background-repeat: no-repeat;
        content: "";
        height: 14px;
        margin-right: 3px;
        width: 14px
    }

    .sns-buttons .twitter-share-button:hover {
        background-color: #0c7abf;
        text-decoration: none
    }
}

.entry .list-bracketsNumber {
    counter-reset: item;
    margin: 1em 0
}

.entry .list-bracketsNumber li {
    list-style-type: none;
    margin: 1em 0;
    padding: 0 0 0 3em;
    position: relative
}

.entry .list-bracketsNumber li:before {
    content: "(" counter(item, lower-latin) ")";
    counter-increment: item;
    margin-right: -2em;
    position: absolute;
    right: 100%
}

html,body {
    height: 100%
}

.range,.tolerance {
    display: none
}

.modelnumber {
    display: none
}

.errorTr td {
    width: 100%
}

.errorTr,.error01,.navi_layout .panel-group .error01,.navi_layout .panel-group .error02,.navi_layout .panel-group .error03,.navi_layout .panel-group .error04,.navi_layout .panel-group .error05,.error02,.error03,.error04,.error05,.errorWrap {
    display: none
}

.error01,.navi_layout .panel-group .error01,.navi_layout .panel-group .error02,.navi_layout .panel-group .error03,.navi_layout .panel-group .error04,.navi_layout .panel-group .error05,.error02,.error03,.error04,.error05 {
    color: #FF6600;
    width: 100%;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    padding: 10px
}

.clearfix {
    zoom:1}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.resultDl dt {
    display: block;
    width: 130px;
    float: left;
    line-height: 1.7em;
    font-size: 0.8em
}

.resultDl dd {
    display: block;
    width: 500px;
    float: left;
    margin-left: 10px;
    line-height: 1.7em;
    font-size: 0.8em;
    word-wrap: break-word
}

#nowloading {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=70);
    background-color: rgba(255,255,255,0.7)
}

#nowloading img {
    display: block;
    width: 31px;
    height: 31px;
    margin: auto auto
}

a {
    cursor: pointer
}

.imageAbled {
    background-color: #CCC !important
}

.labelAbled {
    background-color: #999
}

.selected {
    background-color: #1b5a9f !important
}

.disabled img {
    opacity: 0.5
}

.bottomUi {
    display: none
}

.c2title-teiketsu label,ul.c2title-color label {
    cursor: pointer
}

.c2title-teiketsu label:hover,ul.c2title-color label:hover {
    background-color: #1b5a9f !important
}

.c2title-teiketsu label:hover img,ul.c2title-color label:hover img {
    opacity: 0.8
}

.disabled {
    background-color: #ddd !important;
    color: #aaa !important;
    text-shadow: rgba(255,255,255,0.5) 1px 1px 0px
}

.disabled label {
    cursor: default
}

.disabled label:hover {
    background-color: #ddd !important;
    cursor: default
}

.disabled label:hover img {
    opacity: 0.5
}

#carouselLoading {
    position: relative;
    width: 100%;
    height: 251px;
    text-align: center
}

#carouselLoading img {
    margin-top: 130px
}

.sBase {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.sHeader {
    position: absolute;
    z-index: 3;
    background-color: #ffffff
}

.sHeaderInner {
    position: relative
}

.sHeaderInner table {
    border-spacing: 0px 0px !important;
    border-collapse: collapse !important;
    width: 1px !important;
    table-layout: fixed !important;
    background-color: #ffffff
}

.sFHeader {
    position: absolute;
    z-index: 4;
    overflow: hidden
}

.sFHeader table {
    border-spacing: 0px 0px !important;
    border-collapse: collapse !important;
    width: 1px !important;
    table-layout: fixed !important;
    background-color: #ffffff
}

.sData {
    position: absolute;
    z-index: 2;
    overflow: auto;
    background-color: #ffffff
}

.sData table {
    border-spacing: 0px 0px !important;
    border-collapse: collapse !important;
    width: 1px !important;
    table-layout: fixed !important
}

.sFData {
    position: absolute;
    z-index: 1;
    background-color: #ffffff
}

.sFDataInner {
    position: relative
}

.sFData table {
    border-spacing: 0px 0px !important;
    border-collapse: collapse !important;
    width: 1px !important;
    table-layout: fixed !important
}

.sDefault th,.sDefault td {
    white-space: nowrap
}

#nowloading {
    z-index: 20000 !important
}

#figure_img h2 {
    margin-top: -90px
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-header h2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2em;
    letter-spacing: 0.1em
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body h2 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.7em
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body #chkGroup {
    width: 80%;
    margin: 20px auto
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body #chkGroup div {
    padding-top: 5px;
    padding-bottom: 5px
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body #chkGroup div label {
    padding-left: 10px
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body .table td {
    font-size: 0.8em
}

#LoadCorrectionFactorModalPanel .modal-dialog .modal-content .modal-body .table td.vc {
    vertical-align: middle
}

#Modal_mylist_edit .alert-danger {
    display: none
}

body:before {
    content: url(../img/icon/close.png) url(../img/icon/loading.gif) url(../img/icon/prev.png) url(../img/icon/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom:1;width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/icon/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-prev,.lb-next {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../img/icon/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity 0.6s
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../img/icon/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity 0.6s
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom:1;width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../img/icon/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    transition: opacity 0.2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: $themeColor
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

#archive_banner {
    margin-bottom: 20px
}

.ArchiveList .ArchiveListItem {
    overflow: hidden;
    *zoom:1}

.ArchiveList .ArchiveListItem ._image {
    float: left;
    width: 240px;
    margin-right: 20px;
    padding: 0
}

.ArchiveList .ArchiveListItem ._image img {
    width: 100%;
    height: 100%
}

.ArchiveList .ArchiveListItem ._date {
    font-size: .8175em;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    margin: 0 1.6em 0 0;
    padding: .4em 0;
    vertical-align: top
}

.ArchiveList .ArchiveListItem ._category {
    font-size: .8175em;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: top
}

.ArchiveList .ArchiveListItem ._category a,.ArchiveList .ArchiveListItem ._category span {
    display: inline-block;
    margin: 0 .8em 0 0;
    padding: .4em .8em;
    list-style-type: none;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    background: #eee;
    transition: all 0.2s
}

.ArchiveList .ArchiveListItem ._category a:hover,.ArchiveList .ArchiveListItem ._category span:hover {
    color: #fff;
    background: #0071c5
}

.ArchiveList .ArchiveListItem ._title {
    margin: 1em 0;
    padding: 0;
    overflow: hidden;
    border: none
}

.ArchiveList .ArchiveListItem ._desc {
    overflow: hidden
}

.ArchiveListSideFilter ._filter_all {
    padding-bottom: 4px
}

.ArchiveListSideFilter ._filter {
    list-style: disc;
    margin-left: 28px;
    padding-bottom: 4px
}

.ArchiveListSideFilter ._filter h4 {
    font-size: 14px;
    font-weight: bold
}

.ArchiveListSideFilter ._filter ul._category {
    margin-left: -12px
}

.ArchiveListSideFilter ._filter_current {
    font-weight: bold
}

a.btn-fill-primary {
    background-color: #0071c5;
    color: #fff
}

a.btn-fill-primary:hover {
    background-color: #005a9e;
    color: #fff
}

a.btn-outline-primary {
    border-color: #0071c5;
    color: #0071c5
}

a.btn-outline-primary:hover {
    background-color: #cce3f3;
    color: #0071c5
}

a.btn-slender {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #eee 0%, #d7d7d7 100%);
    box-shadow: 0px 1px 1px 0px #fff inset;
    border: solid 1px #ccc;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    letter-spacing: .05em;
    font-family: 'メイリオ', Meiryo;
    min-width: 137px;
    padding: 3px 10px 0px;
    text-shadow: 0 -1px 0 rgba(51,51,51,0.3),0 1px 0 rgba(255,255,255,0.6);
    line-height: 1.428571429;
    margin: 0 8px 8px 0;
    vertical-align: top;
    text-decoration: none
}

a.btn-slender:hover {
    opacity: 0.8
}

a.btn-slender>img {
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px
}

@media all and (-ms-high-contrast: none) {
    a.btn-slender {
        padding: 3px 10px 0
    }
}

.btn-imageIcon {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: inline-block;
    margin-bottom: .5em;
    padding: .25em .5em;
    transition: background-color .2s;
    vertical-align: middle;
    white-space: nowrap;
    opacity: 1 !important
}

.btn-imageIcon:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.btn-imageIcon img {
    opacity: 1 !important;
    display: block
}

#mailform .catalogList {
    margin: 1em 0
}

#mailform .catalogList label._item {
    cursor: pointer
}

#mailform .catalogList label._item:hover {
    background-color: #dff1ff;
    position: relative;
    z-index: 1
}

#mailform .catalogList ._item {
    border: 1px solid #ccc;
    border-radius: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -1px;
    width: 100%
}

#mailform .catalogList ._item.mfp_checked {
    background-color: #eff8ff;
    position: relative;
    z-index: 1
}

#mailform .catalogList ._item ._headerBlock {
    border-bottom: 1px solid #ddd;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1em
}

#mailform .catalogList ._item ._headerBlock b {
    font-weight: bold
}

#mailform .catalogList ._item ._checkBlock {
    align-items: center;
    background-color: #0071c5;
    display: flex;
    padding: 1em;
    width: 56px
}

#mailform .catalogList ._item ._checkBlock input {
    height: 2em;
    margin: 0;
    width: 2em
}

#mailform .catalogList ._item ._imageBlock {
    padding: 1em;
    width: 178px
}

#mailform .catalogList ._item ._imageBlock img {
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 150px
}

#mailform .catalogList ._item ._infoBlock {
    padding: 1em
}

#mailform .catalogList ._item ._infoBlock h3,#mailform .catalogList ._item ._infoBlock .entry .Magkind,.entry #mailform .catalogList ._item ._infoBlock .Magkind {
    margin: .6667em 0
}

#mailform .catalogList ._item ._infoBlock h3 small,#mailform .catalogList ._item ._infoBlock .entry .Magkind small,.entry #mailform .catalogList ._item ._infoBlock .Magkind small {
    color: inherit
}

#mailform .catalogList ._item ._infoBlock h4 {
    margin: .6667em 0
}

#mailform .catalogList ._item ._infoBlock h4 span.label.label-default {
    border: 1px solid #ccc
}

#mailform .catalogList ._item ._infoBlock p {
    margin: .6667em 0;
    padding: 0
}

#mailform .catalogList ._item ._infoBlock p small {
    font-size: .85em
}

#mailform .catalogList ._item ._infoBlock .label-category {
    background-color: #eee;
    border-radius: 0;
    color: #333;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.columnCard {
    overflow: hidden;
    *zoom:1;display: block
}

.columnCard:hover,.columnCard:visited,.columnCard:link {
    color: #333;
    text-decoration: none
}

.columnCard>._image {
    float: left;
    padding: 0;
    width: 240px
}

.columnCard>._image img {
    height: 100%;
    width: 100%
}

.columnCard>._noimage+._outline {
    padding-left: 0
}

.columnCard>._outline {
    padding-left: 260px
}

.columnCard>._outline>._date {
    float: left;
    font-size: .8571em;
    margin: 0 0 1em;
    padding: .25em 0;
    width: 80px
}

.columnCard>._outline>._category {
    margin: 0 0 1em;
    padding: 0;
    padding-left: 100px
}

.columnCard>._outline>._category span {
    background: #eee;
    display: inline-block;
    font-size: .8571em;
    margin-bottom: .25em;
    margin-right: .5em;
    padding: 0 .5em
}

.columnCard>._outline>._title {
    border: none;
    color: #0071c5;
    margin: 0 0 .5em;
    padding: 0
}

.columnCard>._outline>._title:hover {
    color: #666;
    text-decoration: underline
}

.columnCard>._outline>._desc {
    margin: 0 0 1em;
    padding: 0
}

.cardMovieFilter>._filter_all {
    padding-bottom: 4px
}

.cardMovieFilter>._filter {
    list-style: disc;
    margin-left: 28px;
    padding-bottom: 4px
}

.cardMovieFilter>._filter h4 {
    font-size: 14px;
    font-weight: bold
}

.cardMovieFilter>._filter>ul._category {
    margin-left: -12px
}

#common_iframe {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px #f5f5f5;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 20px;
    width: 952px
}

#common_iframe iframe {
    width: 100%
}

.fixedtable {
    overflow: hidden;
    position: relative
}

.fixedtable-initialized:before {
    display: none !important
}

.fixedtable:before {
    background-color: #fff;
    background-image: url(/common/img/product-detail/bg-fixedtable-splash.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    color: darkgray;
    display: flex;
    font-size: 2em;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-top: 8rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

[lang=en] .fixedtable:before {
    content: "Now Loading..."
}

[lang=ja] .fixedtable:before {
    content: "Now Loading..."
}

[lang=zh] .fixedtable:before {
    content: "Now Loading..."
}

.fixedtable table {
    border-collapse: collapse;
    margin: 0;
    max-width: none;
    min-width: 0;
    white-space: nowrap;
    width: auto
}

#helpHeader .logo,#helpContents,#helpFooter .copyright,#helpFooter .china {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    width: 640px
}

#helpHeader {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem
}

#helpHeader .logo a img {
    max-width: 100%;
    vertical-align: middle
}

#helpFooter {
    background-color: #ddd;
    padding-bottom: 1rem;
    padding-top: 1rem
}

#helpFooter .copyright,#helpFooter .china {
    color: #666;
    font-size: .75rem;
    text-align: center
}

.imonoCatalogForm {
    position: relative
}

.imonoCatalogForm ._side {
    position: absolute;
    right: 0;
    bottom: 76px
}

.imonoCatalogForm ._side p {
    padding: 0
}

.imonoCatalogForm input {
    border: 1px solid #DDD;
    margin: 0 10px 0 0;
    border-radius: 5px;
    width: 240px
}

.imonoCatalogForm input.scfTelephoneTextBox {
    width: 100px
}

.imonoCatalogForm .scfSectionContent {
    border-bottom: 1px solid #ccc;
    width: 756px
}

.imonoCatalogForm .scfSingleLineTextBorder,.imonoCatalogForm .scfTelephoneBorder,.imonoCatalogForm .scfEmailBorder {
    overflow: hidden;
    background: #f6f7f9;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: 1px solid #ccc;
    position: relative
}

.imonoCatalogForm .scfSingleLineTextBorder .scfRequired,.imonoCatalogForm .scfTelephoneBorder .scfRequired,.imonoCatalogForm .scfEmailBorder .scfRequired {
    position: absolute;
    top: 5px;
    left: 15px;
    display: block;
    background-color: #C00;
    padding: 4px 5px;
    font-size: 10px;
    color: #FFF;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC
}

.imonoCatalogForm .scfSingleLineTextLabel,.imonoCatalogForm .scfTelephoneLabel,.imonoCatalogForm .scfEmailLabel {
    float: left;
    font-size: 14px;
    width: 200px;
    padding: 5px 15px;
    background: #f6f7f9;
    font-weight: bold;
    text-align: right
}

.imonoCatalogForm .scfSingleLineGeneralPanel,.imonoCatalogForm .scfTelephoneGeneralPanel,.imonoCatalogForm .scfEmailGeneralPanel {
    float: left;
    background: #fff;
    width: 554px;
    padding: 10px 20px;
    border-left: solid 1px #CCC
}

.imonoCatalogForm .scfSingleLineGeneralPanel .scfTelephoneUsefulInfo,.imonoCatalogForm .scfTelephoneGeneralPanel .scfTelephoneUsefulInfo,.imonoCatalogForm .scfEmailGeneralPanel .scfTelephoneUsefulInfo {
    font-size: 12px
}

.imonoCatalogForm .scfValidationSummary {
    color: #f00;
    font-size: 12px;
    margin: -20px 0 0 0
}

.imonoCatalogForm .scfSubmitButtonBorder {
    text-align: center
}

.imonoCatalogForm .scfSubmitButton {
    margin: 20px 0;
    display: inline-block;
    background-origin: border-box;
    position: relative;
    background-color: #d7792b;
    background-image: linear-gradient(to bottom, #db8741, #d7792b);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0,0,0,0) -1px 1px 0,rgba(255,255,255,0.1) -1px 1px 0 inset;
    color: rgba(51,51,51,0.9);
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
    zoom:1;font-weight: bold;
    color: #fff;
    padding: 5px 30px;
    border-radius: 4px
}

.imonoCatalogForm .scfSubmitButton i {
    font-size: 130%;
    margin-right: 5px;
    color: rgba(51,51,51,0.5)
}

.imonoCatalogForm .scfSubmitButton:hover {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    text-decoration: none;
    color: #333
}

.imonoCatalogForm .scfSubmitButton:hover i {
    color: #333
}

.imonoCatalogForm .scfSubmitButton:active {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #d7792b, #c46d25);
    top: 1px
}

.imonoCatalogForm .scfSubmitButton.disabled {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    background-image: none
}

.imonoCatalogForm .scfSubmitButton.disabled:hover {
    background-image: none
}

.imonoCatalogForm .scfSubmitButton.disabled:active {
    top: 0px
}

.imonoCatalogForm .scfSubmitButton.disabled.selected {
    background-color: #c46d25;
    background-image: linear-gradient(to bottom, #cd7227, #c46d25);
    background-image: none !important
}

.imonoCatalogForm .scfSubmitButton:focus,.imonoCatalogForm .scfSubmitButton:hover,.imonoCatalogForm .scfSubmitButton:active {
    color: #fff
}

.js-toggle>.js-toggle-header,.js-toggle-pc>.js-toggle-header {
    padding-right: 40px;
    position: relative
}

.js-toggle>.js-toggle-header:after,.js-toggle-pc>.js-toggle-header:after {
    color: #333;
    content: "＋";
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: calc(50% - .5em);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.js-toggle>.js-toggle-body,.js-toggle-pc>.js-toggle-body {
    display: none
}

.js-toggle.is-active>.js-toggle-header:after,.js-toggle-pc.is-active>.js-toggle-header:after {
    content: "－"
}

.js-toggle.is-active>.js-toggle-body,.js-toggle-pc.is-active>.js-toggle-body {
    display: block
}

.card-image {
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.125rem;
    overflow: hidden;
    margin-bottom: 1rem
}

.card-image>.card-header {
    padding: 0 !important;
    background-color: white;
    background-image: none !important;
    border-left: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.125);
    margin: 0 !important
}

.card-image>.card-header:after {
    display: none
}

.card-image>.card-header>img {
    width: 100%;
    display: block
}

.card-image>.card-body {
    padding: 1.25rem
}

.card-image>.card-body p {
    margin-bottom: 1rem
}

.links-inline {
    line-height: 1.7
}

.links-inline>* {
    display: inline-block
}

.links-inline>*:not(:last-child):after {
    content: ',';
    color: #333;
    pointer-events: none;
    margin-left: .1em;
    margin-right: .5em
}

.mf_finder_organic_header_wrapper {
    margin-top: 20px
}

.mf_finder_organic_pager {
    margin-top: 20px
}

.mf_finder_logo {
    display: none
}

.mf_finder_organic .mf_finder_mark {
    background-color: #d5e9fb
}

.modal-default .modal-header {
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1rem
}

.modal-default .modal-body {
    padding: 1rem
}

.modal-default .modal-title {
    background: none;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0;
    padding: 0
}

.narrowDownPanel {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 1.5em;
    padding: 1em 1em 0
}

.is-pc .narrowDownPanel {
    display: none
}

.narrowDownPanel>._header>._title {
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0;
    text-align: center
}

.narrowDownPanel>._body {
    border-top: 1px solid #ddd;
    padding-top: 1em
}

.narrowDownPanel>._body>._category {
    font-weight: bold;
    margin-bottom: .5em;
    padding: 0
}

.narrowDownPanel>._body>._list {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.25;
    margin: 0 0 .5em;
    margin-right: -1em;
    padding-left: 0
}

.narrowDownPanel>._body>._list li {
    list-style-type: none;
    margin-bottom: .5em;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
    flex: 0 0 25%;
    max-width: 25%
}

.narrowDownPanel>._body>._list li:before {
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: calc(.625em - 5px);
    width: 0
}

.narrowDownPanel>._body>._list li a {
    overflow: visible
}

.NedziTopicList ul {
    margin: 0
}

.NedziTopicList ul li {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 0;
    list-style-type: none;
    border-bottom: 1px solid #ddd
}

.NedziTopicList .NedziTopicListItem {
    overflow: hidden;
    *zoom:1}

.NedziTopicList .NedziTopicListItem h3,.NedziTopicList .NedziTopicListItem .entry .Magkind,.entry .NedziTopicList .NedziTopicListItem .Magkind {
    margin-top: 0px
}

.NedziTopicList .NedziTopicListItem ._image {
    float: left;
    width: 240px;
    margin-right: 20px;
    padding: 0
}

.NedziTopicList .NedziTopicListItem ._image img {
    width: 100%;
    height: 100%
}

.NedziTopicList .NedziTopicListItem ._date {
    font-size: .8175em;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    margin: 0 1.6em 0 0;
    padding: .4em 0;
    vertical-align: top
}

.NedziTopicList .NedziTopicListItem ._category {
    font-size: .8175em;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: top
}

.NedziTopicList .NedziTopicListItem ._category a,.NedziTopicList .NedziTopicListItem ._category span {
    display: inline-block;
    margin: 0 .8em 0 0;
    padding: .4em .8em;
    list-style-type: none;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    background: #eee;
    transition: all 0.2s
}

.NedziTopicList .NedziTopicListItem ._category a:hover,.NedziTopicList .NedziTopicListItem ._category span:hover {
    color: #fff;
    background: #0071c5
}

.NedziTopicList .NedziTopicListItem ._title {
    padding: 0;
    overflow: hidden;
    border: none
}

#next_action {
    background-color: #f0f0f0;
    padding-bottom: 20px;
    padding-top: 20px
}

.nextAction_wrap {
    margin: 0 auto;
    width: 960px
}

.nextAction_wrap .nextAction {
    display: table;
    margin: 0 -10px;
    table-layout: fixed;
    width: calc(100% - 20px)
}

.nextAction_wrap .nextAction+.nextAction {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px
}

.nextAction_wrap .nextAction ._item {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle
}

.nextAction_wrap .nextAction ._item ._leadArea {
    background-color: #fff;
    padding: 2em 1em
}

.nextAction_wrap .nextAction ._item ._leadArea ._lead {
    color: #0071c5;
    font-weight: bold;
    line-height: 1.6667
}

.nextAction_wrap .nextAction ._item ._wordArea ._title,.nextAction_wrap .nextAction ._item ._enWordArea ._title {
    color: #808080;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3334
}

.nextAction_wrap .nextAction ._item ._wordArea ._list,.nextAction_wrap .nextAction ._item ._enWordArea ._list {
    color: #808080;
    font-size: 12px;
    line-height: 1.3334;
    list-style-type: disc;
    margin-top: .5em;
    padding-left: 2em
}

.nextAction_wrap .nextAction ._item ._enWordArea ._list {
    padding-left: 0
}

.nextAction_wrap .nextAction ._item ._enWordArea ._list li {
    display: inline-block;
    padding-left: 2em;
    position: relative
}

.nextAction_wrap .nextAction ._item ._enWordArea ._list li:before {
    content: "\2022";
    margin-right: -1.5em;
    position: absolute;
    right: 100%
}

.nextAction_wrap .nextAction ._item ._contactArea,.nextAction_wrap .nextAction ._item ._enContactArea {
    text-align: center
}

.nextAction_wrap .nextAction ._item ._contactArea ._lead,.nextAction_wrap .nextAction ._item ._enContactArea ._lead {
    color: #808080;
    font-size: 12px;
    line-height: 1.3334;
    margin-bottom: .5em
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact,.nextAction_wrap .nextAction ._item ._enContactArea ._contact {
    color: #0071c5;
    font-weight: bold;
    line-height: 1.3334
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li a,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li a {
    color: #0071c5
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li a:hover,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li a:hover {
    text-decoration: none
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li ._other,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li ._other {
    font-size: 14px
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li ._tel,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li ._tel {
    font-size: 20px
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li ._tel:before,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li ._tel:before {
    content: url(../img/icon/icon-nextAction-contactArea-tel.png);
    margin-right: .5em;
    vertical-align: -.1em
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li ._fax,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li ._fax {
    font-size: 20px
}

.nextAction_wrap .nextAction ._item ._contactArea ._contact li ._fax:before,.nextAction_wrap .nextAction ._item ._enContactArea ._contact li ._fax:before {
    content: url(../img/icon/icon-nextAction-contactArea-fax.png);
    margin-right: .5em
}

.nextAction_wrap .nextAction ._item ._contactArea ._notice,.nextAction_wrap .nextAction ._item ._enContactArea ._notice {
    color: #808080;
    font-size: 10px;
    line-height: 1.3334;
    margin-top: .5em
}

.nextAction_wrap .nextAction ._item ._enContactArea ._header {
    float: left;
    text-align: left
}

.nextAction_wrap .nextAction ._item ._enContactArea ._header ._title {
    color: #808080;
    font-size: 14px;
    font-weight: bold
}

.nextAction_wrap .nextAction ._item ._enContactArea ._content {
    overflow: hidden
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons {
    overflow: hidden;
    *zoom:1;margin: -5px
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons li {
    float: left;
    padding: 5px
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons li._col-12 {
    width: 100%
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons li._col-6 {
    width: 50%
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons li ._button {
    background-color: #0071c5;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3334;
    padding: 1em;
    text-align: center
}

.nextAction_wrap .nextAction ._item ._buttonArea ._buttons li ._button:hover {
    background-color: #005492;
    text-decoration: none
}

.noRecords {
    background-color: #f0f0f0;
    padding: 24px;
    margin-top: 40px;
    display: none
}

.noRecords.is-active {
    display: block
}

.noRecords-message>p {
    font-size: 14px;
    line-height: 1.3334;
    margin-bottom: 1em
}

.noRecords-message>._title {
    font-size: 20px;
    font-weight: bold
}

.noRecords-contact {
    background-color: #fff;
    padding: 16px
}

.noRecords-contact>._content {
    display: flex;
    align-items: center;
    margin: 0 -16px
}

.noRecords-contact>._content>._contact {
    width: 70%;
    padding: 0 16px
}

.noRecords-contact>._content>._contact>._label {
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3334;
    margin-bottom: .5em
}

.noRecords-contact>._content>._contact>._label-sub {
    color: #808080;
    font-size: 12px;
    line-height: 1.3334;
    margin-bottom: .5em
}

.noRecords-contact>._content>._contact>._items {
    color: #0071c5;
    font-weight: bold;
    line-height: 1.3334;
    display: flex;
    margin-bottom: .5em
}

.noRecords-contact>._content>._contact>._items>._item>._number {
    color: #0071c5;
    font-size: 20px
}

.noRecords-contact>._content>._contact>._items>._item>._number:hover {
    text-decoration: none
}

.noRecords-contact>._content>._contact>._items>._item._fax {
    margin-left: 1em
}

.noRecords-contact>._content>._contact>._other {
    margin-bottom: .5em;
    font-size: 14px;
    font-weight: bold
}

.noRecords-contact>._content>._contact>._other a {
    color: #0071c5
}

.noRecords-contact>._content>._contact>._info {
    color: #808080;
    font-size: 14px;
    line-height: 1.3334
}

.noRecords-contact>._content>._action {
    width: 30%;
    padding: 0 16px
}

.noRecords-contact>._content>._action>p>._button {
    background-color: #0071c5;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3334;
    padding: 1em;
    text-align: center
}

.noRecords-contact>._content>._action>p>._button:hover {
    background-color: #005492;
    text-decoration: none
}

.mf_finder_organic_zerohit .mf_finder_organic_pager_wrapper {
    display: none
}

.productCardGroup {
    margin: 20px 20px 20px 0
}

.productCardGroup>._title {
    background: none;
    font-size: 30px;
    margin: 40px 0 20px
}

.productCardGroup .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em
}

.productCardGroup .row [class^="col-"] {
    float: none;
    padding-left: .5em;
    padding-right: .5em
}

.productCard {
    display: block;
    line-height: 1.3334;
    margin-bottom: 1em
}

.productCard:hover {
    text-decoration: none
}

.productCard:hover>._title {
    color: inherit
}

.productCard:hover>._label {
    color: inherit
}

.productCard:hover>._outline {
    color: inherit
}

.productCard>._image img {
    border: 1px solid #ccc;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%
}

.productCard>._title {
    color: #216ec7;
    font-size: 20px;
    margin-top: .5em
}

.productCard>._label {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    margin-top: .5em
}

.productCard>._outline {
    color: #000;
    font-size: 12px;
    margin-top: .5em
}

.productDetailSpecsList {
    font-size: 14px;
    margin: 16px 0
}

.productDetailSpecsList>._item {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: inline-block;
    margin-bottom: .5em;
    margin-right: .5em;
    padding: .5em 1em;
    transition: background-color .2s;
    vertical-align: middle;
    white-space: nowrap
}

.productDetailSpecsList>._item:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.sn-wrapper {
    background: #0071c5;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: .5em
}

.sn-wrapper .c2title-side-h3_b {
    border-color: #fff;
    color: #fff
}

.sn-wrapper h3.c2title-side-h3,.sn-wrapper .entry .c2title-side-h3.Magkind,.entry .sn-wrapper .c2title-side-h3.Magkind,.sn-wrapper h4.c2title-side-h4 {
    background: none !important;
    color: #fff;
    padding-left: 0;
    text-shadow: none
}

.sn-wrapper .tooltipwrap a {
    color: #fff
}

.sn-wrapper .snavi_wrap .tooltipwrap a {
    color: #0071c5
}

.sn-wrapper .js-toggle-header:after {
    color: #fff
}

ul.list-selectionNavigator {
    background: #fff
}

.panel-group {
    border: none;
    padding: 0
}

.navi_layout_box .snavi_wrap {
    background: #fff;
    margin-bottom: 0;
    padding: 10px 5px
}

.navi_layout+.navi_layout>.snavi_wrap {
    border-top: 1px solid #ddd
}

.snavi_wrap {
    border-radius: 3px
}

.snavi_wrap+.snavi_wrap {
    border-top: 1px solid #ddd
}

.navi_layout input {
    width: 140px
}

.navi_layout input.floatform {
    width: 96px
}

.navi_layout_box.selectcontents {
    margin: 10px 0
}

.navi_layout_box .snavi_wrap div {
    padding: 0
}

.navi_layout_box .snavi_wrap .title .tooltipwrap {
    bottom: 0
}

ul.list-selectionNavigator li label {
    padding: 10px 0
}

.c2title-buttonarea2 label {
    width: 94px
}

.selectcontents.inputNaviAdditionalWrap {
    margin: 10px 0
}

.SelectionNavigatorLink {
    border: 1px solid #dddcdc;
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden
}

.SelectionNavigatorLink>._header {
    background-image: linear-gradient(to bottom, #555, #444);
    background-color: #444;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    padding: 15px
}

.SelectionNavigatorLink>._content {
    background-color: #f5f5f5;
    color: #3a5b7f;
    line-height: 1.3334;
    padding: 15px
}

.SelectionNavigatorLink>._content>._link {
    border: 1px solid #dddcdc;
    border-radius: 3px;
    overflow: hidden
}

.SelectionNavigatorLink>._content>._link>a {
    background-color: #fff;
    color: #000;
    display: block;
    font-size: 14px;
    padding: .75em 10px
}

.SelectionNavigatorLink>._content>._link>a:hover {
    opacity: .75;
    text-decoration: none
}

.SelectionNavigatorLink>._content>._link>a.is-active {
    background-color: #337bbf;
    color: #fff
}

.SelectionNavigatorLink>._content>._link>a+a {
    border-top: 1px solid #dddcdc
}

.SelectionNavigator {
    background-color: transparent !important;
    border-radius: 3px;
    margin: 20px 0;
    overflow: hidden;
    padding: 0 !important
}

.SelectionNavigator ._group>._header {
    background-image: linear-gradient(to bottom, #337bbf, #34659f);
    background-color: #337bbf;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    padding: 15px;
    position: relative
}

.SelectionNavigator ._group>._header:after {
    color: #cce0f3;
    content: "\f0c9";
    font-family: "fontawesome";
    margin-top: -.5em;
    position: absolute;
    right: 15px;
    top: 50%
}

.SelectionNavigator ._group>._content {
    background-color: #cce0f3;
    color: #3a5b7f;
    display: none;
    font-size: 12px;
    line-height: 1.3334;
    padding: 15px
}

.sn-form-group+.sn-form-group {
    margin-top: 15px
}

.sn-form-group>._header {
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.sn-form-group>._header>._title {
    font-weight: bold
}

.sn-form-group>._content>._switch {
    font-size: 14px;
    margin-top: 5px
}

.sn-form-group>._content>._switch>*+* {
    margin-left: 1em
}

.sn-form-group>._content>._control {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.sn-form-group>._content>._control[class*="is-"] {
    display: none
}

.sn-form-group>._content>._control[class*="is-"].is-active {
    display: flex
}

.sn-form-group>._content>._control>*+* {
    margin-left: .5em
}

.sn-form-group>._content>._control>._w1 {
    flex: 1
}

.sn-form-group>._content>._control>._w2 {
    flex: 2
}

.sn-form-group>._content>._control>._w3 {
    flex: 3
}

.sn-form-group>._content>._control>._w4 {
    flex: 4
}

.sn-form-group>._content>._notice {
    color: rgba(58,91,127,0.7);
    font-size: 9px;
    margin-top: 5px
}

.sn-form-group>._content>._error {
    color: #f44336;
    font-size: 9px;
    margin-top: 5px
}

.sn-checkbox-group,.sn-radio-group {
    display: flex;
    flex-wrap: wrap;
    margin: -5px
}

.sn-checkbox-group.is-column-2>*,.sn-radio-group.is-column-2>* {
    width: 50%
}

.sn-checkbox-group.is-column-3>*,.sn-radio-group.is-column-3>* {
    width: 33.33333%
}

.sn-checkbox-group.is-column-4>*,.sn-radio-group.is-column-4>* {
    width: 25%
}

.sn-checkbox-group>*,.sn-radio-group>* {
    display: block;
    width: 100%
}

.sn-checkbox-group>* label,.sn-radio-group>* label {
    display: block
}

.sn-checkbox-group>.sn-radio,.sn-checkbox-group>.sn-checkbox,.sn-radio-group>.sn-radio,.sn-radio-group>.sn-checkbox {
    padding: 10px 5px
}

.sn-checkbox-group>.sn-radio-block,.sn-checkbox-group>.sn-checkbox-block,.sn-radio-group>.sn-radio-block,.sn-radio-group>.sn-checkbox-block {
    padding: 5px
}

.sn-clear-group {
    margin-top: 15px;
    text-align: right
}

.sn-radio {
    display: inline-block
}

.sn-radio input {
    display: none
}

.sn-radio input:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-radio input:checked+label:before {
    background-color: #fff;
    border: .4em solid #337bbf
}

.sn-radio label {
    cursor: pointer;
    padding-bottom: .2em;
    padding-left: 20px;
    padding-top: .2em;
    position: relative
}

.sn-radio label:before {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ced0da;
    border-radius: 50%;
    content: "\00a0";
    display: inline-flex;
    font-family: Verdana;
    font-size: 10px;
    height: 1.6em;
    justify-content: center;
    left: 0;
    margin-right: .2em;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 1.6em
}

.sn-checkbox {
    display: inline-block
}

.sn-checkbox input {
    display: none
}

.sn-checkbox input:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-checkbox input:checked+label:before {
    background-image: linear-gradient(to bottom, #337bbf, #34659f);
    background-color: #337bbf;
    border-color: transparent;
    color: #fff;
    content: "\f00c"
}

.sn-checkbox label {
    cursor: pointer;
    padding-bottom: .2em;
    padding-left: 20px;
    padding-top: .2em;
    position: relative
}

.sn-checkbox label:before {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ced0da;
    border-radius: 20%;
    content: "\00a0";
    display: inline-flex;
    font-family: "fontawesome";
    font-size: 10px;
    height: 1.6em;
    justify-content: center;
    left: 0;
    margin-right: .2em;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 1.6em
}

.sn-checkbox-block {
    display: inline-block
}

.sn-checkbox-block input {
    display: none
}

.sn-checkbox-block input:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-checkbox-block input:checked+label {
    background-color: rgba(255,255,255,0.4);
    border-color: #249af2
}

.sn-checkbox-block label {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    padding: .5em;
    text-align: center
}

.sn-checkbox-block label img {
    vertical-align: bottom;
    width: 100%
}

.sn-radio-block {
    display: inline-block
}

.sn-radio-block input {
    display: none
}

.sn-radio-block input:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-radio-block input:checked+label {
    background-color: rgba(255,255,255,0.4);
    border-color: #249af2
}

.sn-radio-block label {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    padding: .5em;
    text-align: center
}

.sn-radio-block label img {
    vertical-align: bottom;
    width: 100%
}

.sn-text {
    border: 1px solid #dfe3e9;
    border-radius: 4px;
    color: #3a5b7f;
    display: inline-block;
    line-height: normal;
    min-width: 0;
    padding: .6em
}

.sn-text::-webkit-input-placeholder {
    color: rgba(58,91,127,0.4)
}

.sn-text::-moz-placeholder {
    color: rgba(58,91,127,0.4)
}

.sn-text:-ms-input-placeholder {
    color: rgba(58,91,127,0.4)
}

.sn-text::-ms-input-placeholder {
    color: rgba(58,91,127,0.4)
}

.sn-text::placeholder {
    color: rgba(58,91,127,0.4)
}

.sn-text::-webkit-input-placeholder-shown {
    color: #3a5b7f
}

.sn-text::-moz-placeholder-shown {
    color: #3a5b7f
}

.sn-text:-ms-input-placeholder-shown {
    color: #3a5b7f
}

.sn-text::-ms-input-placeholder-shown {
    color: #3a5b7f
}

.sn-text::placeholder-shown {
    color: #3a5b7f
}

.sn-text:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-select {
    border: 1px solid #ced0da;
    border-radius: 4px;
    color: #3a5b7f;
    display: inline-block;
    line-height: normal;
    min-width: 0;
    padding: .6em
}

.sn-select:disabled+label {
    cursor: not-allowed;
    opacity: .3
}

.sn-clear {
    background-color: #fff;
    border: 1px solid #ced0da;
    border-radius: 3px;
    color: #3a5b7f;
    outline: none;
    padding: .2em .6em
}

.shipmentCounterPanel {
    margin: 1em 0
}

.shipmentCounterPanel ._counter {
    display: table;
    margin: 0 auto;
    position: relative
}

.shipmentCounterPanel ._counter ._time {
    font-weight: bold;
    left: 270px;
    position: absolute;
    top: 268px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.shipmentCounterPanel ._counter ._time ._hours {
    display: inline-block;
    font-size: 40px;
    text-align: right;
    width: 1.5em
}

.shipmentCounterPanel ._counter ._time ._minutes {
    display: inline-block;
    font-size: 40px;
    text-align: right;
    width: 1.5em
}

.shipmentCounterPanel ._counter ._time ._seconds {
    display: inline-block;
    font-size: 40px;
    text-align: right;
    width: 1.5em
}

.shipmentCounterPanel ._counter ._time ._label {
    display: inline-block;
    font-size: 28px
}

.shipmentCounterPanel ._counter ._text {
    font-weight: bold;
    left: 270px;
    position: absolute;
    top: 266px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.shipmentCounterPanel ._counter ._text ._label {
    display: inline-block;
    font-size: 28px
}

#SideButtonGroup {
    margin-bottom: 20px
}

#SideButtonGroup>*+* {
    margin-top: 10px
}

#SideButtonGroup>._button {
    background-image: linear-gradient(to bottom, #fff, #f5f5f5);
    background-color: #fff;
    border: 1px solid #dddcdc;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 1.3334;
    padding: .75em 15px .75em 40px;
    position: relative
}

#SideButtonGroup>._button:hover {
    opacity: .75;
    text-decoration: none
}

#SideButtonGroup>._button i {
    color: #507a9b;
    font-size: 1.2em;
    left: 10px;
    margin-top: -.5em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1em
}

.sitemap ul {
    padding-left: 0
}

.sitemap ul._row-cols-pc-6 li {
    width: calc(50% - 2px)
}

.sitemap ul li {
    background: none;
    border: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    list-style: none;
    margin: 10px;
    padding: 10px
}

.sitemap ul li._col-pc-6 {
    width: calc(50% - 2px)
}

.sitemap ul li a {
    color: #666;
    font-size: 15px;
    text-decoration: none
}

.sitemap ul li a:hover {
    color: #1090df;
    text-decoration: underline
}

.sitemap ul li ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.sitemap ul li ul li {
    background: #f0f0f0;
    font-weight: bold;
    margin: 1px;
    width: 100%
}

.sitemap ul li ul li ul li {
    background: #fff;
    border: 1px dotted #ccc;
    font-weight: normal
}

.sitemap ul li ul li ul a {
    color: #666;
    font-size: 12px
}

.splitListA ul {
    margin: 0
}

.splitListA ul li {
    border-bottom: 1px solid #ddd;
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 0
}

.splitListA ul li:last-child {
    border-bottom: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.text-italic {
    font-style: oblique
}

#topCarousel #topCarousel-button-prev,#topCarousel #topCarousel-button-next {
    background-color: rgba(255,255,255,0.7);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1
}

#topCarousel {
    overflow: hidden;
    position: relative;
    min-width: 1200px
}

#topCarousel .swiper-wrapper {
    text-align: center
}

#topCarousel .swiper-wrapper .swiper-slide a {
    display: block
}

#topCarousel #topCarousel-pagination {
    display: flex;
    justify-content: center;
    bottom: 10px;
    position: absolute;
    width: 100%;
    z-index: 1
}

#topCarousel #topCarousel-pagination .swiper-pagination-bullet {
    background-color: #ccc;
    border: 2px solid #fff;
    cursor: pointer;
    display: block;
    height: 13px;
    width: 13px;
    margin: 0 3px
}

#topCarousel #topCarousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0071c5
}

#topCarousel #topCarousel-button-prev {
    background-image: url("../img/icon/slider-icon-p.png");
    background-position: right 80px center;
    left: -495px
}

#topCarousel #topCarousel-button-next {
    background-image: url("../img/icon/slider-icon-n.png");
    background-position: left 80px center;
    right: -495px
}

.unitSwitch-control {
    display: none
}

.unitSwitch-control[data-target='mm']:checked ~ .unitSwitch-content[data-content='mm'],.unitSwitch-control[data-target='inch']:checked ~ .unitSwitch-content[data-content='inch'] {
    display: block
}

.unitSwitch-control[data-target='mm']:checked ~ .unitSwitch-switch>._button[for='unitSwitch-mm']::before,.unitSwitch-control[data-target='inch']:checked ~ .unitSwitch-switch>._button[for='unitSwitch-inch']::before {
    background-color: #0071c5;
    border-color: #0071c5;
    box-shadow: inset 0 0 0 2px #fff
}

.unitSwitch-switch {
    text-align: right
}

.unitSwitch-switch>._button {
    margin-bottom: 0
}

.unitSwitch-switch>._button:before {
    border: 1px solid gray;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 1em;
    margin-right: 0.25em;
    width: 1em
}

.unitSwitch-content {
    display: none
}

/* 追加工モーダル（プーリー、ハンドル） */
#Modal-tsuika .tsuikaModalTable {
    border-bottom: 1px solid #dde2e6;
    border-top: 1px solid #dde2e6;
    width: 100%
}

#Modal-tsuika .tsuikaModalTable+.tsuikaModalTable {
    margin-top: 8px;
}

#Modal-tsuika .tsuikaModalTable tr:nth-child(even) {
    background: #f5f6f8
}

#Modal-tsuika .tsuikaModalTable tr:nth-child(odd) {
    background: #fff;
}

#Modal-tsuika .tsuikaModalTable th {
    border: 1px solid #c7cfd5;
    line-height: 1.5;
    padding: 4px;
    min-width: 6em;
}

#Modal-tsuika .tsuikaModalTable th.hinban {
    background: #00338e;
    color: #fff;
    font-size: 14px;
}

#Modal-tsuika .tsuikaModalTable th.sunpou {
    background: #dde2e6;
    color: #000;
    font-size: 14px;
}

#Modal-tsuika .tsuikaModalTable th.buy {
    background: #fbe1e3;
    color: #df0615;
    font-size: 14px;
}

#Modal-tsuika .tsuikaModalTable th>.tooltipwrap {
    margin-bottom: 0;
}

#Modal-tsuika .tsuikaModalTable th>.tooltipwrap a {
    background-color: #96a9b3;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 1px 6px 1px 4px;
    vertical-align: middle;
}

#Modal-tsuika .tsuikaModalTable th .glyphicon-question-sign {
    margin-right: 3px;
}

#Modal-tsuika .tsuikaModalTable td>a,
#Modal-tsuika .tsuikaModalTable td>input,
#Modal-tsuika .tsuikaModalTable td>select,
#Modal-tsuika .tsuikaModalTable td>option {
    color: #000;
    line-height: 1.5;
    min-height: 1em !important;
    padding: 3px 6px;
}

#Modal-tsuika .tsuikaModalTable td>input {
    min-width: 6em;
}

#Modal-tsuika .tsuikaModalTable td>select {
    min-width: 6em;
    width: auto !important;
}

#Modal-tsuika .tsuikaModalTable td>select[name="phi"] {
    min-width: 5em;
}

#Modal-tsuika .tsuikaModalTable td>input[name="pricetxt"],
#Modal-tsuika .tsuikaModalTable td>input[name="basePrice"],
#Modal-tsuika .tsuikaModalTable td>input[name="altPrice"],
#Modal-tsuika .tsuikaModalTable td>input[name="totalPrice"] {
    background-color: inherit;
    border: 1px solid rgba(255, 255, 255, 0);
    min-width: 8em;
    text-align: right;
    width: 100%;
}

#Modal-tsuika .tsuikaModalTable td>.t_hinban {
    margin: 2px auto;
    width: 100%;
}

#Modal-tsuika .tsuikaModalTable td {
    border: 1px solid #dde2e6;
    line-height: 1.5;
    padding: 4px;
}

#Modal-tsuika .tsuikaModalTable td>a.btn-buy {
    min-width: 7em;
    text-align: center;
    margin-left: 0.25em !important;
}

#Modal-tsuika .tuikakouHinban {
    color: #000;
    padding: 4px 0;
}

#Modal-tsuika .nbkNotes {
    color: #000045;
    font-weight: bold;
    padding: 8px 0;
}

#Modal-tsuika .serviceNotes {
    padding: 8px 0 0;
}

#Modal-tsuika .asteriskNotes {
    padding: 8px 0 0 1em;
    text-indent: -1em;
}

#Modal-tsuika .cartNotes {
    color: #df0615;
    padding: 8px 0;
}

#Modal-tsuika .hiddenArea {
    display: none;
}

#Modal-tsuika .tuika-title {
    border-left: 0;
    border-bottom: 0;
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    padding: 6px 2px 4px 18px;
    position: relative;
    margin: 16px 0 0;
    width: 100%;
}

#Modal-tsuika .tuika-title:before {
    content: '';
    background: #00338e;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 12px;
    height: 16px;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

#Modal-tsuika .tuika-type-title {
    background: #dde2e6;
    border: 1px solid #c7cfd5;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    padding: 4px;
    margin: 14px 0 0;
}

#Modal-tsuika .tuika-type-subtitle {
    display: block;
    color: #00a0ca;
    font-size: 14px;
    line-height: 1.5;
    padding: 6px 2px 4px 12px;
    position: relative;
    margin: 0;
    width: 100%;
}
.entry h4.arrowRight_pulley{
    background: none;
}

#Modal-tsuika .tuika-type-subtitle:before {
    content: '';
    background: #00a0ca;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 12px;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

#Modal-tsuika .tuika-type-border {
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 1px 4px;
}

#Modal-tsuika .tuika-type-btn {
    border: 1px solid #c7cfd5;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: inline-grid;
    grid-template-columns: 1fr 5fr;
    grid-template-rows: 5fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 4px;
    margin: 4px 5px;
    padding: 8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 150px;
}

#Modal-tsuika .tuika-type-btn:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08), 0 1px 15px rgba(0, 0, 0, 0.24);
}

#Modal-tsuika .tuika-type-btn>img {
    grid-area: 1 / 1 / 2 / 3;
    width: 100%;
}

#Modal-tsuika .tuika-type-btn>input {
    grid-area: 2 / 1 / 3 / 2;
    margin: 6px 0 0 4px;
}

#Modal-tsuika .tuika-type-btn>div {
    grid-area: 2 / 2 / 3 / 3;
    padding: 4px 14px 0 4px;
    text-align: center;
}

#Modal-tsuika .tuika-type-btn input:checked+div>.tuika-type-border {
    border: 1px solid #00338e;
    color: #00338e;
}

#Modal-tsuika .tuika-type th {
    background: #f5f6f8;
    border: 1px solid #c7cfd5;
    font-size: 12px;
    text-align: center;
    padding: 6px;
}

#Modal-tsuika .tuika-type td {
    background: #ffffff;
    border: 1px solid #c7cfd5;
    font-size: 12px;
    text-align: center;
    padding: 8px;
}

#Modal-tsuika .tuika-type table {
    width: auto;
}

#Modal-tsuika .tuika-type img {
    display: block
}



#Modal-tsuika .tuika-pulley-type {
    border-top: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 6px;
    padding: 6px;
    margin-bottom: 14px;
    width: 100%;
}

@media screen and (max-width:900px) {
    #Modal-tsuika .tuika-type table th {
        min-width: 6.5em;
    }
}

#Modal-tsuika .tuika-pulley-type-01 {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 28%;
}

#Modal-tsuika .tuika-pulley-type-02 {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(72% - 32px);
    column-gap: 14px;
    justify-content: space-between;
}

@media screen and (max-width:900px) {
    #Modal-tsuika .tuika-pulley-type-02 {
        justify-content: flex-start;
        flex-basis: 100%;
    }
}

#Modal-tsuika .tuika-pulley-type-02>table:nth-of-type(1) {
    max-width: 44%;
}

#Modal-tsuika .tuika-pulley-type-02>table:nth-of-type(2) {
    max-width: 56%;
}

#Modal-tsuika .tuika-pulley-type-03 {
    width: 100%;
}

#Modal-tsuika .tuika-handle-type {
    border-top: 0;
    display: flex;
    justify-content: space-between;
    padding: 2px;
    margin-bottom: 14px;
    width: 100%;
}

#Modal-tsuika .tuika-handle-type table {
    margin: 3px 1px;
}

#Modal-tsuika .tuika-handle-type table thead tr:first-child th {
    height: 9em;
}

#Modal-tsuika .tuika-handle-type .tuika-type-btn {
    margin: 0;
    width: auto;
}


@media print {
    * html body {
        zoom:.7;font-size: 12pt;
        color: #000000;
        background-color: #FFFFFF
    }

    a[href]:after {
        content: "" !important
    }

    abbr[title]:after {
        content: "" !important
    }

    a:link,a:visited {
        text-decoration: underline;
        color: #000000
    }

    img {
        border: 0
    }

    table,th,td {
        border-collapse: collapse;
        border-spacing: 0
    }

    h1,h2,h3,.entry .Magkind,h4,h5 {
        padding: 0 !important;
        margin: 10px 0 !important
    }

    #headNavi,#Language,#search,#menulist,#subArea,#next_action,#footer,#carousel_product_list,.menu.area.utility,.product_banaArea,#pagesidemenu,#pagefootmenu,#topcontrol {
        display: none
    }

    #header {
        height: 40px !important
    }

    #header .logo {
        top: 5px !important
    }

    #pan ul {
        height: 50px !important
    }

    #pan ul a {
        padding: 0 !important
    }

    #pan ul a:after {
        content: "  >" !important
    }

    #result_message {
        width: auto !important
    }

    #mainArea {
        width: auto !important;
        float: none;
        margin: 0 !important
    }

    #mainArea .product_table table {
        width: auto !important;
        max-width: auto !important;
        margin: 0 !important;
        margin-bottom: 10px !important
    }

    #mainArea .entry {
        width: 98% !important
    }

    body#print #header,body#print #headNavi,body#print #pan,body#print #topArea,body#print #mainArea,body#print #next_action,body#print #footer,body#print .pagetop {
        display: none
    }

    body#print #contents {
        width: 100% !important;
        margin: 0 !important
    }

    body#print #subArea {
        display: block !important;
        width: 100%
    }

    body#print #subArea .c2title-side-h3_b,body#print #subArea .c2title-side-linklist,body#print #subArea .c2title-side-h3,body#print #subArea .c2title-side-banaArea,body#print #subArea .mylist_box,body#print #subArea .btn,body#print #subArea #pulley_addition_selection_collapse {
        display: none !important
    }

    body#print #subArea .navi_layout_box {
        display: block !important
    }

    body#print #subArea .navi_layout_box .searchButtonArea,body#print #subArea .navi_layout_box .navi_botton_clear,body#print #subArea .navi_layout_box .inputNaviWrap {
        display: none !important
    }

    body#print .modal {
        display: block !important;
        overflow-x: visible;
        overflow-y: visible;
        position: relative
    }

    body#print .modal.fade {
        opacity: 1
    }

    body#print .modal.fade .modal-content {
        box-shadow: none;
        border: none;
        width: 100% !important;
        height: 100%
    }

    body#print .modal.fade .modal-content .search_after_add {
        border: none;
        border-radius: 0px
    }

    body#print .modal.fade .modal-dialog {
        margin: 0px 0;
        -webkit-transform: translate(0, 0%)
    }

    body#print .modal.fade .pulley_modal {
        width: 95% !important
    }

    body#print .modal.fade .pulley_modal .search_after_add {
        border: 1px solid #ccc;
        background: none
    }

    body#print .modal.fade .pulley_modal .search_after_add .search_result table {
        width: 97% !important
    }

    body#print .modal.fade .pulley_modal .btn-default {
        display: none
    }

    body#print .modal.fade .pulley_modal .modal-body table.product_list th {
        border: 1px solid #dcdcdc;
        font-size: 10px;
        font-weight: normal
    }

    body#print .modal.fade .pulley_modal .modal-body .search_after_add h3,body#print .modal.fade .pulley_modal .modal-body .search_after_add .entry .Magkind,.entry body#print .modal.fade .pulley_modal .modal-body .search_after_add .Magkind {
        margin: 0 10px
    }

    body#print .modal.fade .close {
        display: none
    }

    body#print .modal#Modal_searchresultHelp,body#print .modal#Modal-bookmarks {
        display: none !important
    }

    body#print .modal#Modal_searchresultHelp.modal,body#print .modal#Modal-bookmarks.modal {
        display: none !important
    }

    body#print .modal#Modal_searchresultHelp.fade,body#print .modal#Modal-bookmarks.fade {
        opacity: 0 !important
    }
}