@import "method.less";
/*
 * ■ Values
 * ■ Layout
 *     #wrapper
 *     #header
 *     #contents
 *     #footer
 */

/* ======================================================
        ■ Values
====================================================== */
@width: 961px;
@base_color: #11617B;


/* ======================================================
        ■ Layout
====================================================== */
body {
    font-family:Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url(../images/background.png) no-repeat center 0;
}
/* ======================wrapper======================= */
#wrapper {
    width: @width;
    height: 765px;
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
}

/* ======================header======================= */

h1 {
    position: absolute;
}

#contact {
    position: absolute;
    top: 485px;
    left: 0;


    ul {
        padding: 15px 50px 15px 0;
        float: right;
        li {
            line-height: 120%;
            text-align: center;
        }
        li.freedial {
            font-size: 25px;
            font-weight: bold;

            img {
                margin-right: 10px;
            }
        }

        li.message {
            padding: 5px 0;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }
    }
}

#message {
    position: absolute;
    top: 250px;
    left: 400px;

}

#btn_area {
    width: @width;
    height: 280px;
    background: url('../images/bg_btn_area.png');
    position: absolute;
    top: 630px;
    left: 0;
    ul {
        position: relative;
        li {
            &.kaigo {
                position: absolute;
                top: 75px;
                left: 70px;
            }
            &.kenko {
                position: absolute;
                top: 75px;
                right: 70px;
            }
        }
    }
}

#copyright {
    margin-left: -136px;
    position: absolute;
    top: 930px;
    left: 50%;
}