@charset "utf-8";
/*====================================================================================
■01.Common CSS 
====================================================================================*/
.sg_footer {
    padding-top: 62px;
}

.tt_page {
    height: 68px;
    background: url(../common_img/tt_page_bg.png) no-repeat center top;
    background-size: 320px 68px;
    -moz-background-size: 320px 68px;
    -webkit-background-size: 320px 68px;
    margin-bottom: 15px;
}

    .tt_page h2 {
        padding: 16px 0px 0px 11px;
    }

.common_banner {
    padding: 34px 11px 0px 11px;
}

    .common_banner > ul > li {
        margin-bottom: 13px;
    }

    .common_banner > ul {
        margin-bottom: 23px;
    }

    .common_banner .service_banner ul {
        background: #f0edeb;
        padding: 10px;
    }

        .common_banner .service_banner ul li {
            margin-right: 8px;
            float: left;
            margin-bottom: 8px;
        }
/*====================================================================================
■02.Strong PAGE 
====================================================================================*/
.strong .banner_sec {
    width: 318px;
    padding: 0px 2px;
    background: url(../strong/images/tt1_bg.png) no-repeat center top;
    height: 234px;
    background-size: 318px 234px;
    -moz-background-size: 318px 234px;
    -webkit-background-size: 318px 234px;
    margin-bottom: 20px;
}

    .strong .banner_sec h3 {
        padding: 18px 0px 8px 16px;
    }

    .strong .banner_sec p {
        padding: 0px 0px 0px 16px;
        width: 244px;
        font-size: 11px;
    }

.strong .tab {
    width: 298px;
    background: url(../strong/images/tab_bg.png) no-repeat center top;
    height: 42px;
    background-size: 298px 42px;
    -moz-background-size: 298px 42px;
    -webkit-background-size: 298px 42px;
    margin-bottom: 20px;
    margin: 0px auto 25px auto;
    padding: 12px 0px 0px 12px;
}

    .strong .tab li {
        float: left;
        margin-right: 28px;
    }

.strong .strong_sec {
    padding: 0px 11px;
    margin-bottom: 25px;
}

    .strong .strong_sec h4 {
        margin-bottom: 14px;
    }

        .strong .strong_sec h4 span {
            float: left;
            margin-left: 10px;
        }

        .strong .strong_sec h4 img {
            float: left;
        }

.strong #strong01 h4 span {
    color: #0363ad;
    font-size: 15px;
}

.strong #strong02 h4 span {
    color: #6ca31e;
    font-size: 15px;
    padding-top: 10px;
}

.strong #strong03 h4 span {
    color: #dc8c2d;
    font-size: 15px;
}
/*====================================================================================
■03.News PAGE 
====================================================================================*/
.news .title {
    border-bottom: 1px double #e4e4e4;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    .news .title .date {
        background: #047ad6;
        color: #fff;
        text-align: center;
        border: 1px solid #ddd;
        padding: 3px 4px;
        font-weight: bold;
        margin-bottom: 5px;
        width: 113px;
    }

.news .news_sec {
    padding: 0px 11px 0px 11px;
    margin-bottom: 20px;
}

.news .news_content .photo {
    margin: 0px 20px 10px 0px;
}

.news .news_content p {
    margin-bottom: 15px;
}

.news .news_content .photo > a {
    display: block;
    position: relative;
}

    .news .news_content .photo > a:after {
        display: block;
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        background: url(../news/images/icon_zoom.png) bottom right;
        bottom: 0px;
        right: 0px;
        background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
    }

.news .nav_sec {
    padding: 10px 10px 0px 10px;
}

.news .news_sec:last-child {
    margin-bottom: 0px;
}
/*====================================================================================
■04.Company PAGE 
====================================================================================*/
.company .tab {
    width: 298px;
    background: url(../company/images/tab_bg.png) no-repeat center top;
    height: 42px;
    background-size: 298px 42px;
    -moz-background-size: 298px 42px;
    -webkit-background-size: 298px 42px;
    margin-bottom: 20px;
    margin: 0px auto 25px auto;
    padding: 12px 0px 0px 12px;
}

    .company .tab li {
        float: left;
        margin-right: 15px;
    }

.company .company_sec {
    padding: 0px 11px;
    margin-bottom: 23px;
}

.company .title_sub {
    padding: 0 0 5px 0;
    background: url(../company/images/line.png) no-repeat left bottom;
    font-size: 15px;
    font-weight: bold;
    background-size: 298px 2px;
    -moz-background-size: 298px 2px;
    -webkit-background-size: 298px 2px;
    margin-bottom: 12px;
}

.company .title_section {
    font-size: 14px;
    font-weight: normal;
    padding-left: 8px;
    margin-bottom: 20px;
    border-left: solid 5px #047AD6;
}

.company .tb_style {
    border: #e5e5e5 solid 1px;
    width: 100%;
}

    .company .tb_style th, .tb_style td {
        text-align: left;
        padding: 5px 7px;
        width: 1%;
        border: #e5e5e5 dotted 1px;
        border-right: #e5e5e5 solid 1px;
        vertical-align: middle;
    }

    .company .tb_style th {
        border-bottom: #e5e5e5 solid 1px;
        background: #f3f3f3;
    }

.company .highlight {
    padding: 6px;
    margin-bottom: 10px;
    border: 4px double #e5e5e5;
    background-color: #fff;
}

.company .list_dot li {
    list-style-type: disc;
}

.company .list_dot {
    margin-left: 20px;
    font-size: 13px;
}
/*====================================================================================
■05.FAQs PAGE 
====================================================================================*/
.faq .faq_sec > p {
    margin-bottom: 15px;
}

.faq .faq_sec {
    padding: 0px 11px;
}

    .faq .faq_sec dl {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .faq .faq_sec dt {
        background: url(../faq/images/q_bg.png) no-repeat left 3px;
        font-size: 14px;
        font-weight: bold;
        color: #047ad6;
        padding: 0px 40px 5px 20px;
        background-size: 12px 15px;
        -moz-background-size: 12px 15px;
        -webkit-background-size: 12px 15px;
        position: relative;
        cursor: pointer;
    }

    .faq .faq_sec dd {
        background: url(../faq/images/a_bg.png) no-repeat left 5px;
        padding: 0px 10px 5px 20px;
        background-size: 12px 15px;
        -moz-background-size: 12px 15px;
        -webkit-background-size: 12px 15px;
    }

    .faq .faq_sec dt:after {
        content: "";
        width: 14px;
        height: 14px;
        background: url(../faq/images/icon_on.png) no-repeat center center;
        background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        position: absolute;
        right: 5px;
        top: 25%;
        margin: -5px 0 0;
    }

    .faq .faq_sec dt.opened:after {
        background: url(../faq/images/icon_off.png) no-repeat center center;
        background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
    }
/*====================================================================================
■06.About PAGE 
====================================================================================*/
.about .about_sec_banner {
    width: 318px;
    padding: 0px 2px;
    background: url(../about/images/tt1_bg.png) no-repeat center top;
    height: 234px;
    background-size: 318px 234px;
    -moz-background-size: 318px 234px;
    -webkit-background-size: 318px 234px;
    margin-bottom: 20px;
}

    .about .about_sec_banner h3 {
        padding: 18px 0px 8px 16px;
    }

    .about .about_sec_banner p {
        padding: 0px 0px 0px 16px;
        width: 244px;
        font-size: 11px;
        text-shadow: 0px 0px 2px #fff;
    }

.about .tab {
    width: 298px;
    background: url(../about/images/tab_bg.png) no-repeat center top;
    height: 42px;
    background-size: 298px 42px;
    -moz-background-size: 298px 42px;
    -webkit-background-size: 298px 42px;
    margin-bottom: 20px;
    margin: 0px auto 25px auto;
    padding: 12px 0px 0px 12px;
}

    .about .tab li {
        float: left;
        margin-right: 35px;
    }

.about .about_sec {
    padding: 0px 11px;
    margin-bottom: 23px;
}

    .about .about_sec:last-child {
        margin-bottom: 0px;
    }

    .about .about_sec h4 {
        color: #047ad6;
        margin-bottom: 15px;
    }

    .about .about_sec > p {
        margin-bottom: 15px;
    }

    .about .about_sec > img {
        margin-bottom: 15px;
        text-align: center;
    }

.about .title_sub {
    padding: 0 0 5px 0;
    background: url(../company/images/line.png) no-repeat left bottom;
    font-size: 15px;
    font-weight: bold;
    background-size: 298px 2px;
    -moz-background-size: 298px 2px;
    -webkit-background-size: 298px 2px;
    margin-bottom: 12px;
}

.about .about_sec .wrap_content {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 297px;
}

.about .about_sec .box {
    float: left;
    width: 148px;
    padding: 8px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .about .about_sec .box img {
        margin-bottom: 8px;
    }
/*====================================================================================
■06.Contact PAGE 
====================================================================================*/
.contact .contact_sec, .contact .contact_sec_banner {
    padding: 0px 11px;
    margin-bottom: 30px;
}

    .contact .contact_sec_banner h3 {
        font-size: 21px;
        color: #047ad6;
        margin-bottom: 15px;
    }

    .contact .contact_sec_banner h4 {
        font-size: 13px;
        font-weight: bold;
        padding-left: 8px;
        margin-bottom: 10px;
        border-left: solid 5px #047AD6;
    }

    .contact .contact_sec_banner > a {
        display: block;
        margin-bottom: 15px;
    }

        .contact .contact_sec_banner > a img {
            margin-top: -20px;
        }

    .contact .contact_sec_banner p {
        margin-bottom: 15px;
    }

    .contact .contact_sec h3 {
        padding: 0 0 5px 0;
        background: url(../contact/images/line1.png) no-repeat left bottom;
        font-size: 15px;
        font-weight: bold;
        background-size: 298px 2px;
        -moz-background-size: 298px 2px;
        -webkit-background-size: 298px 2px;
        margin-bottom: 12px;
    }

.contact #con1 h3 {
    padding: 0 0 5px 0;
    background: url(../contact/images/line2.png) no-repeat left bottom;
    font-size: 15px;
    font-weight: bold;
    background-size: 298px 2px;
    -moz-background-size: 298px 2px;
    -webkit-background-size: 298px 2px;
    margin-bottom: 12px;
}

.contact #con1 p {
    margin-bottom: 15px;
}

.contact #con1 .border_sec {
    border: 4px double #e5e5e5;
    padding: 4px;
    background: #fafafa;
    margin-bottom: 20px;
}

.contact #con1 ul {
    margin-left: 25px;
}

    .contact #con1 ul li {
        list-style-type: decimal;
    }

/* 20161213 added */
.contact #con2 h3 {
    padding: 0 0 5px 0;
    background: url(../contact/images/line2.png) no-repeat left bottom;
    font-size: 15px;
    font-weight: bold;
    background-size: 298px 2px;
    -moz-background-size: 298px 2px;
    -webkit-background-size: 298px 2px;
    margin-bottom: 12px;
}

.contact #con2 p {
    margin-bottom: 15px;
}

.contact #con2 .border_sec {
    border: 4px double #e5e5e5;
    padding: 4px;
    background: #fafafa;
}

.contact #con2 dl {
    margin-bottom: 10px;
    padding-left:25px;
}    

.contact #con2 dt{display:list-item; list-style: outside decimal;}
.contact #con2 dd{margin-bottom:5px;}

 /* 20161213 end */


.contact_form {
    border: 1px solid #cccccc;
    border-bottom: none;
    margin: 10px 0 20px;
}

    .contact_form .hissu {
        border-bottom: 1px solid #ddd;
        background: #f3f3f3;
        padding: 7px 0 7px 60px;
        font-weight: bold;
        color: #000;
        position: relative;
    }

    .contact_form .ninni {
        border-bottom: 1px solid #cccccc;
        background: #ececec;
        padding: 7px 0 7px 60px;
        font-weight: bold;
        color: #000;
        position: relative;
    }

.hissu:before {
    content: "";
    width: 39px;
    height: 22px;
    background: url(../contact/images/hissu.png) no-repeat left top;
    background-size: 39px 22px;
    -webkit-background-size: 39px 22px;
    -moz-background-size: 39px 22px;
    position: absolute;
    left: 10px;
    top: 47%;
    margin: -10px 0 0;
}

.ninni:before {
    content: "";
    width: 39px;
    height: 22px;
    background: url(../contact/images/ninni.png) no-repeat left top;
    background-size: 39px 22px;
    -webkit-background-size: 39px 22px;
    -moz-background-size: 39px 22px;
    position: absolute;
    left: 10px;
    top: 47%;
    margin: -10px 0 0;
}

.contact_form.spec .hissu {
    background: #666;
    color: #fff;
}

.contact_form dd {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px;
}

.contact_form h4 {
    padding: 7px 10px;
    color: #fff;
    background: #666;
}

input[type="text"], input[type="email"], input[type="password"] {
    border: 1px solid #e8e6df;
    padding: 5px;
    width: 100%;
}

textarea {
    border: 1px solid #e8e6df;
    padding: 5px;
    width: 100%;
    min-height: 100px;
}

select {
    padding: 5px;
    border: 1px solid #e8e6df;
    width: 100%;
}

#contact_form_item li {
    margin: 0 0 5px;
}

    #contact_form_item li input {
        margin: 3px 5px 0 0;
    }

#contact_form_how {
    margin: 0 -15px;
}

    #contact_form_how li {
        margin: 0 0 5px;
    }

        #contact_form_how li input {
            margin: 3px 5px 0 0;
        }

#contact_form_address li {
    margin: 0 0 10px;
}

input.zip {
    width: 235px;
    margin: 0px 0 0 3px;
}

.contact_sec a {
    color: #047ad6;
}

.w210 {
    width: 200px !important;
    margin-left: 10px !important;
}

#formEnd {
    text-align: center;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
.content_page{
    padding: 0px 11px;
    min-height:550px;
}
.h3_title {
    padding: 0 0 5px 0;
    background: url(../company/images/line.png) no-repeat left bottom;
    font-size: 15px;
    font-weight: bold;
    background-size: 298px 2px;
    -moz-background-size: 298px 2px;
    -webkit-background-size: 298px 2px;
    margin-bottom: 12px;
}
.h_title{
    font-size: 15px;
    font-weight: bold;
     margin-bottom: 12px;
     border-bottom:2px solid #dddddd;
}
.h_title span{
    border-bottom:2px solid #047ad6;
}
/*====================================================================================
■07.communication PAGE 
====================================================================================*/
.img_commu01 {float:right;margin:0 0 0 -20px;}
.list_commu01 {
    border-top:4px solid #047ad6;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    border-radius: 4px;
    padding:10px;
}
.list_commu01 ul li {
    border-bottom:1px solid #e5e5e5;
    padding:0 0 6px 42px;
    margin-bottom: 6px;
    background:url(../communication/images/arr02.png) no-repeat 25px 42%;
    background-size: 7px auto;
}
.list_commu01 ul li a {
    color:#333333;text-decoration: none;
    font-size: 12px;line-height: 1.3;
}
.list_commu01 ul li.li_top a {
    font-size: 14px !important;
    color:#333333;text-decoration: none;
}
.list_commu01 ul li.li_top {
    border-bottom:1px solid #e5e5e5;
    padding:0 0 6px 27px !important;
    margin-bottom: 6px;
    background:url(../communication/images/arr01.png) no-repeat left 1px;
    background-size:19px auto;
}
.list_commu01 ul li:last-child {
    border-bottom:none;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.tt_bl01 {
    font-size: 15px;
    font-weight: bold;
    padding:2px 0 2px 8px;
    margin-bottom: 10px;
    border-left: solid 4px #047AD6;
    line-height: 1.3;
}
.highlight {
    padding: 8px;
    margin-bottom: 20px;
    border: 4px double #e5e5e5;
    background-color: #FAFAFA;
}
.title_item {
    font-size: 15px;
    font-weight: bold;
    background: url(../common_img/icon_tt01.png) no-repeat left 2px;
    background-size: 15px auto;
    padding-left: 25px;
    margin-bottom:5px;
    line-height: 1.3;
}
.tt_blue01 {
    color: #047AD6;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    margin-bottom: 10px;
}
.img_commu02 {
    float:left;
    margin:0 10px 0 0;
}
.img_commu03 {float:right;margin:0 0 0 -80px;}
/*====================================================================================
■08.service PAGE 
====================================================================================*/
.img_ser01 {float:right;margin:0 0 0 -20px;}
.img_ser02 {
    float:right;
    margin:0 0 0 10px;
}
.service_box02 ul li:first-child {
    float:left;
}
.service_box02 ul li:last-child {
    float:right;
}

.service .product_list{
    margin-bottom: 25px;
}
.service .product_list li{
    margin-bottom: 20px;
}
.service .product_list li:last-child{
    margin-bottom: 0;
}
.service .product_list dt{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #047AD6;
}
/*====================================================================================
■09.network PAGE 
====================================================================================*/
.img_net01 {float:right;margin:0 0 0 -25px;}
.title_sub {
    font-size: 15px;
    font-weight: bold;
    background: url(../common_img/bg_title_sub02.png) repeat-x bottom;
    background-size: 9px auto;
    line-height: 1.2;
}
.title_sub span {
    display: inline-block;
    padding: 0 1px 3px 0;
    background: url(../common_img/bg_title_sub01.png) repeat-x bottom;
    background-size: 7px auto;line-height: 1.2;
}
.img_net02 {
    float:left;
    background: url(../network/images/bg_arrow01.png) no-repeat center bottom;
    padding:0 0 23px 0;
    background-size: 88px auto;
}
.text_net01 {
    float:right;
    width:168px;
    line-height: 1.3;
}
.tt_net01 span {
    display: inline-block;
    margin-right:5px;
    background: #047AD6;
    color: #FFF;
    padding: 0 7px;
    font-weight: normal;
}
.tt_net01 {
    color: #047AD6;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.tt_blue_net01 {
    padding:5px 8px;
    display: block;
    background-color: #0479D6;
    color: #fff;line-height: 1.2;
    font-weight: bold;
    font-size: 15px;
}
.list_sq {
    list-style: square;
    margin: 0 0 5px 24px;
}
.img_net03 {
    float:left;
    margin:0 10px 5px 0;
}
.img_net04 {
    float:right;
    margin:0 0 3px 5px;
}
.net_box01 {
    border-top: 1px solid #efefef;
    padding: 10px 0 0 0;
}
/*====================================================================================
■10.ict PAGE 
====================================================================================*/
.img_ict01 {float:right;margin:7px 0 0 0;}
.img_ict02 {float:right;margin:0 0 3px 5px;}
.ict_box02 {
    padding:3px;
    border: 3px solid #eee;
}
.ict_box02_green {
    background: #6ca31e;
    padding:5px;color:#fff;
}
.ict_box02_blue {
    background: #047ad6;
    padding:5px;color:#fff;
}
.text_ict01 {
    color:#fff;
    line-height: 1.3;
}
.tt_ict01 {
    font-weight: bold;
}
.ict_box03 {
    border-top: 1px solid #efefef;
    padding: 10px 0 0 0;
}
/*====================================================================================
■12.mynumber PAGE 
====================================================================================*/
.mynum_box01 {
    padding:6px;
    border: 3px solid #eee;
}
.img_mynum02 {float:left;margin:0 5px 5px 0;}
.img_mynum01 {float:right;margin:0 0 0 2px;}
.img_mynum03 {float:right;margin:0 0 3px 3px;}
/*====================================================================================
■13.staff PAGE 
====================================================================================*/
.li_staff01 li {
    float:left;
    width:97px;
    margin-right: 3px;
}
.li_staff01 li:last-child {
    float:left;
    width:97px;
    margin-right:0 !important;
}
.li_staff01 li p {
    text-align: center;
    font-size: 11px;
    margin-top: 5px;
}
.tb_staff {
    width:100%;
}
.tb_staff th {
    background:#f3f3f3;
    border:1px solid #dddddd;
    padding:5px 8px;
    color:#0479d6;
    text-align: left;
}
.tb_staff td {
    border:1px solid #dddddd;
    padding:5px 5px;
}
/*====================================================================================
■14.recruit PAGE 
====================================================================================*/
.list_dot {
    list-style: disc;
    margin: 0 0 15px 17px;
}
.list_rec01 li span {
    display: block;
    font-weight: bold;
    color: #047AD6;
}
.list_rec01 li {
    margin-bottom:10px;
}
.img_rec01 {float:right;margin:0 0 3px 5px;}
.tb_rec01 {
    width:100%;
}
.tb_rec01 th {
    background:#f3f3f3;
    border:1px solid #dddddd;
    padding:5px 5px;
    text-align: left;
}
.tb_rec01 td {
    border:1px solid #dddddd;
    padding:5px 5px;
}
.w25 {width:25% !important;}
.fo_re01#formEnd input {
    font-weight: bold;
    margin-top: 5px;
    padding: 5px 80px;
}
.privacy_li li {
    list-style: outside decimal;
    margin: 0 0 0 18px;
}
.img_re05 {float:right;margin:0 0 5px 5px;}

/* #security */

#security dt{display:list-item; list-style: outside decimal;}
#security dd{margin-bottom:5px;}

/* security end */

/*====================================================================================
■15.case PAGE 
====================================================================================*/
.img_case01 {
    float:right;
}
.case_box02 {
    padding: 7px;
    border: 3px solid #eee;
}
.img_case02 {
    float:right;
    margin:0 0 2px 5px;
}
.img_case03 {
    float:left;
}
.tt_case01 {
    color: #047AD6;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.tt_case01 span {
    display: inline-block;
    margin-right: 10px;
    background: #047AD6;
    color: #FFF;
    padding: 0 10px;
}
.right_case01 {
    float:right;
    width:165px;
    line-height: 1.2;
}
.left_case02 {
    width:141px;
    float:left;
    background:url(../case/images/arr02.png) no-repeat right center;
    background-size:7px auto;
}
.right_case02 {
    width:131px;
    float:right;
}
.tbl_case03 {
    width:92%;
}
.tbl_case03 th {
    background:#047ad6;
    padding:5px 1px;
    text-align: left;
    color:#fff;
    font-weight: normal;
}
.tbl_case03 td {
    background:#e3e3e3;
    text-align: left;
    color:#047ad6;
    padding:3px 3px;
    line-height: 1.3;
}
.tbl_case04 {
    width:100%;
}
.tbl_case04 td {
    border:1px solid #047ad6;
    text-align: left;
    color:#047ad6;
    background: #fff;
    padding:5px 1px;
    line-height: 1.3;
    vertical-align: middle;
}
.img_case04 {
    float:right;
    margin:0 0 3px 3px;
}
.case_box04 {
    border-top: 1px solid #efefef;
    padding: 10px 0 0 0;
}