/* color & size ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body
{
background-color: #FFF;
color: #666;
margin: 0px 5% 5% 20%;
}

p,
h1,
h2,
table,
ul,
dl,
pre,
div.archive_tree
{
font-size: 95%;
}

#index
{
font-size: 85%;
}

#navi,
div.sample,
div.go_top,
#copyright
{
font-size: 80%;
}

/* link ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link,
a:visited
{
color: #999;
text-decoration: none;
}

a:hover
{
color: #CCC;
}

a:active
{
color: #FFF;
}

/* navigation bar ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navi
{
font-weight: bold;
letter-spacing: 0.4em;
line-height: 400%;
text-transform: uppercase;
}

#navi span
{
border-right: 1px solid #999;
margin-right: 1em;
padding-right: 1.5em;
}

/* logo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#logo
{
margin-left: -20%;
margin-top: 6em;
}

/* index :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul
{
line-height: 200%;
margin-bottom: 2ex;
margin-top: 2ex;
padding-left: 0em;
}

#index
{
margin-bottom: 12ex;
margin-top: 8ex;
}

li
{
list-style: none;
}

/* table :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

table
{
border-collapse: collapse;
line-height: 180%;
margin-bottom: 5ex;
margin-top: 3ex;
}

td
{
border-bottom: 1px solid #CCC;
text-align: left;
padding-bottom: 0.5ex;
padding-right: 2em;
padding-top: 1.5ex;
vertical-align: top;
}

td.entry
{
border-bottom: none
}

td.end
{
padding-right: 0em;
}

table.list td
{
border-bottom: none;
padding: 0 2em 0 0;
}

/* list [ dl ] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

dl
{
line-height: 180%;
margin-bottom: 3ex;
margin-top: 3ex;
}

dt
{
margin-bottom: 1ex;
margin-top: 3ex;
}

/* go top ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.go_top
{
font-weight: bold;
letter-spacing: 0.2em;
margin-top: 6ex;
text-align: right;
text-transform: uppercase;
}

div.go_top span
{
border-bottom: 3px solid #CCC;
padding-bottom: 0.5ex;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

img
{
border: none;
}

p
{
line-height: 180%;
}

sup
{
line-height: 0%;
}

h1
{
color: #555; 
font-weight: bold;
margin-bottom: 4ex;
margin-top: 10ex;
}

h2
{
color: #555; 
font-weight: bold;
margin-bottom: 4ex;
margin-top: 5ex;
}

div.sample
{
line-height: 200%;
}

div.sample + div.sample
{
margin-top: 4ex;
}

pre
{
background-color: #666;
color: #FFF;
line-height: 190%;
margin: 1.5em 0em;
padding: 3ex 1.5em 3ex 1.5em;
}

div p
{
margin-top: 3ex;
}

div.archive_tree ul
{
font-size: inherit;
padding-left: 3em;
}

ul.order li
{
list-style: decimal inside;
}

#copyright
{
letter-spacing: 0.1em;
margin-top: 10ex;
}

#sfjp
{
margin-top: 1.5ex;
}