﻿

table {
    border-collapse: separate;
    border-spacing: 0px;
    empty-cells: show;
}

.tableC {
	border-collapse: collapse;
	border:1px solid #ccc;
}

.tableC tr {
	margin: 0;
	padding: 0;
}

.tableC tr td {
	border:1px solid #ccc;
	padding: 0.5em 1em;
}

.tableC tr th {
	border:1px solid #ccc;
	background: #f2f2f2;
	border:1px solid #ccc;
	padding: 0.5em 1em;
	vertical-align: middle;
}

.arrow img {
	vertical-align: middle;
}

@media screen and (min-width: 767px){
	#contentBodyWrap [class*=tableC] {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-bottom: 20px;
		width: 100%;
	}
	
	#contentBodyWrap [class*=tableC] > tr > *, #contentBodyWrap [class*=tableC] > tbody > tr > * {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px 20px 10px;
		font-size: 90%;
		font-weight: normal;
	}
	
	#contentBodyWrap [class*=tableC] > tr > th, #contentBodyWrap [class*=tableC] > tbody > tr > th {
		background-color: #f2f2f2;
	}
}
	
@media screen and (max-width: 767px){
	#contentBodyWrap{
		padding: 0 25px;
	}
	#note01{
		margin-top: 2em;
	}

}

#note01{
	overflow: hidden;
}

#note01 dt,
#note01 dd{
	display: table-cell;
}

#note01 dt{
	min-width: 9.4em;
}

.txtIndent{
	margin-top: 1em;
}

.category {
	background: #c5d9f1;
	font-weight: bold;
}