@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ビジュアル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#visual {
  background: url(../../_images/topics/visual-bg.png) center top no-repeat;
}

/* ****************************************************************************************************
   * 最新記事 一覧
**************************************************************************************************** */

div.page-index div#topics div.list a.item {
  padding: 1em;
  display: block;
  color: inherit;
  text-decoration: none;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

div.page-index div#topics div.list a.item ~ a.item {
  border-top: none;
}

div.page-index div#topics div.list a.item:hover {
  text-decoration: underline;
  cursor: pointer;
}

div.page-index div#topics div.list a.item dl,
div.page-index div#topics div.list a.item dl dt,
div.page-index div#topics div.list a.item dl dd {
  margin: 0;
  padding: 0;
}

div.page-index div#topics div.list a.item dl dd {
  margin-top: -1.85em;
  padding-left: 10em;
}

@media (max-width:736px) {
  div.page-index div#topics div.list a.item dl dd {
    margin-top: 0;
    padding-left: 0;
  }
}

/* ****************************************************************************************************
   * アーカイブ
**************************************************************************************************** */

div.page-archive div#topics div.list a.item {
  padding: 1em;
  display: block;
  color: inherit;
  text-decoration: none;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
} .msie7 div.page-archive div#topics div.list a.item { color:#555; }

div.page-archive div#topics div.list a.item ~ a.item {
  border-top: none;
}

div.page-archive div#topics div.list a.item:hover {
  text-decoration: underline;
  cursor: pointer;
}

div.page-archive div#topics div.list a.item dl,
div.page-archive div#topics div.list a.item dl dt,
div.page-archive div#topics div.list a.item dl dd {
  margin: 0;
  padding: 0;
}

div.page-archive div#topics div.list a.item dl dd {
  margin-top: -1.85em;
  padding-left: 10em;
}

@media (max-width:736px) {
  div.page-archive div#topics div.list a.item dl dd {
    margin-top: 0;
    padding-left: 0;
  }
}