body   { background-color:#000; color:#ccc; line-height:125%; }
a      { color:#8cf; }
a:hover{ color:#ffffff; }
div{width:640px;}

h2{background-color:#eee; color:#111; padding:8px; }
table  { width:640px; border:thin ridge #667799; }
th{font-weight:bold;}
td     { border:1px solid #224055; padding:3px; }
td.nam { background-color:#ccd0dd; color:#111; font-weight:bold;}
td.tou { background-color:#224;}
td.cla { background-color:#224; text-align:right; }
img.fa { width:64px;height:64px;float:right; }

hr     { height:1px; color:#667799; }

.l2 { column-count:2; column-width: 160px; }


@media screen and (max-width: 640px) { 
 div{width:100%;}
 table{width:98%;}
 h1,{font-size:0.8em;}
}