* {
    box-sizing: border-box;
}

#container {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

#content {
    float: right;
    width: 704px;
    text-align: left;
}

    #content p {
        padding: 10px 20px;
    }

.treemenu {
    float: left;
    width: 256px;
    border-right: 1px solid #ccc;
}
    /*階層1*/
    .treemenu .lv1btn {
        cursor: pointer;
        padding: 5px 10px;
    }

    .treemenu .lv1body {
        display: none;
        padding: 0 10px 5px 10px;
    }

        .treemenu .lv1body a {
            line-height: 2.0;
        }
        /*階層2*/
        .treemenu .lv1body .lv2btn {
            cursor: pointer;
            padding: 5px 10px 5px 0;
        }

        .treemenu .lv1body .lv2body {
            display: none;
            padding: 0 10px 5px 10px;
        }

        .treemenu .lv1body .lv2body a {
            line-height: 2.0;
        }
        /*階層3*/
        .treemenu .lv1body .lv3btn {
            cursor: pointer;
            padding: 5px 10px 5px 0;
        }

        .treemenu .lv1body .lv2body .lv3body {
            display: none;
            padding: 0 10px 5px 10px;
        }

        .treemenu .lv1body .lv2body .lv3body a {
            line-height: 2.0;
        }
        /*階層4*/
        .treemenu .lv1body .lv4btn {
            cursor: pointer;
            padding: 5px 10px 5px 0;
        }

        .treemenu .lv1body .lv2body .lv3body .lv4body {
            display: none;
            padding: 0 10px 5px 10px;
        }

        .treemenu .lv1body .lv2body .lv3body .lv4body a {
            line-height: 2.0;
        }
        /*階層5*/
        .treemenu .lv1body .lv5btn {
            cursor: pointer;
            padding: 5px 10px 5px 0;
        }

        .treemenu .lv1body .lv2body .lv3body .lv4body .lv5body {
            display: none;
            padding: 0 10px 5px 10px;
        }

        .treemenu .lv1body .lv2body .lv3body .lv4body .lv5body a {
            line-height: 2.0;
        }