body    { background-color:#000000; color:#dddddd; }
a       { color:#02F; }
a:hover { color: #ffffff; text-decoration:underline; }

table   {width:640px}
td table{width:100%}

th       { background-color:#272d45;
           border:thin outset #607399;
           color:#cccccc; }
td       { background-color:#99a6c0;
           padding:10px 16px;
           border:thin outset #d0d9e8;
           color:#0f0a1e;
           line-height:130%; }

td th    { padding:1px;
           background:#353c61;
           border:thin outset #607399;
           font-size:90%; }
td td    { padding:1px;
           background:#b9c6e0;
           border:thin outset #d0d9e8;
           font-size:90%; }/*表*/

ol       { margin:0px; }
.black   { padding:4px;
           border:none;
           text-align:right;
           background-color:#000; }
.name    { font:bold 130%/normal "MS UI Gothic"; }
span     { font:normal 81%/normal "Times New Roman"; margin-left:16px; }/*英語部分*/
.feary   { width:30px; height:40px; }
.face    { float:right; width:70px; height:70px; }
.zare    { font-size:90%; }/*戯言*/

/********************　メディアクエリ　********************/

@media screen and (max-width: 640px) {
 body{ margin: 8px 2px; }
 body,td,th{ font-size: 0.8em; }
 blockquote{ margin:10px;}
 h1{font-size: 1.8em;}
 dd{margin-left:8px;}
 ol{padding-left:20px;}
 table{width:94%;}
}