.section_border.sec_1-2
{
    background-image: url(../images/bg_feature_top.png);
}

#contents
{
    background-color: #7ad2fe;
}
#contents .main
{
    padding-bottom: 118px; 

    background-image: url(../images/bg_main.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#contents .main .wrap
{
    position: relative;

    width: 960px;
    margin: 0 auto;

    text-align: left;
}
#contents .main .wrap > .title
{
    padding-top: 34px;

    text-align: center;
}
#contents .main .wrap > .product
{
    position: relative; 

    width: 960px;
    height: 494px;
}
#contents .main .wrap > .product .p100
{
    position: absolute;
    top: 20px;
    left: 40px;
}
#contents .main .wrap > .product .p160
{
    position: absolute;
    top: -56px;
    left: 470px;
}
#contents .main .wrap > .tag
{
    height: 72px;

    text-align: center;
}
#contents .main .wrap > .tag img
{
    position: relative;
    top: -20px;
}
#contents .main .wrap > .txt
{
    font-size: 14px;
    line-height: 1.6;

    margin-top: 27px;

    text-align: center;
}
#contents .feature
{
    position: relative;

    height: 1740px;
    padding-bottom: 141px; 

    background-image: url(../../../common/images/bg_feature.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#contents .feature .wrap
{
    position: relative;

    width: 960px;
    height: 100%;
    margin: 0 auto;

    text-align: left;
}
#contents .feature .wrap > .title
{
    padding-top: 47px;

    text-align: center;
}
#contents .feature .wrap > .notes
{
    font-size: 9px;
    line-height: 1.4;

    position: absolute;
    right: 0;
    bottom: 10px;

    text-align: right;
}
#contents .feature .feature-list
{
    position: relative;
}
#contents .feature .feature-list .f-sect
{
    position: absolute;
}
#contents .feature .feature-list .f-sect.point-1
{
    top: -56px;
    right: -42px;

    width: 893px;
    height: 443px; 

    background-image: url(../images/feature_1_base.png);
    background-repeat: no-repeat;
}
#contents .feature .feature-list .f-sect.point-1 > .num
{
    position: absolute;
    top: -4px; 
    right: 49px;
}
#contents .feature .feature-list .f-sect.point-1 > .title
{
    position: absolute;
    top: 147px; 
    left: 137px;
}
#contents .feature .feature-list .f-sect.point-1 > .txt
{
    font-size: 14px;
    line-height: 1.7; 

    position: absolute;
    top: 269px;
    left: 137px;

    color: #000;
}
#contents .feature .feature-list .f-sect.point-1 > .illust-1
{
    position: absolute;
    top: 128px; 
    right: 158px;
}
#contents .feature .feature-list .f-sect.point-1 > .illust-2
{
    position: absolute;
    top: 143px; 
    right: 96px;
}
#contents .feature .feature-list .f-sect.point-2
{
    top: 326px;
    left: -20px;

    width: 884px;
    height: 736px; 

    background-image: url(../images/feature_2_base.png);
    background-repeat: no-repeat;
}
#contents .feature .feature-list .f-sect.point-2 > .num
{
    position: absolute;
    top: -62px; 
    left: 28px;
}
#contents .feature .feature-list .f-sect.point-2 > .title
{
    position: absolute;
    top: 72px; 
    left: 140px;
}
#contents .feature .feature-list .f-sect.point-2 > .txt
{
    font-size: 14px;
    line-height: 1.7; 

    position: absolute;
    top: 210px;
    left: 144px;

    color: #000;
}
#contents .feature .feature-list .f-sect.point-2 > .illust-1
{
    position: absolute;
    top: 300px; 
    left: 144px;
}
#contents .feature .feature-list .f-sect.point-2 > .illust-2
{
    position: absolute;
    top: 90px; 
    left: 80px;
}
#contents .feature .feature-list .f-sect.point-3
{
    top: 953px;
    right: -42px;

    width: 893px;
    height: 443px; 

    background-image: url(../images/feature_3_base.png);
    background-repeat: no-repeat;
}
#contents .feature .feature-list .f-sect.point-3 > .num
{
    position: absolute;
    top: 0; 
    right: 50px;
}
#contents .feature .feature-list .f-sect.point-3 > .title
{
    position: absolute;
    top: 168px; 
    left: 156px;
}
#contents .feature .feature-list .f-sect.point-3 > .txt
{
    font-size: 14px;
    line-height: 1.7; 

    position: absolute;
    top: 242px;
    left: 156px;

    color: #000;
}
#contents .feature .feature-list .f-sect.point-3 > .illust-1
{
    position: absolute;
    top: 148px; 
    right: 106px;
}
#contents .feature .feature-list .f-sect.point-4
{
    top: 1275px;
    left: -3px;

    width: 905px;
    height: 648px; 

    background-image: url(../images/feature_4_base.png);
    background-repeat: no-repeat;
}
#contents .feature .feature-list .f-sect.point-4 > .num
{
    position: absolute;
    top: -34px; 
    left: 14px;
}
#contents .feature .feature-list .f-sect.point-4 > .title
{
    position: absolute;
    top: 110px; 
    left: 126px;
}
#contents .feature .feature-list .f-sect.point-4 > .txt
{
    font-size: 14px;
    line-height: 1.7; 

    position: absolute;
    top: 184px;
    left: 130px;

    color: #000;
}
#contents .feature .feature-list .f-sect.point-4 > .illust-1
{
    position: absolute;
    top: 110px; 
    right: 170px;
}
#contents .feature .feature-list .f-sect.point-4 > .illust-2
{
    position: absolute;
    top: 108px; 
    left: 62px;
}
#contents .howto
{
    padding-bottom: 135px; 

    background-image: url(../../../common/images/bg_howto.png);
    background-repeat: no-repeat;
    background-position: center top;
}
#contents .howto .wrap
{
    position: relative;

    width: 960px;
    margin: 0 auto;

    text-align: left;
}
#contents .howto .wrap > .title
{
    margin-top: -2px;

    text-align: center;
}
#contents .howto .wrap > .txt
{
    font-style: 15px;
    line-height: 2;

    margin-top: 40px;
    padding-left: 50px;

    color: #004183;
}
#contents .howto .wrap > .illust
{
    position: absolute;
    top: -40px; 
    right: 65px;
}
#contents .howto .wrap > .illust .example
{
    position: absolute;
    top: 247px;
    left: 50%;

    margin-left: -116.5px;

    text-align: center;
}