@charset "utf-8";

*{ margin: 0; padding: 0;}
/*-----------------------------------------Reset---------------------------------------------------------------------------*/

.topics-item {margin-top: 30px; overflow:hidden; max-height: 300px; }
.topics-item dl {width: 90%; margin: 0 auto;}
.topics-item dl dt { float:left; clear: both; width:150px;  }
.topics-item dl dd {box-sizing: border-box; margin-left: 0; border-bottom: dashed 1px #ccc; text-align:left; padding-left: 180px; margin-bottom: 1em;}

.topics-all {margin-top: 30px; overflow:hidden; }
.topics-all dl {width: 100%; margin: 0 auto;}
.topics-all dl dt { float:left; clear: both; width:150px;  }
.topics-all dl dd {box-sizing: border-box; margin-left: 0; border-bottom: dashed 1px #ccc; text-align:left; padding-left: 180px; margin-bottom: 1em;}

.pagenation { margin-top: 2em;}
.pagenation a{ padding: 0.7em; margin-right: 1.3em; background-color: #000; color: #fff; text-decoration: none;}
.pagenation strong {padding: 0.7em; margin-right: 1.3em; background-color: #ddd; color: #000; text-decoration: none;}