@charset "utf-8";
/* =======================================================================
   
   LAYOUT
   
   ======================================================================= */

/* =======================================================================
   PAGE BUILDING
   ======================================================================= */

/* =======================================================================
   AREA BUILDING
   ======================================================================= */
div#mecha {
  position: relative;
  width: 760px;
  background-color: #ffffff;
  padding: 0 0 10px 0;
}

/* =======================================================================
   BLOCK BUILDING
   ======================================================================= */

/* =======================================================================
   
   STYLE
   
   ======================================================================= */

/* H
   ----------------------------------------------------------------------- */
div#mecha-area p#layer-ttl-mecha {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

div#mecha-area p#layer-ttl-mecha span.ttl-name {
  font-size: 12px;
}

/* -----------------------------------------------------------------------
   mecha
   ----------------------------------------------------------------------- */
div#mecha p.ttl {
  font-size: 14px;
  font-weight: bold;
  padding: 14px 0 20px 16px;
  color: #000000;
}

div#mecha span#page-near {
  font-size: 0;
  line-height: 100%;
  margin: 0;
  position: absolute;
  top: 200px;
  left: 14px;
}

div#mecha span#page-next {
  font-size: 0;
  line-height: 100%;
  margin: 0;
  position: absolute;
  top: 200px;
  left: 732px;
}

div#mecha p.page-close {
  line-height: 100%;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 702px;
  font-size: 12px;
}

div#mecha p.page-close a{
  color: #000000;
  text-decoration:none;
}

div#mecha p.page-close a:hover{
  color: #000000;
  text-decoration:underline;
}

div#mecha div#mecha-area {
  margin: 0 0 0 50px;
  width:661px;
}

div#chara div#chara-area p.link-om{
  float: right;
  text-align: right;
  width; 161px;
}

div#mecha div#mecha-area p#layer-ttl-mecha {
  float: left;
  margin: 0 0 9px 0;
  width: 500px;
}

div#mecha div#mecha-area div.mecha-list {
  clear:both;
  height: auto !important;
  height: 261px;
  min-height: 241px;
  _height: 261px;
  _min-height: 241px;
  border-width: 3px 0;
  border-style: solid;
  border-color: #dfdfdf;
}

div#mecha div#mecha-area div.mecha-list table.list-table td {
  width: 319px;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: top;
}

div#mecha div#mecha-area div.mecha-list table.list-table td.mgn {
  width: 26px;
  border-bottom: 0;
}

div#mecha div#mecha-area div.mecha-list table.list-table tr.list-bottom td,
div#mecha div#mecha-area div.mecha-list table.list-table td.none {
  border-bottom: 0;
}

div#mecha div#mecha-area div.mecha-list dl {
  float:left;
  width: 319px;
  padding: 20px 0 10px 0;
  text-align: left;
}

div#mecha div#mecha-area div.mecha-list dl dt {
  float: right;
  width: 215px;
  font-size: 14px;
  font-weight: bold;
}

div#mecha div#mecha-area div.mecha-list dl dd.img {
  float: left;
  margin: 0 15px 0 0;
}

div#mecha div#mecha-area div.mecha-list dl dd.txt {
  float: right;
  width: 215px;
  font-size: 12px;
}

div#mecha div#mecha-area ul.paging {
  width: 661px;
  text-align: center;
  margin: 0px;
  padding: 0;
}

div#mecha div#mecha-area #page-list {
  text-align: center;
  margin: 27px 0 0 0;
}

div#mecha div#mecha-area #page-list ul.paging li {
  display: inline;
}