@charset "utf-8";
/*
 * ==========================================================================
 *
 * courseページ用css
 *
 * ==========================================================================
 */

/**
 * --------------------------------------------------------------------------
 * index
 * --------------------------------------------------------------------------
 */

.course {}
	.course h2 {
		margin-bottom: 40px;
	}
	.course p {
		margin-bottom: 30px;
	}
	.course h3 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 6px;
	}


.coursePriceTable {
	width: 100%;
	margin-bottom: 30px;
	/*border: solid #9F9FA0 1px;*/
}
	.coursePriceTable thead {

	}
		.coursePriceTable thead th {
			border: solid #9F9FA0 1px;
			text-align: center;
			font-size: 13px;
		}
			.coursePriceTable thead th span {}
	.coursePriceTable tbody {}
		.coursePriceTable tbody th,
		.coursePriceTable tbody th {
			border: solid #9F9FA0 1px;
			text-align: center;
		}
			.coursePriceTable tbody th span,
			.coursePriceTable tbody th span {
				text-align: left;
				width: 100%;
				margin-left: 50px;
				vertical-align: middle;
				line-height: 1;
				display: block;
			}
				.coursePriceTable tbody th span img ,
				.coursePriceTable tbody th span img {
					height: 19px;
					vertical-align: middle;
					line-height: 1;
					margin-right: 3px;
				}
		.coursePriceTable tbody td {
			border: solid #9F9FA0 1px;
			font-size: 13px;
			text-align: center;
		}
			.coursePriceTable tbody td.trim {}
				.coursePriceTable tbody td.trim span {
					position: relative;
				}
					.coursePriceTable tbody td.trim span:after {
						position: absolute;
						content: '(';
						font-size: 28px;
						top: 50%;
						left: -20px;
						margin-top: -12px;
						color: #595757;
					}
					.coursePriceTable tbody td.trim span:before {
						position: absolute;
						content: ')';
						font-size: 28px;
						top: 50%;
						right: -20px;
						margin-top: -12px;
						color: #595757;
					}
.typeA {
	margin-bottom: 60px;
}
.typeA .coursePriceWrap {
	margin-bottom: 10px;
}
	.typeA .coursePriceWrap .coursePriceItem {
		width: 412px;
	}
		.typeA .coursePriceWrap .coursePriceItem:first-child {
			float: left;
		}
		.typeA .coursePriceWrap .coursePriceItem:last-child {
			float: right;
		}

		.typeA .coursePriceWrap .coursePriceItem h4,
		.typeB .coursePriceWrap h4 {
			font-size: 14px;
			border-bottom: 1px solid #9F9FA0;
			font-weight: bold;
		}
			.typeA .coursePriceWrap .coursePriceItem h4 span,
			.typeB .coursePriceWrap h4 span {
				font-size: 11px;
				margin-left: 15px;
				font-weight: normal;
			}
		.typeA .coursePriceWrap .coursePriceItem p,
		.typeB .coursePriceWrap p  {
			font-size: 10px;
			margin-bottom: 10px;
		}
		.typeA .coursePriceWrap .coursePriceItem h5 {
			font-size: 11px;
			font-weight: bold;
		}
		.typeA .coursePriceWrap .coursePriceItem table {
			font-size: 10px;
			width: 100%;
		}
			.typeA .coursePriceWrap .coursePriceItem table th {
				border: solid #9F9FA0 1px;
				text-align: center;
			}
			.typeA .coursePriceWrap .coursePriceItem table td {
				border: solid #9F9FA0 1px;
				text-align: center;
			}
				.typeA .coursePriceWrap .coursePriceItem table td span {
					font-size: 9px;
				}
		.typeA .courseInfo .courseInfoTable {
			width: 206px;
			float: left;
		}
		.typeA .courseInfo img {
			width: 178px;
			float: right;
			border: solid #9F9FA0 1px;
		}
.typeB {
	margin-bottom: 40px;
}
.typeB .coursePriceWrap .courseInfo {}
	.typeB .coursePriceWrap .courseInfo .courseInfoTable table {
		font-size: 10px;
		width: 100%;
	}
		.typeB .coursePriceWrap .courseInfo .courseInfoTable table th {
			border: solid #9F9FA0 1px;
			text-align: center;
		}
		.typeB .coursePriceWrap .courseInfo .courseInfoTable table td {
			border: solid #9F9FA0 1px;
			text-align: center;
		}
			.typeB .coursePriceWrap .courseInfo .courseInfoTable table td span {
				font-size: 9px;
			}

	.typeB .courseInfoTable {
		float: left;
		width: 190px;
	}
		.typeB .courseInfoTable .ecoMark {
			margin-top: 80px;
		}
			.typeB .courseInfoTable .ecoMark img {
				width: 100%;
			}
	.typeB .courseToteImg {
		float: right;
		width: 670px;
	}
		.typeB .courseToteImg ul:first-child {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 0;
			border: 1px solid #9F9FA0;
			border-right: 0;
		}
			.typeB .courseToteImg ul:first-child li {
				width: 102.9px;
				padding: 15px;
				display: inline-block;
				border-right: 1px #9F9FA0 solid;
				list-style: none;
			}
				.typeB .courseToteImg ul:first-child li img {
					width: 100%;
				}
		.typeB .courseToteImg ul:last-child {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 0;
			border: 1px solid #9F9FA0;
			border-right: 0;
			border-top: 0;
		}
			.typeB .courseToteImg ul:last-child li {
				width: 192px;
				padding: 15px;
				display: inline-block;
				border-right: 1px #9F9FA0 solid;
				list-style: none;
			}
				.typeB .courseToteImg ul:last-child li img {
					width: 100%;
				}


.courseCaution {
	margin-top: 8px;
}
	.courseCaution h2 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 6px;
	}
	.courseCaution ul {
		margin: 0;
		padding: 0;
	}
		.courseCaution ul li {
			position: relative;
			margin: 0;
			padding: 0 0 0 10px;
			font-size: 10px;
			list-style: none;
		}
			.courseCaution ul li:before {
				content: '■';
				position: absolute;
				left: 0;
				top: 0;
			}