@charset "utf-8";
/* CSS Document */

.middleSection {
	margin-bottom: 3%;
}

#titles h1 {
	background: url("../images/h1.png") no-repeat 30px;
	height: 100%;
	padding-left: 364px;
	line-height: 100px;
}

.t_styles {
    border-radius: 5px;
    background: url("../images/ttl_bg.png") no-repeat 10px #555;
    height: 24px;
    line-height: 22px;
	padding-left: 30px;
}

.basicTable tr:nth-child(2n+1) {
	background-color: #ccc;
}

.basicTable th {
	background-color: #666;
	color: white;
	padding: 5px 10px;
}

.basicTable td {
	padding: 5px 10px;
}

#topImg {
	padding-left: 15px;
}

#box02 dl {
	counter-reset: num;
	margin-top: 2em;
}

#box02 dt {
	float: left;
	height: 3em;
}

#box02 dt:before {
	counter-increment: num;
	content: "※" counter(num) " ";
}

#box02 dt:after {
	content: "：";
}

#box02 dd {
	float: left;
	max-width: 89.6%;
	margin: 0 0 1em 10px;
	line-height: 1.5;
}

#box02 dd:nth-child(3) {
	margin-left: 8.7em;
}

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

	.middleSection {
		margin-bottom: 2%;
	}
	
	#box02 dd {
		max-width: 86%;
	}

}