/* topics */
#main-contents .topic-headline-section.content-primary {
  /**/ }
  #main-contents .topic-headline-section.content-primary .thp_headline-ul {
    margin: 15px 0 0 0;
    padding: 0;
    height: 260px;
    overflow: auto;
    list-style: none;}
  #main-contents .topic-headline-section.content-primary h3.topic-title_dt {
    background: transparent;
    color: #777;
    font-size: 16px;
    border-radius: 0;
    padding: 10px 0 10px 15px;
    margin: 0;
    text-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    height: auto;
    text-align: left; }
    #main-contents .topic-headline-section.content-primary h3.topic-title_dt:before, #main-contents .topic-headline-section.content-primary h3.topic-title_dt:after {
      display: none; }
    #main-contents .topic-headline-section.content-primary h3.topic-title_dt .date {
      font-size: 80%; }
  #main-contents .topic-headline-section.content-primary .thp_topic-link {
    border: 0;
    white-space: initial;
    display: block; }
    #main-contents .topic-headline-section.content-primary .thp_topic-link:hover {
      background: url(../img/topic-arrow.png) no-repeat right center rgba(204, 204, 204, 0.5); }
  #main-contents .topic-headline-section.content-primary .topic-text_dd {
    font-weight: normal;
    font-size: 12px;
    color: #777;
    padding: 0 10px 15px 15px; }
  #main-contents .topic-headline-section.content-primary li {
    border-bottom: dotted 1px #ccc; }
    #main-contents .topic-headline-section.content-primary li:last-child {
      border-bottom: none; }

/*toppage 
------------------*/
#main-contents {
  width: 930px;
  background-color: white;
  margin: 0 auto;
  padding: 0; }
  #main-contents #main-img_pc {
    margin: 20px auto; }
    #main-contents #main-img_pc img {
      text-align: center; }
  #main-contents .toppage {
    margin-top: 10px; }
  #main-contents .side-cont {
    width: 350px;
    vertical-align: top; }
    #main-contents .side-cont p {
      margin-bottom: 0; }
  #main-contents .spacer {
    width: 30px; }
  #main-contents .main-cont {
    width: 550px;
    vertical-align: top; }

.ttl-news {
  display: block;
  font-size: 100%;
  border-bottom: 1px solid #7a93a5;
  background-image: url(../img/new.png);
  background-repeat: no-repeat;
  background-position: right bottom 7px;
  padding: 0 0 7px;
  position: relative; }
  .ttl-news:after {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px dotted #cacaca;
    position: absolute;
    bottom: 1px;
    left: 0; }

.ttl-intro {
  display: block;
  padding: 10px 0 10px 25px;
  border-top: 2px solid #a0a0a0;
  border-bottom: 1px dotted #a0a0a0;
  position: relative; }
  .ttl-intro:before {
    content: "";
    width: 5px;
    height: 20px;
    background-color: #a0a0a0;
    position: absolute;
    top: 8px;
    left: 7px; }

.tbl01 {
  width: 100%;
  margin: 10px 0 20px; }
  .tbl01 tr td {
    vertical-align: top; }
    .tbl01 tr td p {
      font-size: 95%;
      padding-left:8px }
    .tbl01 tr td.spacer-tbl01 {
      width: 10px; }

.tbl02 {
  width: 100%;
  margin: 10px 0 0;
  border: 1px solid #c0c0c0;
  padding: 10px; }
  .tbl02 tr td {
    vertical-align: top; }
    .tbl02 tr td img {
      vertical-align: bottom; }
    .tbl02 tr td p em {
      display: block;
      font-style: normal;
      font-size: 150%;
      margin: 10px 0 15px; }
    .tbl02 tr td.spacer-tbl02 {
      width: 10px; }

.tbl03 {
  width: 100%;
  margin: 10px 0 0; }
  .tbl03 tr td {
    vertical-align: top; }
    .tbl03 tr td.spacer-tbl03 {
      width: 10px; }
    .tbl03 tr td .bnr-tbl03 {
      width: 100%;
      border: 1px solid #c0c0c0;
      padding: 4px; }
      .tbl03 tr td .bnr-tbl03 tr td.ttl {
        font-size: 128%;
        padding: 5px 0 10px 7px; }
      .tbl03 tr td .bnr-tbl03 tr td.detail {
        font-size: 78%;
        color: #777;
        text-align: right;
        padding-top: 5px;
        padding-right: 25px;
        background-image: url(../img/icon01.png);
        background-repeat: no-repeat;
        background-position: right 5px top 7px; }
      .tbl03 tr td .bnr-tbl03 tr td img {
        vertical-align: bottom; }
