@charset "utf-8";
/* CSS Document */

.title {
    font-size: 16px;
    line-height: 52px;
    background: url(../img/common/other_title.jpg) no-repeat 0 0;
    display: block;
    height: 52px;
    width: 730px;
    padding-left: 15px;
    margin-bottom: 20px;
}

h5.subtitle {
    background-color: #f6f6f6;
}

ul.gmpm {
    background-color: #FFF;
    display: block;
    padding: 5px;
}

ul.gmpm li {
    display: block;
}

ul.gmpm li.bgg {
    background-color: #EFEFEF;
}

ul.gmpm li a {
    display: block;
    padding: 10px;
}

ul.gmpm li a:link {
    text-decoration: none;
    color: #666;
}

ul.gmpm li a:visited {
    text-decoration: none;
    color: #666;
}

ul.gmpm li a:hover {
    text-decoration: underline;
    color: #036;
}

ul.gmpm li a:active {
    text-decoration: none;
}

ul.gmpm li a:focus {
    outline: none;
}

ul.gmpm2 {
    display: block;
}

ul.gmpm2 li {
    background: url(../img/common/arrow03.jpg) no-repeat 10px center;
    border-bottom: 1px dotted #CCC;
}

ul.gmpm2 li a {
    padding: 10px 0 10px 20px;
    display: block;
}

ul.gmpm2 li a:link {
    text-decoration: none;
    color: #666;
}

ul.gmpm2 li a:visited {
    text-decoration: none;
    color: #666;
}

ul.gmpm2 li a:hover {
    text-decoration: underline;
    color: #036;
}

ul.gmpm2 li a:active {
    text-decoration: none;
}

ul.gmpm2 li a:focus {
    outline: none;
}

.servo_area01 {
    background: url(../img/servo/servo01_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area02 {
    background: url(../img/product/product02_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area03 {
    background: url(../img/product/product03_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area04 {
    background: url(../img/product/product04_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area05 {
    background: url(../img/product/product05_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area06 {
    background: url(../img/product/product06_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area07 {
    background: url(../img/product/product07_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area08 {
    background: url(../img/product/product08_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area09 {
    background: url(../img/product/product09_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area10 {
    background: url(../img/product/product10_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area11 {
    background: url(../img/product/product11_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area12 {
    background: url(../img/product/product12_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area13 {
    background: url(../img/product/product13_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area14 {
    background: url(../img/product/product14_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area15 {
    background: url(../img/product/product15_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area16 {
    background: url(../img/product/product16_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area17 {
    background: url(../img/product/product17_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}

.product_area18 {
    background: url(../img/product/product18_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    height: 128px;
    width: 740px;
    margin-bottom: 10px;
}


.product_area01 a,
.product_area02 a,
.product_area03 a,
.product_area04 a,
.product_area05 a,
.product_area06 a,
.product_area07 a,
.product_area08 a,
.product_area09 a,
.product_area10 a,
.product_area11 a,
.product_area12 a,
.product_area13 a,
.product_area14 a,
.product_area15 a,
.product_area16 a,
.product_area17 a,
.product_area18 a {
    display: block;
    height: 128px;
    width: 740px;
}

.servo_area01 a,
.servo_area02 a,
.servo_area03 a,
.servo_area04 a,
.servo_area05 a,
.servo_area06 a,
.servo_area07 a,
.servo_area08 a,
.servo_area09 a,
.servo_area10 a,
.servo_area11 a,
.servo_area12 a,
.servo_area13 a,
.servo_area14 a,
.servo_area15 a,
.servo_area16 a,
.servo_area17 a,
.servo_area18 a {
    display: block;
    height: 128px;
    width: 740px;
}



.select_area {
    margin-bottom: 20px;
}

.select_area li {
    float: left;
    display: block;
}

.product_bnr li {
    float: left;
}

ul.pms {
    display: block;
    background: url(../img/product/product_select_bg.jpg) repeat-x 0 0;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}

ul.pms-text li.type {
    color: #565656;
    padding: 0 10px;
    line-height: 46px;
    font-size: 14px;
    font-weight: bold;
    background-image: linear-gradient(0deg, #dfdfdf, #fff 33%);
    display: block;
}

ul.pms-text li a {
    color: #a9a9a9;
    padding: 0 10px;
    line-height: 46px;
    font-size: 14px;
    background-image: linear-gradient(0deg, #dfdfdf, #fff 33%);
    display: block;
}

ul.pms-text li.active a {
    color: #0188C2;
    pointer-events: none;
}

h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.subtitle {
    font-size: 18px;
    line-height: 42px;
    background: url(../img/common/other_subtitle02.jpg) no-repeat 7px center;
    display: block;
    float: left;
    height: 42px;
    width: 723px;
    padding-left: 17px;
    margin-bottom: 10px;
}

ul.pms li {
    float: left;
    border-right: 1px solid #CCC;
}

ul#tab {
    zoom: 1;
    list-style: none;
    padding: 0;
    margin-left: 10px;
}

ul#tab:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0;
    visibility: hidden;
}

ul#tab li {
    float: left;
    text-indent: -9999px;
}

ul#tab li.tab01 {
    background: url(../img/servo/tab01_servo01.jpg) no-repeat 0 0;
}

ul#tab li.tab02 {
    background: url(../img/servo/tab02_servo02.jpg) no-repeat 0 0;
}

ul#tab li.tab03 {
    background: url(../img/product/tab03_gear_off.jpg) no-repeat 0 0;
}

ul#tab li.tab04 {
    background: url(../img/product/tab04_gear_off.jpg) no-repeat 0 0;
}

ul#tab li.tab05 {
    background: url(../img/product/tab05_gear_off.jpg) no-repeat 0 0;
}

ul#tab li a {
    display: block;
    height: 36px;
    width: 140px;
    margin-right: 10px;
}

ul#tab li.tab01 a:hover {
    background: url(../img/servo/tab01_servo01-hover.jpg) no-repeat 0 0;
}

ul#tab li.tab02 a:hover {
    background: url(../img/servo/tab02_servo02-hover.jpg) no-repeat 0 0;
}

ul#tab li.tab03 a:hover {
    background: url(../img/product/tab03_gear_on.jpg) no-repeat 0 0;
}

ul#tab li.tab04 a:hover {
    background: url(../img/product/tab04_gear_on.jpg) no-repeat 0 0;
}

ul#tab li.tab05 a:hover {
    background: url(../img/product/tab05_gear_on.jpg) no-repeat 0 0;
}

ul#tab li.tab01.active,
ul#tab li.tab01.active a,
ul#tab li.tab01.active a:hover {
    background: url(../img/servo/tab01_servo01-hover.jpg) no-repeat 0 0;
}

ul#tab li.tab02.active,
ul#tab li.tab02.active a,
ul#tab li.tab02.active a:hover {
    background: url(../img/servo/tab02_servo02-hover.jpg) no-repeat 0 0;
}

ul#tab li.tab03.active,
ul#tab li.tab03.active a,
ul#tab li.tab03.active a:hover {
    background: url(../img/product/tab03_gear_on.jpg) no-repeat 0 0;
}

ul#tab li.tab04.active,
ul#tab li.tab04.active a,
ul#tab li.tab04.active a:hover {
    background: url(../img/product/tab04_gear_on.jpg) no-repeat 0 0;
}

ul#tab li.tab05.active,
ul#tab li.tab05.active a,
ul#tab li.tab05.active a:hover {
    background: url(../img/product/tab05_gear_on.jpg) no-repeat 0 0;
}

#detail {
    background: url(../img/product/product_specification_bg.jpg) repeat-x 0 0;
    clear: both;
    width: 740px;
    padding-top: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}

.tabbox {
    display: none;
}

.caption_area {
    margin-bottom: 20px;
}

.tableType_p1 {
    font-size: 10px;
    float: left;
    width: 739px;
    margin: 0 0 20px 0;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
}

.tableType_p1 th,
.tableType_p1 td {
    padding: 10px 5px;
    border: #CCC 1px solid;
    font-weight: normal;
    text-align: center;
}

.padding2 th,
.padding2 td {
    padding: 10px 1px;
}

.tableType_p1 thead th {
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.tableType_p1 tbody th {
    background-color: #f9f9f9;
    vertical-align: center;
}

.tableType_p1 th.cellColor1,
.tableType_p1 td.cellColor1 {
    background-color: #fff0ee;
}

.tableType_p2 {
    font-size: 10px;
    float: left;
    width: 740px;
    margin: 0 0 20px 0;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
}

.tableType_p2 th,
.tableType_p2 td {
    padding: 3px;
    border: #CCC 1px solid;
    font-weight: normal;
    text-align: center;
}

.tableType_p2 thead th {
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.tableType_p2 tbody th {
    background-color: #f9f9f9;
    vertical-align: center;
}

.tableType_p2 th.cellColor1,
.tableType_p2 td.cellColor1 {
    background-color: #fff0ee;
}

.tableType_price {
    font-size: 12px;
    float: left;
    width: 739px;
    margin: 0 0 20px 0;
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
}

.tableType_price th,
.tableType_price td {
    padding: 10px 5px;
    border: #CCC 1px solid;
    font-weight: normal;
    text-align: center;
}

.tableType_price thead th {
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.tableType_price tbody th {
    background-color: #f9f9f9;
    vertical-align: center;
}

.tableType_price th.cellColor1,
.tableType_price td.cellColor1 {
    background-color: #fff0ee;
}

.catalog_area .block-area {
    display: block;
    padding: 30px;
    text-shadow: 0 0 2px #000;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-image: url(../img/product/bg_catalog_area.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    position: relative;
}

.catalog_area .block-area::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
}

.catalog_area.ab .block-area::before {
    background-color: #0d6fb8;
}

.catalog_area.af .block-area::before {
    background-color: #529fd6;
}

.catalog_area.ae .block-area::before {
    background-color: #5f879e;
}

.catalog_area.ad .block-area::before {
    background-color: #32aba9;
}

.catalog_area.p2 .block-area::before {
    background-color: #07913a;
}

.catalog_area.at .block-area::before {
    background-color: #678e73;
}

.catalog_area.ah .block-area::before {
    background-color: #767daf;
}

.catalog_area.afh .block-area::before {
    background-color: #552764;
}

.catalog_area.kh .block-area::before {
    background-color: #cd1d60;
}

.catalog_area.ap .block-area::before {
    background-color: #e95364;
}

.catalog_area.gl .block-area::before {
    background-color: #deaeaf;
}

.catalog_area .block-area .btn-title {
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.catalog_area .block-area span {
    display: inline-block;
}

.catalog_area .block-area .eng {
    margin-right: 16px;
}

#detail .subtitle {
    /*    display: none;*/
}

#detail img {
    width: auto;
    max-width: 100%;
}


.toku-01:hover {
    background: url(../img/servo/title_servo-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-01-blue {
    background: url(../img/servo/title_servo-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-01 {
    background: url(../img/servo/title_servo.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;

}

.toku-02:hover {
    background: url(../img/servo/title_servo01-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-02-blue {
    background: url(../img/servo/title_servo01-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-02 {
    background: url(../img/servo/title_servo01.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;

}



.toku-03:hover {
    background: url(../img/servo/title_servo02-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-03-blue {
    background: url(../img/servo/title_servo02-hover.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}

.toku-03 {
    background: url(../img/servo/title_servo02.jpg) no-repeat 0 0;
    width: 142px;
    display: block;
    height: 46px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;

}