/*  HTML */
body {
font-size: 80%;
color: #333;
background-color: #fff;
margin: 0em;
text-align: left;
}

h1, h2, h3, h4, h5, h6, em, caption, img {
font-size: 100%;
font-style: normal;
font-weight: bold;
margin: 0em;
padding: 0em;
border: 0em;
}


h1 {
font-size: 250%;
margin-bottom: 2em;
padding: 110px 0.5em 30px 0.5em;
text-align: center;
background-image : url(title.jpg);
background-repeat: no-repeat;
background-position: top;
}

h2 {
font-size: 100%;
text-indent: 0.5em;
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
padding-top: 0.3em;
padding-bottom: 0.3em;
}

h2:first-letter {
font-size : 132%;
}

h3 {
font-size: 100%;
text-align: left;
border-left: 15px solid #666;
padding: 0.2em;
margin-top: 5px
margin-left: 1em;
}

h4 {
font-decoration: underline
}

dl, dl p {
margin: 0em;
}

dt {
font-weight: bold;
text-indent: 0.5em;
margin-top: 1em;
margin-bottom: -1em
;}

dd {
margin-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
}

/* Link Pseudo-Class */
A:link, A:visited {
 color: #333;
 text-decoration: none;
 border-style: none none dotted none;
 border-width: 1px;
}

A:active {
 color: silver;
 text-decoration: none;
 border-style: solid none solid none;
 border-width: 1px;
}

A:hover {
 color: #000;
 text-decoration: none;
 border-style: solid none solid none;
 border-width: 1px;
}

/* Definition */
div#contents {
 line-height: 150%;
 position: relative;
 margin-bottom: 5em;
 width: 100%;
 border-width: 1px;
 border-color: #333;
 border-style: none solid solid solid;
}

div#block li {
margin-left: 2em;
}

div#contents {
}

div#contents dd {
margin-left: 1.5em;
}

div#body {
width: 62%;
margin-left: 5%;
}

dl#contentsLeft {
width: 45%;
margin-left: 6%;
}

dl#contentsRight {
position: absolute;
width: 45%;
left: 52%;
top: 0%;
}

dl#dialog {
height: 15em;
overflow: auto;
position: relative;
scrollbar-arrow-color: #808080;
scrollbar-face-color: #FFFFFF;
border-left: 1px dotted #333333;
border-bottom: 1px dotted #333333;
padding: 1em;
margin-left: 4em;
margin-bottom: 3em;
}

div#footer {
text-align: center;
border-top: 1px solid #333333;
margin-left: 5%;
margin-right: 5%;
}

sub.title {
font-size: 0.8em;
display: block;
}

table{
 margin: 0.1em 1% 0.1em 4%;
 border: none;
 font-size: 100%;
}

td,th{
 border-style: none solid solid none;
 border-color: #333 #333 #333 #333;
 border-width: 0px 1px 1px 0px;
}

.sun { color: #f66; }
.sat { color: #66f; }

.picture {
left: 10%;
width; 20%;
float: left
;}

.profile {
position: relative;
top: 0%;
left: 25%;
}

dt {
background-color: #ccc;
}