@charset "UTF-8";

div.header ul li.staff { background : #000000; }
div.header ul li.staff a,
div.header ul li.staff a:hover,
div.header ul li.staff a:visited { color : #ffffff; }

div.members { width : 700px; margin : 0 auto; }
div.member  { margin-bottom : 40px; position : relative; overflow : hidden; }

div.profile-image { width : 140px; float : left; }
div.profile {
    background : #ffffff;
    width      : 520px;
    margin     : 0;
    padding    : 0;
    border     : solid 2px #e6f3f1;
    position   : relative;
    float      : right;
}

div.profile div.summary {
    border-bottom : solid 2px #e6f3f1;
    padding : 5px 20px;
    position : relative;
    overflow : hidden;
}
div.profile div.summary .name { font-size : 17px; position : relative; top : 7px; }
div.profile div.summary .ruby { font-size : 10px; position : relative; top : 3px; margin : 0 5px; }
div.profile div.summary .job  { font-size : 12px; position : relative; top : 4px; background : #e6f3f1; padding : 0 5px; }
div.profile div.summary .etc  { font-size : 12px; position : relative; top : 4px; margin-left : 5px; }
div.profile div.summary .blog { float : right; }

div.profile div.description {
    display        : table-cell;
    height         : 110px;
    padding        : 0 20px;
    font-size      : 11px;
    vertical-align : middle;
}

@media screen and (min-width:481px) {
    .profile:after {
        width              : 0;
        border             : 10px solid transparent;
        border-right-color : #e6f3f1;
        border-left-width  : 0;
        left               : -10px;
        content            : "";
        display            : block;
        position           : absolute;
        top                : 40%;
    }
}

@media screen and (max-width:480px) {
    div.members { width : 95%; }
    div.profile-image { float : none; }
    div.profile { width : 99%; margin : 5px 0 0 0; float : none; }
    div.profile div.summary { padding : 5px; }
    div.profile div.summary .ruby { display : none; }
    div.profile div.description { padding : 0 5px; }
}