body { background: url(images/index_01.gif) repeat-x top #ff99cc;  margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }

#head { width: 950px; margin: auto; }
#head img { float:left; }
#head #welcome { background: url(images/index_03.gif) no-repeat; width: 178px; height: 167px; float:left; color: #fff; font-weight: bold; font-size: 11px;  }
#head #welcome P { margin: 0; padding: 15px; text-align: justify; }
#head #toplist {  background: url(images/index_04.gif) no-repeat; width: 428px; height: 127px; float:left; padding: 20px; }
#head #toplist a { color: #000; font-size: 11px; float: left; width: 105px; padding: 2px 0; text-align: left; }
#head #toplist a:hover { text-decoration: none; }

a{ color:#000; }

a.bookmark { clear:left; border: 1px solid #000; padding: 3px; display: block; margin: 0 10px; text-transform: uppercase; color: #000; font-size: 11px; font-weight: bold; }
a.bookmark:hover { text-decoration: none; }

.tbl { width: 946px; margin: auto; border: 6px solid #fff; margin-top: 10px; background:#ff58a0; text-align: center; font-size: 12px; font-weight: bold; }
.tbl img { border-color: #000; display:block; border:1px solid; }
.tbl a.thumb { float:left; text-decoration: none; margin: 0 0 6px 6px; display:inline; }
.tbl h1 { background: #fff; color: #000; margin:0 0 4px 0; padding: 3px; font-size: 16px; }
.tbl a.bookmark { background: #fff; color:#000; margin:0; padding: 2px; }
.tbl .thumb-text { float:left; margin: 0 0 3px 3px; display:inline; }
.tbl .thumb-text img { display: block; margin: 0 0 3px 3px; }
.tbl .thumb-text a:hover { text-decoration: none; }
.tbl a.toplist { width: 220px; float:left; padding: 3px; margin: 3px; text-align: left; }
.tbl a.toplist:hover { background: #fff; color: #000; }


.footer { text-align: center; border-top: 1px solid #000; background: #e7e7e7; margin-top: 20px; padding: 10px; font-size: 11px; }

img.enter { display: block;clear: both; margin: 10px auto;  }
h1.welcome { width: 900px; margin: auto; font-size: 22px; text-align: center; padding: 10px; clear:left; }
.nav a { color: #000; padding: 10px; margin: 10px; display: block; float:left; border: 0px solid #ccc; }
.nav { width: 940px; margin: auto; }

.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.buttons { width: 926px; margin: auto; border: 1px solid #000; text-align: center; padding: 10px; margin-top: 20px; background: #333;  }
.buttons a { padding: 6px 7px; background: #222; color: #fff; font-weight: bold; }
.buttons a:hover { background: #fff; color: #333; }


