body, html { color: #000; font-size: small; font-family: "trebuchet ms", sans-serif; background-color: #fff; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% ; overflow: auto; display: block }
#title { margin: 40px auto; padding: 0; background: url(bg-title.gif) repeat-x center left; }
#logo { display: block; width: 199px; margin: 0 auto }
#hello { text-align: center; width: 400px; margin: 40px auto }
#menu { display: table; border-collapse: collapse; text-align: center; width: 550px; margin: 0 auto; border-spacing: 20px }
#menu td { vertical-align: middle; width: 50%; padding: 5px }
#contents { display: table; border-collapse: collapse; text-align: justify; width: 550px; margin: 0 auto; border-spacing: 20px }
#contents td.left { vertical-align: top; width: 50%; padding: 10px }
#contents td.right { vertical-align: top; width: 50%; padding: 10px }
#contents div.info { padding: 20px; border: 1px solid #AAA; background-color: #CCC; text-align: center }

hr { border: 0; border-top: 1px solid #AAA }
img { border: 0; }
p { margin: 3px 0; padding: 0 }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

#download { position: absolute; top: 45px; left: 20%; margin: 0; border: 0; padding: 0 }
#download img { display: inline }
#download a { position: relative; left: -64px }

#shop { position: absolute; top: 45px; left: 80%; margin: 0; border: 0; padding: 0 }
#shop img { display: inline }
#shop a { position: relative; left: -64px }

#catan { position: absolute; top: 245px; left: 10%; margin: 0; border: 0; padding: 0 }
#catan img { display: inline }
#catan a { position: relative; left: -64px }