/* COMMON CSS
==================================================================================*/
@charset "utf-8";
@import url(/knm/common/css/nonStyle.css);

#contentBox .mainContent p.captionText {

	margin-top: 2em;
	margin-bottom: 2em;

}

#contentBox .textRight{

	text-align: right;

}

#contentBox .mainContent table {

	width: 98%;
	margin: 0 auto 5em;

}

#contentBox .mainContent table caption {

	margin-bottom: 0.5em;

}

#contentBox .mainContent table caption.textLeft {

	text-align: left;

}

#contentBox .mainContent table caption.textRight {

	text-align: right;

}

#contentBox .mainContent table caption.textBottom {

	caption-side: bottom;

}

#contentBox .mainContent table thead tr th {

	background-color: #8e8e8e;
	color: #ffffff;
	text-align: left;
	padding: 0.5em;

}

#contentBox .mainContent table a {

	display: inline-block;

}

#contentBox .mainContent table a img {

	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: bottom;

}

#contentBox .mainContent table img.linkMark {

	max-width: 1.4em;

}


#contentBox .mainContent a.linkMark{

	padding-left: 0.8em;
	background-image: url(/knm/common/img/icons/icon_arrow_b.svg);
	background-repeat: no-repeat;
	background-size: 0.8em;
	background-position: left 0.4em;

}

@media(min-width:769px) {

	#contentBox .mainContent table {

		border: 1px solid #cccccc;
		border-collapse: collapse;

	}

	#contentBox .mainContent table thead tr th {

		border: 1px solid #cccccc;

	}

	#contentBox .mainContent table tbody tr td {

		border: 1px solid #cccccc;
		padding: 0.5em;
		vertical-align: top;

	}

	#contentBox .mainContent table colgroup col#tableDate {

		width: 9em;

	}

	#contentBox .mainContent table colgroup col#tableType {

		width: 15em;

	}

}

@media(max-width:768px) {

	#contentBox .mainContent p.captionText {

		padding: 0 0.5em;

	}

	#contentBox .mainContent table thead tr th,
	#contentBox .mainContent table tbody tr td {

		display: block;

	}

	#contentBox .mainContent table tbody {

		display: block;
		padding: 0.5em 0.5em 2em;

	}

	#contentBox .mainContent table tbody tr:not(:last-of-type) {

		display: block;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;

	}

	#contentBox .mainContent table tbody tr td.tableDate span {

		margin-right: 1em;

	}

	#contentBox .mainContent table tbody tr td.tableDate br {

		display: none;

	}

	#contentBox .mainContent table tbody tr td.tableDate+td,
	#contentBox .mainContent table tbody tr td:first-of-type:not(.tableDate) {

		display: list-item;
		list-style-type: disc;
		margin-left: 2em;

	}

	#contentBox .mainContent table tbody tr:not(:first-of-type) td.tableDate {

		padding-top: 0.5em;
		border-top: 1px dotted #cccccc;

	}

	#contentBox .mainContent table tbody tr td:last-of-type {

		margin-left: 2em;

	}

}