@import "common.css";

/* ----- service CSS ----- */
/* // rayouts // */
#pagetitle {
    background          : url(../images/service/eyecatch.gif) center 30px no-repeat;
}

#h3_1 {
    background          : url(../images/service/h3_1.gif) no-repeat;
}

#h3_2 {
    background          : url(../images/service/h3_2.gif) no-repeat;
}

#h3_3 {
    background          : url(../images/service/h3_3.gif) no-repeat;
}

#h4_1 {
    height              : 215px;
    padding             : 0;
    background          : url(../images/service/h4_1.gif) 5px 0 no-repeat;
    border              : none !important;
}

#h4_2 {
    height              : 215px;
    padding             : 0;
    background          : url(../images/service/h4_2.gif) 5px 0 no-repeat;
    border              : none !important;
}

#h4_3 {
    height              : 215px;
    padding             : 0;
    background          : url(../images/service/h4_3.gif) 5px 0 no-repeat;
    border              : none !important;
}

#h4_4 {
    height              : 215px;
    padding             : 0;
    background          : url(../images/service/h4_4.gif) 5px 0 no-repeat;
    border              : none !important;
}

#h4_5 {
    background          : url(../images/service/h4_5.gif) 0 20px  no-repeat;
}

#h4_6 {
    background          : url(../images/service/h4_6.gif) 0 20px  no-repeat;
}

#h4_7 {
    background          : url(../images/service/h4_7.gif) 0 20px  no-repeat;
}

#h4_8 {
    background          : url(../images/service/h4_8.gif) 0 20px  no-repeat;
}

.read {
    padding             : 0 0 20px 0;
}

.read p {
    padding             : 0 0 20px 0;
}

#service_l {
    float               : left;
    width               : 395px;
    padding             : 0 0 20px 0;
    *font-size          : 90%;
}

#service_r {
    float               : right;
    width               : 395px;
    padding             : 0 0 20px 0;
    *font-size          : 85%;
}

#service_block_1 , #service_block_3 {
    float               : left;
    width               : 180px;
    margin              : 0 10px 0 0;
    padding             : 5px;
    border              : solid 1px #e8e8e8;
}

#service_block_2 , #service_block_4 {
    float               : right;
    width               : 180px;
    padding             : 5px;
    border              : solid 1px #e8e8e8;
}

p#btn_1 , p#btn_2 , p#btn_3 , p#btn_4 {
    height              : 40px;
    margin              : 5px;
}

p#btn_1 a , p#btn_2 a , p#btn_3 a , p#btn_4 a {
    display             : block;
    text-indent         : -9999em;
    width               : 170px;
    height              : 40px;
}

#service_l a , #service_r a {
    background          : url(../images/service/btn_detail.gif) no-repeat;
}

.product {
    margin: 0 80px 30px 0;
}
.product img {
    border: 1px solid #000;
}