@import "../../css/common.css";

h2 {
    margin: 0;
    background: url(../images/h2_instructor.png) top left no-repeat;
}

h3 {
    border: solid #C00;
    border-width: 0 0 1px 5px;
    color: #C00;
}

div#contents {
    float: none;
    overflow: hidden;
}

    div#contents dl#profile-photo {
        margin: 10px;
        width: 340px;
        float: left;
    }

    div#contents dl#profile-photo dt {
        margin: 20px 0 0;
        color: #000;
    }

    p#movie {
        margin: 10px 10px 10px 30px;
        width: 320px;
        float: left;
    }

    ul#profile-text {
        margin: 20px 0 20px 30px;
        list-style-type: square;
        color: #000;
    }

        dl.instructors {
            width: 745px;
            margin: 10px;
            overflow: hidden;
        }
            dl.instructors dt {
                padding: 10px 0;
                width: 250px;
                float: left;
                font-size: 1.3em;
                border: solid 1px #CCC;
                border-width: 1px 0 0;
            }
            dl.instructors dt.noborder,
            dl.instructors dd.noborder {
                border: 0;
            }
            dl.instructors dd {
                padding: 30px 0 10px 0;
                width: 480px;
                float: left;
                border: solid 1px #CCC;
                border-width: 1px 0 0;
            }
                dl.instructors dd ul {
                    list-style-type: none;
                }

            dl#inst-eriko dt,
            dl#inst-eriko dd {
                height: 300px;
            }
            dl#inst-others dt,
            dl#inst-others dd {
                width: 165px;
                height: 230px;
            }
            dl#inst-others dd {
                width: 200px;
            }

div#exp {
    width: 800px;
    overflow: hidden;
}
    div#exp p {
        width: 265px;
        float: left;
    }