@charset "utf-8";

html { height: 100%; }
body { background: #000; height: 100%; margin: 0; padding: 0; color: #FFF; font-family: "Tahoma",sans-serif; font-size: 16px; }

p { margin: 0; }
p.more { margin-top: 10px; font-weight: bold; }

h1,h2,h3,h4 { font-family: "Tahoma",sans-serif; margin: 0; padding: 0; line-height: normal; }
h1 { font-size: 42px; color: #FF0; line-height: 50px; }
h2 { font-size: 24px; color: #FFF; line-height: 36px; }
h3 { font-size: 20px; color: #FCFCFC; line-height: 24px; }
h2.title { font-size: 28px; color: #FF0; line-height: 60px; }

a { color: #FF0; text-decoration: underline; }
a:hover { color: #000; background: #FF0; text-decoration: none; }

hr { margin: 15px 0; }

#container { width: 960px; position: relative; margin: 0 auto; }
#header { width: 960px; padding: 30px 0; }
#content { width: 700px; float: left; }
#articles { width: 240px; float: right; }
#articles ul { list-style: none; margin: 0 0 0 5px; padding: 0; }
#articles ul li { list-style: none; margin: 10px 0; font-size: 20px; font-weight: bold; }

div.navi { font-weight: bold; font-size: 20px; margin: 30px 0; text-align: center; }
div.intro { font-weight: bold; margin-bottom: 20px; }
div.more { margin-bottom: 50px; }