@charset "shift_jis";
@import url(reset.css);
@import url(base.css);
@import url(system.css);

/*  TOP Layout
-----------------------------------------------------------------------------*/
/* Body */
body {
  width:100%;
  margin: 0 auto;
  font-size: 75%;
  line-height: 1.6em;
  background:url(../../img/bg_top.jpg) no-repeat center top #f9fbfe;
  }

/* Wrapper */
#wrapper {
  width:980px;
  margin:0 auto ;
  }


/* Frash */
#topflash{
  margin:0 auto 19px;
  width:980px; 
}


/* Contents */
#contents {
  width:940px;
  margin: 0 auto;
  }

#left_con{
  width:253px;
  float:left;
}

#right_con{
  width:670px;
  float:right;
}



/* Footer */
#footer {
  clear:both;
  width:940px;
  margin:0 auto;
  border-top:1px solid #b1b2b4;
  padding:14px 0 30px;
  }

#footer .copy{
  float:left;
}

#footer .name{
  float:right;
}



/* Contents -----------------------------------------*/

#wrapper h1{
  width:980px;
  line-height:19px;
  text-indent:-9999px;
  background:url(../../img/flashtop.jpg) center top;
  font-size:10px;
}

/* Left */

#left_con .sizen dl{
  border-right:1px solid #bbb;
  border-left:1px solid #bbb;
  border-bottom:1px solid #bbb;
  padding:20px 20px 12px;
  margin-bottom:20px;
  font-size:86%;
  line-height:1.3em;
}

#left_con .sizen dt{
  float:right;
  padding:0 0 8px 8px;
}

#left_con .sizen dd p{
  font-weight:bold;
  font-size:120%;
  padding-bottom:3px;
}

#left_con .sizen dd span.more{
  clear:both;
  display:block;
  text-align:right;
  background:url(../../img/arrow_blue.gif) no-repeat right;
  padding-right:10px;
}

#left_con .sizen li{
  text-align:center;
  margin-bottom:10px;  
}

#left_con .sizen li.bo{
  width:199px;
  border:1px solid #ccc;
  margin:0 auto 10px;
}

/* Right */
#right_con dl.cpms{
  background:url(../../img/wajima_bg_bottom.gif) no-repeat bottom;
  padding-bottom:20px;
}

#right_con .cpms dt{
  background:url(../../img/wajima_bg.gif) no-repeat top;
  padding:100px 30px 0px;
}

#right_con .cpms dd{
  width:623px;
  margin:0 auto;
}

#right_con .cpms dd p{
  padding:10px 5px 5px;
  float:left;
}


/* Topics */
#topics{
  clear:both;
}
#topics h3{
  padding:7px 0 15px;
  float:left; 
}

#topics p.repo_btn{
  float:right;
  padding:20px 0 0;
}

#topics dl {
  width: 650px;
  clear: both;
  padding-bottom:10px;
  margin:0 auto;
  }

#topics dt {
  position: absolute;
  padding: 0 5px 10px 10px;
  background:url(../../img/arrow_brown.gif) no-repeat left 5px;
  }

#topics dd {
  padding: 0 0 10px 120px;
  }