@charset "UTF-8";

body#topics div#main .content_inner div.topics_list dl dt {
	margin: 0 0 1em;
}
body#topics div#main .content_inner div.topics_list dl dd {
	margin: 0 0 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #dcdcdc;
	font-size: 15px;
}
body#topics div#main .content_inner div.topics_list dl dd a {
	color: #000;
	text-decoration: none;
}
body#topics div#main .content_inner div.topics_list dl dd span.pdf {
    padding-left: 2em;
}
body#topics div#main .content_inner div.topics_list dl dd span.pdf {
	background: url(../images/topics/icon_pdf.png) no-repeat 1em center;
}
body#topics div#main .content_inner div.topics_list p.more {
	margin-top: 1em;
	margin-bottom: 5em;
	text-align: center;
}
body#topics div#main .content_inner p#back_index {
	margin-top: 3em;
	text-align: center;
}
body#topics div#main .content_inner div.topics_list p.more a,
body#topics div#main .content_inner p#back_index a {
	display: inline-block;
	padding: 1em 40px;
	border: 1px solid #b8b8b8;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}


body.topics_detail div#main .content_inner h2 {
    width: auto;
}


/*--------------------------------------------------------------------
 *	PC
 *--------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {

body#topics div#main .content_inner div.topics_list dl dt {
	float: left;
	clear: both;
	width: 10em;
	margin: 0 -17em 0 0;
}
body#topics div#main .content_inner div.topics_list dl dt span::after {
	padding: 3px 5px;
}
body#topics div#main .content_inner div.topics_list dl dd {
	margin-bottom: 1.5em;
	padding-left: 10em;
	padding-bottom: 1.5em;
}
body#topics div#main .content_inner div.topics_list p.more a,
body#topics div#main .content_inner p#back_index a {
	padding: 1.2em 80px;
	font-size: 14px;
}

}

/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body#topics div#main .content_inner div.topics_list dl {
	zoom: 100%;
}

body#topics div#main .content_inner div.topics_list dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}