@charset "utf-8";

div.modification
{
    float: left;
    background: url(../img/bg_arrow.gif) no-repeat 50% 50% scroll;
    margin: 0 0 1.5em 0;
}

div.before,
div.after
{
    border: 1px solid #ccc;
    background: #eee url(../img/bg_batu.gif) no-repeat 50% 50% scroll;
    width: 200px;
    margin: 0 25px;
    padding: 10px;
    float: left;
}
    div.before h4,
    div.after h4
    {
        font-size: 1.25em;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
    }

    div.before ul,
    div.after ul
    {
        margin: 0 0 0 1.5em;
    }
        div.after ul li
        {
            font-size: 1.25em;
        }

div.after
{
    background: #eee url(../img/bg_maru.gif) no-repeat 50% 50% scroll;
    float: right;
}

ul.point
{
    clear: both;
    float: left;
    margin: 0 0 1.5em 0;
}
    ul.point li
    {
        background: url(../img/circle.gif) no-repeat 50% 50% scroll;
        display: block;
        margin: 0 13px;
        padding: 45px 10px;
        list-style: none;
        width: 130px;
        text-align: center;
        float: left;
        font-size: 1.125em;
    }