* {
margin:0;
padding:0;
}
html, body {
background-color:#eff6f9;
font-family:Arial,sans-serif;
}
img {
border:none;
}
a {
text-decoration:underline;
color:#00f;
}
a:hover,
a:focus {
text-decoration:none;
}
a:visited {
color:#006;
}
strong {
color:#555;
}
strong a {
color:#66f;
}
strong a:visited {
color:#77c;
}

div#all {
margin:20px auto;
width:980px;
border:1px solid #77c;
border-left-width:0;
background-color:#f9ffff;
background-image:url(/images/navi.png);
background-repeat:repeat-y;
}
div#content {
margin-left:180px;
padding:20px;
min-height:400px;
}
h1 {
margin-bottom:40px;
font-size:1.5em;
letter-spacing:0.3em;
color:#666;
}
h2, caption {
font-size:1em;
letter-spacing:0.1em;
font-weight:bold;
color:#555;
}
p, ul, ol {
margin-bottom:20px;
font-size:0.9em;
}
ul {
list-style-type:none;
}
ol {
margin-left:20px;
}
li {
margin:10px 0;
}
table {
margin-bottom:30px;
width:100%;
border-spacing:0;
border-collapse:collapse;
}
caption, th, td {
padding:5px 10px;
border:1px solid #77c;
text-align:center;
}
caption {
background-color:#e6ecf3;
}
th {
font-size:0.8em;
color:#444;
}
td {
font-size:0.9em;
}
td.left { text-align:left; }
td p {
margin:0;
}

div#navi {
position:absolute;
top:20px;
padding:25px 30px;
font-size:1.1em;
font-weight:bold;
}
div#navi ul li:first-child {
margin-top:0;
}
div#navi a {
text-decoration:none;
}

#navi a:link,
#navi a:hover {
color:#44f;
}
#navi a:visited {
color:#55a;
}

div#footer {
clear:both;
}