@charset "utf-8";

#intro, #observation, #intern, #graduater, #staff{
    margin-bottom : 15px ;
}

#main .article {
	width        : 740px;
}

#main a {
    text-decoration : none ;
}
#main a:hover {
    color : orange ;
}

#main .contact{
    text-align  :right ;
    margin-right  : 3em ;
}

#graduater table{
    width:740px;
    border-style:none;
}

#graduater table td.col1{
    width          : 110px; 
    vertical-align : top;
    font-weight    : bold ;
}

#graduater table td.col2{
    width          :20px; 
    vertical-align :top;
}

#graduater table td.col3{
    width:500px; 
    vertical-align:top;
}
#graduater table img.icon{
    margin : 0 0 3px 5px;
    width  : 16px ;
    height : 16px ;
    border : none ;
    vertical-align : middle ;
}

#staff .prof {
    width            : 100% ;
    border-collapse  : collapse;
    table-layout: fixed;
    
}
#staff .prof th, .prof td{
    border : none ;
}
#staff .prof td.content_left{
    width      : 40% ;
    text-align : center ;
}
#staff .prof  td.content_right{
    width      : 60% ;
    text-align : left ;
}

#staff .name {
    font-size : 115% ;
    color     : navy  ;
}
#staff .name a{
    text-decoration : none ;
    color     : navy  ;
}

#staff .name a:hover{
    color : orange ;
    text-decoration : underline ;
}

#staff .job{
    font-size : 85% ;
}