@charset "utf-8";
@media screen,print {
#main #koe { padding: 16px; }
#koe ul.students { background-color: #f6f6f6; border: 1px solid #cfcfcf; margin-bottom: 32px; padding: 16px 16px; }
#koe ul.students li { display: block; width: 56px; float: left; margin: 0; padding: 0; }
#koe ul.students li img { border: 1px solid #cfcfcf; }

#koe div.student { /* 80px + 16px */ padding-top: 96px; margin-top: -96px; margin-bottom: 32px;  }
#koe div.student .speech { width: 488px; float: right; margin-left: 16px; }
#koe div.student .speech h2 { font-size: 90%; line-height: 140%; background-color: #f6f6f6; padding: 0.4em 8px; }
#koe div.student .speech h2.gc { color: #3399cc; }
#koe div.student .speech p { font-size: 80%; line-height: 140%; padding: 0px 0; }
#koe div.student .speech p.name { text-align: right; color: #666666; padding: 0 8px 8px 8px; margin: 0 0 4px 0; background-color: #f6f6f6; }
#koe div.student img { display: block; float: left; width: 128px; }

} /* end screen,print */

@media print {
} /* end print */