@charset "utf-8";


/***************************************************************************
*
* About Style
*
***************************************************************************/


.area {
	padding-top: 8px;
	margin-bottom: 33px;
}
.area .borTitle {
	padding-bottom: 2px;
}
.area .areaContent {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	padding: 0 30px 0 15px;
}


.area1 .bText {
	float: left;
	width: 410px;
	line-height: 2.1;
	color: #353a26;
}
.area1 .bPhoto {
	float: right;
	width: 258px;
	padding-top: 9px;
}


.area .areaTable {
	width: 100%;
	border-collapse: collapse;
}
.area .areaTable th, .area .areaTable td {
	text-align: left;
	color: #353a26;
	padding: 2px 3px;
	line-height: 1.8;
}
.area .areaTable th {
	width: 150px;
}
.area .areaTable td a {
	color: #00BEFF;
	text-decoration: none;
}
.area .areaTable td a:hover {
	text-decoration: underline;
}



.area2 .txtTb {
	padding-top: 15px;
	line-height: 1.8;
	padding-left: 152px;
	color: #353a26;
}


.area3 {
	margin-bottom: 150px;
}




@media(max-width: 768px){

	.area .areaContent {
		padding: 0;
	}

	.area1 .bText {
		width: 100%;
	}
	.area1 .bPhoto {
		width: 100%;
		text-align: center;
	}

	.area .areaTable th {
		width: 120px;
		vertical-align: top;
	}

	.area2 .txtTb {
		padding-left: 0px;
	}

	.area3 {
	    margin-bottom: 90px;
	}

}