@charset "utf-8";

.container_strain {
    overflow: hidden;
}
.strain-menu {
    margin: 40px 0;
    overflow: hidden;
}
.menu-01 a,.menu-02 a,.menu-03 a,.menu-04 a,.menu-05 a,
.menu-01-over,.menu-02-over,.menu-03-over,.menu-04-over,.menu-05-over {
    width: 213px;
    height: 37px;
    text-align: center;
    float: left;
    padding-top: 15px;
    border-left: 1px #8a8e91 solid;
    border-top: 1px #8a8e91 solid;
    border-right: 1px #8a8e91 solid;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.menu-01 a,.menu-02 a,.menu-03 a,.menu-04 a,.menu-05 a{
    display: block;
    background: #9fa5ad;
    color: #ffffff;
    font-size: 18px;
}
.menu-01-over,.menu-02-over,.menu-03-over,.menu-04-over,.menu-05-over {
    background: #ffffff;
    color: #00497d;
    font-weight: bold;
    font-size: 20px;
}
.menu-01 a:hover,.menu-02 a:hover,.menu-03 a:hover,.menu-04 a:hover, .menu-05 a:hover{
    opacity: 0.8;
}
.menu-line{
    border-bottom: #9fa5ad 1px solid;
    overflow: hidden;
    height: 52px;
    float: left;
}
.radius_left {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.radius_right {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
h3{
    font-weight: bold;
    font-size: 120%;
    padding: 14px 50px;
    margin-bottom: 15px;
    color: #ffffff;
    background: url(../img/img_title03.png) 0 bottom no-repeat;
}
h4 {
    font-weight: bold;
    font-size: 140%;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url(../img/img_icon04.png) 0 0 no-repeat;
}
.series_number {
    float: left;
}
.series_number li {
    float: left;

}
.number_CE,.number_A,.number_name,.number_06,.number_250UW,.number_120,.number_P,
.number_N2,.number_S148P,.number_DP,.number_E2,.number_120a,.no_slash {
    text-indent: 220%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 90%;
}
.number_CE,.number_A,.no_line,.number_06,.number_250UW,.number_120,.number_P,
.number_N2,.number_S148P,.number_DP,.number_E2,.number_120a,.no_slash {
    height: 123px;
}
.number_CE {
    width: 105px;
    background-image: url(../img/no_CE.png);
}
.number_CE:hover {
    background-image: url(../img/no_CE_over.png);
}
.number_A {
    width: 70px;
    background-image: url(../img/no_A.png);
}
.number_A:hover {
    background-image: url(../img/no_A_over.png);
}
.number_name {
    width: 175px;
    height: 34px;
    background-image: url(../img/no_name.png);
}
.number_name:hover {
    background-image: url(../img/no_name_over.png);
}
.number_N2 {
    width: 105px;
    background-image: url(../img/number_N2.png);
}
.number_N2:hover {
    background-image: url(../img/number_N2_over.png);
}
.number_S148P {
    width: 210px;
    background-image: url(../img/number_S148P.png);
}
.number_DP {
    width: 108px;
    background-image: url(../img/number_DP.png);
}
.number_DP:hover {
    background-image: url(../img/number_DP_over.png);
}
.number_E2 {
    width: 108px;
    background-image: url(../img/number_E2.png);
}
.number_E2:hover {
    background-image: url(../img/number_E2_over.png);
}
.number_120a {
    width: 125px;
    background-image: url(../img/no_120a.png);
}
.number_120a:hover {
    background-image: url(../img/no_120a_over.png);
}
.CEA_box {
    width: 175px;
}
.no_line {
    width: 15px;
    text-indent: 220%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 50px;
    background-repeat: no-repeat;
    background-image: url(../img/no_line.png);
}
.no_slash {
    width: 18px;
    background-image: url(../img/no_slash.png);
}
.number_06 {
    width: 108px;
    background-image: url(../img/no_06.png);
}
.number_06:hover {
    background-image: url(../img/no_06_over.png);
}
.number_250UW {
    width: 240px;
    background-image: url(../img/no_250UW.png);
}
.number_250UW:hover {
    background-image: url(../img/no_250UW_over.png);
}
.number_120 {
    width: 125px;
    background-image: url(../img/no_120.png);
}
.number_120:hover {
    background-image: url(../img/no_120_over.png);
}
.number_P {
    width: 74px;
    background-image: url(../img/no_P.png);
}
.number_P:hover {
    background-image: url(../img/no_P_over.png);
}
.pro_size {
    margin: -13px 0 0 0;
}
.size_box p {
    font-size: 12px;
    color: #006699;
}
/* product_strain04d 型式番号の見方　start*/
.series_no4 {
    float: left;
}
.series_no4 li {
    float: left;

}
.no4_3,.no4_26,.no4_D,.no4_F,.no4_V,.no4_1,.no4_G,.no4_L,.no4_64 {
    text-indent: 220%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 90%;
    height: 123px;
}
.no4_3{
    width: 84px;
    background-image: url(../img/no4_3.png);
}
.no4_3:hover {
    background-image: url(../img/no4_3_over.png);
}
.no4_26{
    width: 114px;
    background-image: url(../img/no4_26.png);
}
.no4_26:hover {
    background-image: url(../img/no4_26_over.png);
}
.no4_D{
    width: 84px;
    background-image: url(../img/no4_D.png);
}
.no4_D:hover {
    background-image: url(../img/no4_D_over.png);
}
.no4_F{
    width: 84px;
    background-image: url(../img/no4_F.png);
}
.no4_F:hover {
    background-image: url(../img/no4_F_over.png);
}
.no4_V{
    width: 84px;
    background-image: url(../img/no4_V.png);
}
.no4_V:hover {
    background-image: url(../img/no4_V_over.png);
}
.no4_1{
    width: 84px;
    background-image: url(../img/no4_1.png);
}
.no4_1:hover {
    background-image: url(../img/no4_1_over.png);
}
.no4_G{
    width: 84px;
    background-image: url(../img/no4_G.png);
}
.no4_G:hover {
    background-image: url(../img/no4_G_over.png);
}
.no4_L{
    width: 84px;
    background-image: url(../img/no4_L.png);
}
.no4_L:hover {
    background-image: url(../img/no4_L_over.png);
}
.no4_64{
    width: 114px;
    background-image: url(../img/no4_64.png);
}
.no4_64:hover {
    background-image: url(../img/no4_64_over.png);
}
.no4_line {
    width: 56px;
    text-indent: 220%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/no4_line.png);
    margin-top: 60px;
}
.no4_size_box img{
    width: 420px;
    margin: -70px 0 0 65px;
}
/* product_strain04d 型式番号の見方　 end*/
/*　半導体ひずみゲージ型式番号の見方　スタート*/
.series_semi,.series_load {
    float: left;
}
.series_semi li,.series_load li {
    float: left;
}
.semi_SS,.semi_080,.semi_050,.semi_500,.semi_P,.semi_U,.semi_B,.semi_S4,
.nofree_HFH,.nofree_12,.nofree_250,.nofree_SHW,
.load_B,.load_M,.load_D,.load_Z,.load_A,.load_F,.load_XX{
    text-indent: 220%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 90%;
    height: 123px;
}
.nofree_HFH{
    width: 155px;
    background-image: url(../img/ptn/nofree_HFH.png);
}
.nofree_HFH:hover{
    background-image: url(../img/ptn/nofree_HFH_over.png);
}
.nofree_12{
    width: 122px;
    background-image: url(../img/ptn/nofree_12.png);
}
.nofree_12:hover{
    background-image: url(../img/ptn/nofree_12_over.png);
}
.nofree_250{
    width: 156px;
    background-image: url(../img/ptn/nofree_250.png);
}
.nofree_250:hover{
    background-image: url(../img/ptn/nofree_250_over.png);
}
.nofree_SHW{
    width: 176px;
    background-image: url(../img/ptn/nofree_SHW.png);
}
.nofree_SHW:hover{
    background-image: url(../img/ptn/nofree_SHW_over.png);
}
.semi_SS{
    width: 114px;
    background-image: url(../img/no_SS.png);
}
.semi_080{
    width: 155px;
    background-image: url(../img/no_080.png);
}
.semi_080:hover {
    background-image: url(../img/no_080_over.png);
}
.semi_050{
    width: 156px;
    background-image: url(../img/no_050.png);
}
.semi_050:hover {
    background-image: url(../img/no_050_over.png);
}
.semi_500{
    width: 156px;
    background-image: url(../img/no_500.png);
}
.semi_500:hover {
    background-image: url(../img/no_500_over.png);
}
.semi_P{
    width: 89px;
    background-image: url(../img/no_Ps.png);
}
.semi_P:hover {
    background-image: url(../img/no_Ps_over.png);
}
.semi_U{
    width: 89px;
    background-image: url(../img/no_U.png);
}
.semi_U:hover {
    background-image: url(../img/no_U_over.png);
}
.semi_B{
    width: 89px;
    background-image: url(../img/no_B.png);
}
.semi_B:hover {
    background-image: url(../img/no_B_over.png);
}
.semi_S4{
    width: 122px;
    background-image: url(../img/no_S4.png);
}
.semi_S4:hover {
    background-image: url(../img/no_S4_over.png);
}
/*　半導体ひずみゲージ型式番号の見方　エンド*/
/*　半導体ひずみゲージ型式番号の見方　start */
.load_B{
    width: 90px;
    background-image: url(../img/ptn/load_B.png);
}
.load_M{
    width: 90px;
    background-image: url(../img/ptn/load_M.png);
}
.load_M:hover{
    background-image: url(../img/ptn/load_M_over.png);
}
.load_D{
    width: 90px;
    background-image: url(../img/ptn/load_D.png);
}
.load_Z{
    width: 90px;
    background-image: url(../img/ptn/load_Z.png);
}
.load_Z:hover{
    background-image: url(../img/ptn/load_Z_over.png);
}
.load_A{
    width: 90px;
    background-image: url(../img/ptn/load_A.png);
}
.load_A:hover{
    background-image: url(../img/ptn/load_A_over.png);
}
.load_F{
    width: 90px;
    background-image: url(../img/ptn/load_F.png);
}
.load_XX{
    width: 121px;
    background-image: url(../img/ptn/load_XX.png);
}
/*　半導体ひずみゲージ型式番号の見方　end */
/**�e�[�u��**/
h5 {
    font-size: 18px;
    font-weight: bold;
}
table {
    width: 100%;
    font-size: 14px;
    border: 1px solid #4a74c0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    overflow: hidden;
    line-height: 1.2;
}
table thead th,
table tbody th,
table tbody td {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #4a74c0;
}
table thead th {
    background-color: #daf3ff;
    color: #004c83;
    vertical-align: middle;
}
table tbody th {
    background-color: #f2fbfe;
    vertical-align: middle;
}
table thead th + th,
table tbody td{
    border-left: 1px solid #4a74c0;
    vertical-align: middle;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
    border-bottom: none;
}
.td_color td {background-color: #f2fbfe;}
.icon_box{
    padding:2px 5px;
    color:#ffffff;
}
.icon_bc_red,.icon_bc_blue{
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size:12px;
    width:80px;
    text-align: center;
    margin:10px 0;
}
.icon_bc_red{
    background-color: #cc0000;
}
.icon_bc_blue{
    background-color: #04aceb;
}

/* tab */
.tabs_ul {
    margin: 40px 0;
    overflow: hidden;
}
.tabs-01 a,.tabs-02 a,.tabs-03 a,.tabs-04 a,
.tabs-01f a,.tabs-02f a,.tabs-03f a,.tabs-04f a,
.tabs-over a {
    height: 27px;
    text-align: center;
    float: left;
    padding: 8px 40px 0 40px;
    border-left: 1px #8a8e91 solid;
    border-top: 1px #8a8e91 solid;
    border-right: 1px #8a8e91 solid;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.tabs-01 a,.tabs-02 a,.tabs-03 a,.tabs-04 a,
.tabs-01f a,.tabs-02f a,.tabs-03f a,.tabs-04f a {
    background: #9fa5ad;
    font-size: 16px;
    color:#ffffff;
}
.tabs-over a{
    background: #FFFFFF;
    font-weight: bold;
    font-size: 15.5px;
    color:#00497d;
}
.tabs-line{
    border-bottom: #9fa5ad 1px solid;
    overflow: hidden;
    height: 35px;
    float: left;
}
.tab_body {
    display: none;
    margin: 0 40px 20px 40px;
}
.selected {
    background: #FFFFFF;
    font-weight: bold;
    font-size: 15.5px;
    display: block;
}
.selected2 {
    text-decoration: none;
    display: block;
}
.tabs_link a:hover {
    opacity: 0.8;
}
.size_box {
    margin: -42px 0 0 60px;1
    float: left;
    width: 222px;
    float: left;
    position: relative;
}
.free_size_box {
    margin: -51px 0 0 60px;
    float: left;
    width: 400px;
    position: relative;
}
.text_title {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    color:
}
.focus_text_box {
    border-radius: 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background: #ededed;
    padding: 20px;
    line-height: 1.5;
}
a.btn_pro{
    padding:2px 10px;
    color:#ffffff;
    border-radius:3px;
    background-color:#0012ba;
}
.maru01{
    background: url(../img/icon_maru.png) center 10px no-repeat;
    background-size: 15px;
}
.maru02{
    background: url(../img/icon_maru.png) 38px 10px no-repeat;
    background-size: 15px;
}
.pro_box{
    padding:15px;
    margin: 0 0 20px 0;
    width:45%;
    height: 218px;
    border: 1px solid #dddddd;
    overflow: hidden;
    float: left;
}
.square_box2{
    width: 169px;
    height: 90px !important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    font-size: 20px;
    color: #000;
    border:1px solid #4a74c0;
    padding-left: 15px;
}
.square_box2 p {
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.square_box{
    width: 270px;
    height: 90px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    font-size: 20px;
    color: #000;
    border:1px solid #4a74c0;
    /*background-color: #ededed;*/
    text-align: center;
}
.square_box p {
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.icon_see{
    background: url(../img/ptn/icon_see.png) right bottom no-repeat;
}
.icon_box2{
    background: url(../img/ptn/icon_box.png) right bottom no-repeat;
}
.icon_check{
    background: url(../img/ptn/icon_check.png) right bottom no-repeat;
}
.icon_attest{
    background: url(../img/ptn/icon_attest.png) right bottom no-repeat;
}
.icon_test{
    background: url(../img/ptn/icon_test.png) right bottom no-repeat;
}
.icon_chair{
    background: url(../img/ptn/icon_chair.png) right bottom no-repeat;
}
.mini_ul{
    overflow: hidden;
    border: 1px solid #012a7d;
    float: left;
    width: 309px;
    margin: 0 0 40px -1px;
}
.mini_ul img{
    width:100%;
}
.mini_li_img{
    text-align: center;
    padding: 20px 55px;
    width: 200px;
}
.mini_li_title{
    text-align: center;
    font-size:24px;
    font-weight: bold;
    background-color: #2b86bd;
    color: #ffffff;
    padding: 10px 0 8px 0;
}
.mini_li_temperature{
    text-align: center;
    border: 1px solid #012a7d;
    border-radius: 6px;
    padding: 10px;
    margin: 0px 55px 20px 55px;
    font-weight: bold;
}
.mini_li_img2{
    text-align: center;
    padding: 20px 15px 10px 15px;
    width: 280px;
}
.mini_li_text{
    margin: 0 10px 0 15px;
    height: 5em !important;
}
.att_text{
    margin: 0 30px 0 50px;
}
.att_text li{
        list-style-type: decimal;
}
.btn-download a{
    border-radius: 3px;
    padding: 2px 5px;
    background: #003399;
    color: #ffffff;
    font-size:12px;
}
.btn-download a:hover{
    background: #0050f8;
}