body {
  color: #000000;
  background: #ffffff;
  font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  font: 12px;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* layout */
div#body {
  width: 672px;
  text-align: left;
  margin: 0 auto 0 auto;
}

div#head {
  padding: 35px 0 0 0;
}
span.title {
  color: #666;
  font-family: 'Trebuchet MS';
  font-size: 2.8em;
  line-height: 1em;
  font-weight: bold;
}
span.title a { color: #666; text-decoration: none; }
span.subtitle { color: #bbb; font-weight: bold; font-size: 12px; font-family: Verdana;}


div#menu {
  width: 670px;
  background: #efefef;
  border-color: #559999;
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 3px 0 0 0;
  font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1em;
}


div.tab {
  float: left;
  background: #efefef;
  padding: 5px 15px 2px 15px;
}
div.curtab {
  float: left;
  background: #ffffff;
  border-color: #999;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  padding: 5px 15px 2px 15px; 
}

div.tab a { color: #999; font-weight: bold; text-decoration: none; font-size: 14px; }
div.tab a:hover { color: #000000; text-decoration: none; }
div.curtab a { color: #000000; font-weight: bold; text-decoration: none; font-size: 14px; }
div.curtab a:hover { color: #000000; text-decoration: underline; }



div#description {
  margin: 25px 0 15px 0;
}

div#contents {
}

div#article {
  float: left;
  width: 485px; /* 500px - 15px; */
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin-right: 0px;
  padding-right: 15px;
  line-height: 1.5em;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

div.articleindex {
  float: left;
  width: 235px;
  height: 240px;
  overflow: hidden;
  border-color: #aaa;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-right: 5px;
}

div.prbox {
  float: left;
  width: 470px;
  overflow: hidden;
  border-color: #aaa;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-right: 5px;
  font-size: 12px;
  font-weight: normal;
}

div#banner {
  margin-top: 20px;
  text-align: center;
}

div#comment {
  overflow: hidden;
  border-color: #aaa;
  border-style: solid;
  border-width: 0px 0 0 0;
  margin-top: 25px;
}
div#comment div.comment {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 0 1px 0;
  margin-top: 15px;
}


div#info {
  width: 169px;
  float: left;
  margin: 0;
  padding: 0;
}

div.info {
  width: 159px; /* 170px - 10px; */
  
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 0 0 0;
  margin: 0;
  padding: 18px 0 18px 10px; 
  font-weight: normal;
}


br.floatclear {
  clear: left;
  line-height: 0;
  font-size: 0;
}

div.foot_nav {
  text-align: center;
  font-size: 10px;
  padding-top: 25px;
}

div.foot_nav a { color: #0000ff; text-decoration: none; }
div.foot_nav a:link { color: #0000ff; }
div.foot_nav a:hover { text-decoration: underline; }
div.foot_nav a:visited { color: #000055; }


div#foot {
  width: 670px;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 0 0 0;
  margin: 25px auto 15px auto;
  padding-top: 15px;
  text-align: center;
}




/* text node */
div#description h1.title {
  color: #000000;
  font-size: 28px;
  margin: 0 0 5px 0;
}
h1.title a {
  color: #000000;
  text-decoration: none;
}
h1.title a:hover {
  text-decoration: underline;
}

div#article h2.title {
  font-size: 22px;
  margin: 0 0 5px 0;
}



div#article h2 a { color: #000000; text-decoration: none; }
div#article h2 a:link { color: #000000; }
div#article h2 a:hover { text-decoration: underline; }
div#article h2.title a:visited { color: #000000; }


span.category {
  font-size: 16px;
  font-weight: bold;
}
div#article span.category a { color: #999; text-decoration: none; }
div#article span.category a:link { color: #999; }
div#article span.category a:hover { text-decoration: underline; }
div#article span.category a:visited { color: #999; }



span.head_nav { font-size: 22px; font-weight: bold; }
span.head_nav a {
  color: #bbb;
  text-decoration: none;
}
span.head_nav a:hover { text-decoration: underline; }


span.author { color: #666; font-size: 12px;}
span.update { color: #aaa; font-size: 10px; }

div#article h2, h3, h4 {
  margin: 0;
  padding: 15px 0 5px 0;
  line-height: 1em;
  font-size: 16px;
}

div#article a { text-decoration: none; color: #0000ff; }
div#article a:link { color: #0000ff; }
div#article a:hover { text-decoration: underline; }
div#article a:visited { color: #000055; }

p.read {
  font-size: 12px;
  line-height: 1.5em;
  color: #000000;

}

div.info h4 {
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1em;
  font-size: 12px;
  color: #666;
}

div.info h4.pr {
  font-size: 22px;
  color: #559999;
}

div.info h4.prbook {
  font-size: 22px;
  color: #aa2222;
}

div.info img.pr {
  border: outset 1px #000000;
  text-align: center;
}

div.info p.pr {
  margin: 0;
  font-size: 10px;
  line-height: 1.5em;
  color: #666;
}

div.info li {
  font-size: 10px; 
  line-height: 1.3em;
  color: #bbb;
  /*  margin: 0 0 2px 0; */
}

div.info {
  font-size: 10px; 
  line-height: 1.2em;
}
div.info img.icon {
  margin: 4px 5px 2px 0px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

div.info a { text-decoration: none; color: #0000ff; }
div.info a:link { color: #0000ff; }
div.info a:hover { text-decoration: underline; }
div.info a:visited { color: #000055; }

span.copyright {
  color: #000;
  font-size: 10px;
  font-weight: normal;
  font-family: Verdana;
}

pre {
  background: #f5faff;
  padding: 10px 0px 10px 10px;
  font-family: 'monospace';
  line-height: 1.1em;
  font-size: 11px;
  width: 470px;
  overflow: hidden;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px;
}

img.prbox {
  border: outset 1px #000000;
  float: right;
  margin: 0 0 15px 15px;
}