@charset "utf-8";

.float {
		float: left;
		text-align: center;
}

.text {
		line-height: 140%;
}

.text-left {
		margin: 10px 0 0 0;
		text-align: left;
}

.area {
    width: 318px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 10px 0px 0px 0px;
}

.foreword-area {
    width: 318px;
    height: auto;
    padding: 0px 0 0px 0px;
    float: left;
}

.foreword-head {
    width: 318px;
    height: 35px;
    padding: 0px 0 0px 0;
		background-color: #7cd22f;
    float: left;
		word-wrap: break-word;
}

.foreword-head p {
		color: #FFF;
		font-weight: bold;
		text-align: center;
		line-height: 1;
}

.foreword-main {
    width: 318px;
    height: auto;
    padding: 0px 0 10px 0;
    float: left;
}

.foreword-text {
    width: 318px;
    height: auto;
    padding: 0px 0 0px 0;
    float: left;
}

.foreword-text p {
		line-height: 2em;
}

.contents-area {
		width: 318px;
		margin: 0 0 10px 0;
		border-top: 2px solid #aaa;
		float: left;
}

.contents-head1 {
		width: 318px;
		height: 35px;
		padding: 0px 0 0px 0;
		background-color: #eee;
		text-align: center;
}

.contents-head1 p {
		line-height: 300%;
}

.contents-head2 {
		width: 318px;
		height: 35px;
		padding: 0px 0 0px 0;
		background-color: #c9ec20;
		text-align: center;
}

.contents-head2 p {
		line-height: 300%;
}

.contents-head3 {
		width: 318px;
		height: 35px;
		padding: 0px 0 0px 0;
		background-color: #7be2e6;
		color: #333;
		font-weight: bold;
		text-align: center;
}

.contents-head3 p {
		line-height: 300%;
}

.contents-main {
		width: 142px;
		margin: 0 auto;
		padding: 10px 8px 5px 9px;
		float: left;
		text-align: center;
}

.contents-main-center {
		width: 318px;
		margin: 0 auto;
		padding: 10px 0px 5px 0px;
		float: left;
		text-align: center;
}

.contents-sub {
		width: 318px;
		padding: 10px 0px 10px 0px;
		float: left;
}

.contents-foot {
		width: 318px;
		margin: 0 0 10px 0;
		text-align: center;
		float: left;
}

.contents-table {
		width: 318px;
		margin: 0px 0px 10px 0px;
		float: left;
}

.contents-table table {
		width: 100%;
		border-collapse: collapse;
		font-size: 1em;
}

.contents-table thead th {
		width: 24%;
		padding: 5px 0px 5px 0px;
}

.contents-table tbody th {
		width: 24%;
		padding: 5px 0px 5px 0px;
		background-color: #d2fff6;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}

.contents-table tbody td {
		width: 38%;
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
}