@charset "utf-8";


.section {
	margin-bottom: 35px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #bfbfbf;
}

.section.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.section h3 {
	font-size: 107%;
	font-weight: bold;
	margin-bottom: 5px;
}

.section .toplink {
	margin-bottom: 25px;
}

.section .left {
	width: 319px;
	padding-right: 30px;
	border-right: 1px solid #ddd;
	float: left;
}

.section .right {
	padding-left: 30px;
	width: 320px;
	float: right;
}

.section .block {
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.section .last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.section li {
	margin-bottom: 5px;
}

@media screen and (max-width: 705px) {

		
	#contents h2 {
		margin-bottom: 25px;
		padding: 0 15px;
	}
	
	.section .block {
		margin-bottom: 20px;
		padding-bottom: 0;
		border: none;
	}
	
	.section h3 {
		position: relative;
		padding: 15px;
		border-top: 1px solid #ddd;
	}
	
	.section h3:after {
		content: "";
		display: block;
		background: url(../common/img_sp/icon-arrow01.gif) no-repeat left top;
		background-size: 6px 10px;
		width: 6px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -5px;
	}

	.section .toplink {
		margin-bottom: 0;
	}

	.section h3 a {
		background: none;
		padding-left: 0;
	}
	
	.section .left {
		width: auto;
		float: none;
		border: none;
		padding: 0;
	}
	
	.section .right {
		width: auto;
		float: none;
		padding: 0;
	}
	
	.section ul {
		padding: 0 15px;
	}

}