@charset 'utf-8';
@import url("/common/css/default.css");


BODY {
  text-align: center;
  background: #e5e8fd url('/images/background.jpg') repeat-x scroll 0 0;
  font-family: "Arial","ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3";
  /*
  font-family: "Arial","MS UI Gothic","sans-serif","ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3";
  */
  /*
  font-family: 'メイリオ', Meiryo, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'MS Gothic', 'MS UI Gothic', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'HG行書体', 'HGS行書体', Osaka, Verdana, Arial, Helvetica, Century, sans-serif;
  */
  font-size: 0.8em;
  /*
  font-size: 12px;
  */
  line-height: 140%;
  /*
  letter-spacing: 0.5;
  */
  color: #2b2b10;
}


/**
 * Header - topbar
 */
#header_topbar {
  width: 100%;
  height: 27px;
  margin: 0 auto;
  text-align: center;
  background: url('/images/background_header_topbar.jpg');
  font-size: 12px;
  color: #ffffff;
}
#header_topbar IMG.technoblood {
  width: 94px;
  height: 27px;
  vertical-align: middle;
}
#header_topbar A {
  color: #ffffff;
  text-decoration: none;
}
#header_topbar A:hover {
  text-decoration: underline;
}
#header_topbar #header_topbar_links {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}


/**
 * Contents
 */
#contents {
  width: 800px;
  margin: 0 auto;
  background: transparent url('/images/background_contents.jpg') repeat scroll 0 0;
}


/**
 * Contents header - banner
 */
#contents #header_banner {
  text-align: left;
  padding: 0 10px;
  height: 98px;
}
#contents #header_banner #header_nepoca {
  width: 300px;
  height: 100%;
  float: left;
}
#contents #header_banner #header_ad {
  text-align: right;
  height: 100%;
}
#contents #header_banner:after {
  clear: both;
}


/**
 * Contents header - menubar
 */
#contents #header_menubar {
  padding: 0 10px;
  margin: 10px 0;
  height: 38px;
  text-align: left;
  white-space: nowrap;
}
#contents #header_menubar IMG {
  height: 100%;
}
#contents #header_menubar UL {
}
#contents #header_menubar LI {
  float: left;
}
#contents #header_menubar UL:after {
  clear: both;
}


/**
 * Contents footer
 */
#contents #footer {
  margin-top: 10px;
  padding: 5px;
  line-height: 1.5em;
  text-align: right;
  /*
  height: 39px;
  background: #e6e6ff url('/images/background_footer.jpg') repeat-x scroll 0 0;
  */
  background-color: #000033;
  color: #ffffff;
  font-size: 0.8em;
}
#contents #footer A {
  color: #ffffff;
  text-decoration: none;
}
#contents #footer A:hover {
  text-decoration: underline;
}


/**
 * Contents container
 */
#contents #container {
  padding: 0 10px;
  text-align: left;
}
#contents #container .contents_main {
  width: 580px;
  display: block;
  float: left;
}
#contents #container .contents_main:after {
  clear: both;
}
#contents #container #sidebar {
  width: 190px;
  margin-top: 10px;
  display: block;
  float: right;
}
#contents #container #sidebar:after {
  clear: both;
}

/**
 * Contents - sidebar contents
 */
#contents #container #sidebar
  .contents {
  padding-bottom: 10px;
  background: #e6e6ff url('/images/sidebar/contents/contents_footer.jpg') no-repeat;
  background-position: bottom;
}
#contents #container #sidebar
  .contents H1 {
  width: 190px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}
#contents #container #sidebar
  .contents .topics_body {
  padding: 10px;
  padding-bottom: 4px;
  background: #e6e6ff url('/images/sidebar/contents/contents_body.jpg') repeat-y scroll 0 0;
}
#contents #container #sidebar
  .contents .topics_body UL {
}
#contents #container #sidebar
  .contents .topics_body UL LI {
  margin-bottom: 6px;
}

/**
 * Contents - sidebar ranking
 */
#contents #container #sidebar
  .ranking {
  margin-top: 10px;
  padding-bottom: 10px;
  background: #ffe1e1 url('/images/sidebar/ranking/ranking_footer.jpg') no-repeat;
  background-position: bottom;
}
#contents #container #sidebar
  .ranking H1 {
  width: 190px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}
#contents #container #sidebar 
  .ranking .topics_body {
  padding: 5px;
  background: #ffe1e1 url('/images/sidebar/ranking/ranking_body.jpg') repeat-y scroll 0 0;
}
#contents #container #sidebar
  .ranking .topics_body .ranking_title_box {
  margin: 4px auto;
  padding: 10px 4px;
  border: solid 2px #ffcc00;
  background-color: #fff4dd;
}
#contents #container #sidebar
  .ranking .topics_body .ranking_title_box .rank {
  padding-left: 30px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 100%;
}
#contents #container #sidebar
  .ranking .topics_body .ranking_title_box A {
}
#contents #container #sidebar
  .ranking .topics_body .ranking_title_box IMG.rank_ss {
  width: 166px;
  height: 125px;
  margin-top: 5px;
}


.topics_box {
  width: 580px;
  margin-top: 10px;
  padding-bottom: 10px;
  background: #e6e6ff url('/images/topics_background_footer.jpg') no-repeat;
  background-position: bottom;
}
.topics_box H1 {
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}
.topics_box .topics_box_body {
  padding: 10px;
  padding-bottom: 0;
  background: #e6e6ff url('/images/topics_background_body.jpg') repeat-y scroll 0 0;
}
.topics_box .topics_box_body H3.headline {
  height: 17px;
  text-align: left;
  margin-top: 10px;
  padding: 6px 20px;
  background-image: url('/images/topics_headline_background.jpg');
  background-repeat: no-repeat;
  font-size: 1.0em;
}
.topics_box .spec {
  margin: 10px auto 0 auto;
  text-align: center;
}
.topics_box .headline {
  text-align: left;
}
.topics_box .headline DL {
}
.topics_box .headline DL DT {
  width: 100px;
  float: left;
}
.topics_box .headline DL DD {
  margin: 4px 0 0 100px;
}
.topics_box .headline DL DD .title {
  border-bottom: dotted 1px #666666;
}
.topics_box .headline DL DD .desc {
  margin: 4px 0;
  line-height: 130%;
}
.topics_box .headline DL DD .link {
  text-align: right;
}