@charset "utf-8";

/**************************************************
		PC
**************************************************/
#pankz .bg {
	padding-left:140px;
}

#mainArea .ti04 {
	position:relative;
	margin-bottom:0;
	padding-left:2em;
	font-size:24px;
	font-size:1.5rem;
}

#mainArea .ti04 .num {
	position:absolute;
	left:0;
	width:2em;
	text-align:center;
}

#mainArea .listPublication01 {
	font-size:16px;
	font-size:1rem;
	line-height:1.5;
}

#mainArea .listPublication01 li a {
	position:relative;
	display:inline-block;
	padding:5px 15px 5px 2.5em;
	color:#333;
	text-decoration:none;
}

#mainArea .listPublication01 li .num {
	position:absolute;
	left:0;
	width:2.5em;
	text-align:center;
}

#mainArea .listPublication01 li a:before {
	position:absolute;
	top:0.9em;
	right:0;
	border-top:5px solid #932536;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	content:"";
}

#mainArea .listPublication01 li a:hover { color:#932536; text-decoration:underline; }

#mainArea .listPublication02 {
	font-size:15px;
	font-size:0.94rem;
	line-height:1.5;
}

#mainArea .listPublication02 > li {
	border-bottom:1px solid #ccc;
}

#mainArea .listPublication02 a {
	display:block;
	position:relative;
	padding:15px 35px 15px 20px;
	color:#333;
	text-decoration:none;
}

#mainArea .listPublication02 a:after {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-3px;
	width:15px;
	height:6px;
	background:transparent url("../../common/img/icon_01.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listPublication02 a.iconWindow:after {
	margin-top:-6px;
	width:12px;
	height:11px;
	background-image:url("../../common/img/icon_window.png");
}

#mainArea .listPublication02 a.iconPDF:after {
	margin-top:-12px;
	width:24px;
	height:24px;
	background-image:url("../../common/img/icon_pdf.png");
}

#mainArea .listPublication02 a:hover { background-color:#fafafa; }

#mainArea .listPublication02 dt {
	padding:15px 35px 15px 20px;
	border-bottom:1px dashed #ccc;
}

#mainArea .listPublication02 dd {
	padding-left:20px;
}

#mainArea .listPublication02 dd li {
	border-bottom:1px dashed #ccc;
}

#mainArea .listPublication02 dd li:last-child {
	border-bottom:0;
}

#mainArea .listPublication02 dd li a {
	padding-left:30px;
}

#mainArea .listPublication02 dd a:before {
	position:absolute;
	top:50%;
	left:0.5em;
	width:0.7em;
	height:1px;
	background:#333;
	content:"";
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

#titleArea .title {
	width:80px;
}

#mainArea .ti04 {
	font-size:18px;
	font-size:1.13rem;
}

#mainArea .listPublication01 {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listPublication01 li a {
	display:block;
}

#mainArea .listPublication01 li a:hover { color:#333; text-decoration:none; }

#mainArea .listPublication02 {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listPublication02 a {
	padding:15px 30px 15px 10px;
}

#mainArea .listPublication02 a:after {
	margin-top:-2px;
	right:5px;
	width:12px;
	height:4px;
}

#mainArea .listPublication02 a.iconWindow:after {
	margin-top:-5px;
	width:10px;
	height:9px;
}

#mainArea .listPublication02 a.iconPDF:after {
	margin-top:-9px;
	width:18px;
	height:18px;
}

#mainArea .listPublication02 a:hover { background-color:transparent; }

#mainArea .listPublication02 dt {
	padding:15px 0 15px 10px;
}

#mainArea .listPublication02 dd {
	padding-left:10px;
}

}