body { margin:0; background:white; }

div#container { position:relative; }

h1 {
  font-family:Times;
  margin-left:20px;
}

div#top { background:#558; padding:5px; color:#aaa; }
div#top a { font-size:10pt; }
div#top a:hover { text-decoration:none; }

/* -----------------------------------*/

div#top a { color:white; }

div#linkset { 
  border:1px solid #49f;
  background:#eef;
  margin-left:10px;
  float:left;
  width:250px;
  position:relative;
  z-index:2;
}

div#linkset a {
  color:#1F58FF;
  margin:0 5px;
  padding:0 5px;
  font-size:12pt;
  display:block;
  border-left:5px solid #eef;
}

div#linkset a:hover {
  color:#f40;
  border-left:5px solid #f50;
}

/* -----------------------------------*/

div#main {
  float:left;
  padding-right:10px;
  width:100%;
  margin-left:-280px;
  position:relative;
  z-index:1;
}

div.contents {
  background:url(h2_bg.gif) repeat-x;
  padding-left:5px;
  margin-bottom:3em;
  margin-left:280px;
}

div.loading {
  text-align:center;
  width:100%;
}

div.comment {
  font-size:11pt;
  background:#fde;
  margin-left:20px;
}

h2 {
  padding-left:1em;
  margin:0.5em 0 0.5em 0;
}

a.num_of_bookmark {
  background:#ffeecc;
  color:#f40;
  margin:0 5px 0 10px;
}

a.title {
  font-size:12pt;
  margin:0 0.5em;
}

span.comment_icon { cursor:pointer; }
span.play_icon {
  cursor:pointer;
  margin-left:5px;
}

a.title:visited { color: #89f; }
a.title:hover { color:#f30; }