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

/*
Content Option
--------------------------------------------------------------------- */
#contentBox .mainContent h1 {

	margin-bottom: 1em;
	
}

#contentBox .mainContent h2 {

	font-size: 1.2em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #333333;
	padding-bottom: 0.2em;

}

#contentBox .mainContent h2+p {

	padding-left: 1em;
	margin-bottom: 2em;

}

#contentBox .mainContent p {

	margin-bottom: 1em;

}

#contentBox .mainContent ul {

	margin: 2em auto;

}

#contentBox .mainContent ol {

	margin-bottom: 2em;

}

#contentBox .mainContent ol>li {

	margin-bottom: 1em;

}

#contentBox .mainContent ol.alpha {

	list-style-type: lower-alpha;

}

#contentBox .mainContent ol li ul {

	margin: 0.5em auto;
	padding-left: 1em;

}

#contentBox .mainContent a {

	text-decoration: underline;

}

#contentBox .mainContent p.textRight {

	text-align: right;

}

@media(max-width:768px) {

	#contentBox .mainContent .contentText {

		padding: 0 0.5em;
		word-break: break-all;

	}

	#contentBox .mainContent ul {

		padding-left: 1.5em;

	}

}

/*
Mail Box
--------------------------------------------------------------------- */
#contentBox .mainContent .mailBox {

	width: 95%;
	margin: 2em auto;

}

mail:after {

	content: "@konami.com";

}

/*
Table Option
--------------------------------------------------------------------- */
#contentBox .mainContent table caption.textLeft {

	text-align: left;

}

#contentBox .mainContent table caption.textRight {

	text-align: right;

}

#contentBox .mainContent table caption.textBottom {

	padding-top: 0.5em;
	caption-side: bottom;

}


/*
Privacy Table
--------------------------------------------------------------------- */
#contentBox .mainContent .tablePrivacy {

	width: 98%;
	margin: 1em auto;

}

#contentBox .mainContent .tablePrivacy thead th {

	text-align: left;
	font-weight: normal;
	padding: 0.5em;
	border-bottom: 1px solid #cccccc;

}

#contentBox .mainContent .tablePrivacy tbody tr td {

	padding: 0.5em 1.5em;

}

#contentBox .mainContent .tablePrivacy tbody tr h4 {

	font-weight: normal;

}

#contentBox .mainContent .tablePrivacy thead:not(:first-of-type) th {

	border-top: 1px solid #cccccc;

}

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

	border-top: 1px dotted #cccccc;

}


/*
Caption Table
--------------------------------------------------------------------- */
#contentBox .mainContent .tableCaption {

	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 97%;
	margin: 0 auto 2em;

}

#contentBox .mainContent .tableCaption tbody td:first-of-type {

	padding-left: 1em;

}

#contentBox .mainContent .tableCaption thead tr th {

	background-color: #d1d1d1;

}

#contentBox .mainContent .tableCaption tr th,
#contentBox .mainContent .tableCaption tr td {

	border: 1px solid #cccccc;
	padding: 0.5em;

}

#contentBox .mainContent .tableCaption thead tr th:not(:last-of-type) {

	border-right: 1px solid #ffffff;

}

#contentBox .mainContent .tableCaption .captionType {

	width: 10em;

}

/*
Responsible Table
--------------------------------------------------------------------- */
@media(max-width:768px) {

	#contentBox .mainContent #responsibleTable.tableCaption,
	#contentBox .mainContent #responsibleTable.tableCaption tr,
	#contentBox .mainContent #responsibleTable.tableCaption tr th,
	#contentBox .mainContent #responsibleTable.tableCaption tr td {

		display: block;
		border: none;

	}

	#contentBox .mainContent #responsibleTable.tableCaption thead {

		display: none;

	}

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

		border-bottom: 1px dotted #cccccc;
		margin-bottom: 0.5em;

	}

	#contentBox .mainContent #responsibleTable.tableCaption tbody td {

		padding: 0;
		margin-bottom: 0.5em;

	}

	#contentBox .mainContent #responsibleTable.tableCaption tbody td:before {
		content: attr(data-label);
		display: block;
		padding: 0.2em 0.5em;
		background-color: #8e8e8e;
		color: #ffffff;
	}

	#contentBox .mainContent #responsibleTable.tableCaption tbody td span {

		padding-left: 0.5em;
		display: block;

	}

}

/*
Tellephone - Mail Table
--------------------------------------------------------------------- */
#contentBox .mainContent .tellephone-mail {

	margin: 2em auto;
	width: 98%;

}

#contentBox .mainContent .tellephone-mail thead th {

	text-align: left;
	font-weight: normal;

}

#contentBox .mainContent .tellephone-mail .tellTitle {

	width: 13em;

}

#contentBox .mainContent .tellephone-mail tbody tr td {

	vertical-align: top;

}

@media(min-width:769px) {

	#contentBox .mainContent .tellephone-mail tbody tr td:first-of-type {

		padding-left: 1em;

	}

	#contentBox .mainContent .tellephone-mail tbody:not(:last-of-type) tr:last-of-type td {

		padding-bottom: 0.5em;

	}

}

/*
Caption Box
--------------------------------------------------------------------- */
#contentBox .mainContent .captionBox {

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

}

#contentBox .mainContent .captionBox .captionText {

	width: 98%;
	margin: 0.2em auto;

}

#contentBox .mainContent .captionBox .captionText h3 {

	font-weight: normal;
	font-size: 1em;

}

#contentBox .mainContent .captionBox .captionText h3+P {

	padding-left: 1em;

}