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

/*=========about==========*/
#left {
    height: 500px;
}
#about #main_nav li#aboutNav a {
    width: 163px;
    background-position: -326px -63px;
}

#about #contents #main_image {
    float: left;
    width: 750px;
    height: 249px;
    background: url(../images/about/img_main.jpg) top center no-repeat;
    position: relative;
}
#about #contents #main_image #tab {
    position: absolute;
    top: 204px;
    left: 0px;
    width: 750px;
    height: 45px;
}
#about #contents #main_image #tab li {
    float: left;
    width: 165px;
    height: 45px;
    margin-right: 1px;
}
#about #contents #main_image #tab li a {
    display: block;
    width: 165px;
    height: 45px;
    background: url(../images/about/bg_subNav.gif) no-repeat;
}

#about #contents #main_image #tab li.firstCur a {
    background-position: 0 -45px;
}
#about #contents #main_image #tab li.first a {
    background-position: 0 0;
}
#about #contents #main_image #tab li.first a:hover {
    background-position: 0 -45px;
}
#about #contents #main_image #tab li.secondCur a {
    background-position: -166px -45px;
}
#about #contents #main_image #tab li.second a {
    background-position: -166px -0px;
}
#about #contents #main_image #tab li.second a:hover {
    background-position: -166px -45px;
}
#about #contents #main_image #tab li.thirdCur a {
    background-position: -332px -45px;
}
#about #contents #main_image #tab li.third a {
    background-position: -332px -0px;
}
#about #contents #main_image #tab li.third a:hover {
    background-position: -332px -45px;
}

/*#about #contents #main {float: none;}*/

#about #contents #main .main_nomal_top {
    width: 750px;
    background: url(../images/common/bg_main_campaign_top.gif) top center
        no-repeat;
}

#about #contents #main .suikyo_intro {
    position: relative;
    width: 688px;
    height: 227px;
    margin-bottom: 20px;
    background: url(../images/about/img_suikyo.gif) center center no-repeat;
}
#about #contents #main .suikyo_intro p {
    position: absolute;
    top: 40px;
    left: 220px;
    width: 450px;
    height: 170px;
}
#about #contents #main .img {
    padding: 20px 0px;
}
#about #contents #main .border_box img {
    margin: 10px;
}
#about #contents #main h3 {
    width: 690px;
    height: 82px;
    margin: 30px 0px 10px 0px;
    padding-left: 90px;
    line-height: 92px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../images/about/bg_h3.gif) no-repeat;
}
#about #contents #main .bnr {
    margin: 20px 0px 40px 0px;
}
#about #contents #main .secondBox {
    padding: 0px 10px 20px 10px;
}
#about #contents #main .secondImg {
    float: left;
    width: 317px;
}
#about #contents #main .secondTxt {
    float: right;
    width: 320px;
}
#about #contents #main .secondTxt img {
    vertical-align: middle;
}
#about #contents #main h3.top {
    margin-top: 0px;
}

#about #contents #main .allow_next {
    margin: 30px 0px;
}