a:link{ text-decoration:underline; color:#6666CC; }
a:visited{ text-decoration:underline; color:#996699; }
a:active{ text-decoration:underline; color:#FF6699; }
a:hover{ text-decoration:underline; color:#FF6699; }
body{ font-size:11pt; color:#737373; background:#ffffff url(http://www.kondo-net.gr.jp/images/bg/by08_05.gif); margin-left:4%; margin-right:4%; }
tr,td{ font-size:11pt; color:#737373; }
hr{ color:#aaaaaa; }
hr{border-width:1px 0}
img{border:none}
#mid{ font-size:11pt; }
#small{ font-size:10pt; }
#kanri{ color:#ff9999; } /* 管理人コメントの色 */
#log{ width:90%; border-style:solid; border-color:#9999CC; }
#log-0{ background-color:#FFCC66; } /* ランキング順位 */
#log-1{ background-color:#CCCCFF; } /* タイトル */
#log-2{ background-color:#FFCCFF; } /* カテゴリ */
#log-3{ background-color:#FFFFFF; } /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */
#log-90{ width:90%; }
#title-bar{ background-color:#A7C2DD; color:#000000; font-size:13pt; } /* タイトルバー */
#mid-bar{ background-color:#DDDDDD; } /* 中段バー */

hr{border-width:1px 0 }

.c{text-align:center}
.r{text-align:right}
.l{text-align:left}
.right{float:right}
.left{float:left}

.b{font-weight:bold}

@media screen and (max-width: 639px) { a{line-height:32px} }

@media screen and (min-width:1024px)                         { div.fixwidth{width:1024px;overflow:auto} }
@media screen and (min-width: 800px) and (max-width: 1023px) { div.fixwidth{width: 800px;overflow:auto} }
@media screen and (min-width: 640px) and (max-width:  799px) { div.fixwidth{width: 640px;overflow:auto} }
@media screen and (min-width: 480px) and (max-width:  639px) { div.fixwidth{width: 480px;overflow:auto} }
@media screen and                        (max-width:  479px) { div.fixwidth{width: 320px;overflow:auto} }

@media screen and (max-width: 479px) { body{margin:4px} div.fixwidth{width: 312px;overflow:auto} }