/***********************************************/
/* leftArea                                */
/***********************************************/

/* ===== txtArea ===== */

.txtArea div.hrline{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0em;
}


.txtArea table{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	border-left: 1px solid #000066;
	border-top: 1px solid #000066;
	border-collapse: collapse;
	font-size: 1em;
}

.txtArea table th{
	padding: 4px;
	width: 25%;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	background-color: #6699FF;
	text-align: left;
	vertical-align: top;
	color: #FFFFFF
}

.txtArea table td{
	padding: 4px;
	width: 25%;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	vertical-align: top;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	word-break: break-all;
}

.txtArea table td.long{
	width: 75%;
	overflow: auto;
}



/* ===== bnrArea ===== */

.bnrArea{
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}

.bnrArea ul{
	clear: both;
}

.bnrArea ul li{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

.bnrArea ul li a{
	width: 240px;
	height: 240px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	text-decoration: none;
	display: block;
}

.bnrArea ul li a.agricultural{
	background-image: url(../../report/img/bnr_report01.jpg);
}

.bnrArea ul li a.agricultural:hover{
	background-position: -240px 0px;
}

.bnrArea ul li a.career{
	background-image: url(../../report/img/bnr_report02.jpg);
}

.bnrArea ul li a.career:hover{
	background-position: -240px 0px;
}

.bnrArea ul li a.mental{
	background-image: url(../../report/img/bnr_report03.jpg);
}

.bnrArea ul li a.mental:hover{
	background-position: -240px 0px;
}



/* ===== postArea ===== */

.postArea{
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
	border: 1px solid #CCCCCC;
}



/* ===== phArea ===== */

.phArea{
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}

.phArea ul li{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}



/* ===== writingArea ===== */

.writingArea{
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
}





/* ===== reportsearchArea ===== */

#reportsearchArea{
	clear: both;
	padding-left: 18px;
	background-image: url(../img/ic04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#reportsearchArea input.textfield{
	height: 18px;
	border-left: 1px solid #333333;
	border-right: 1px solid #999999;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #999999;
}

#reportsearchArea input.submit{
	height: 20px;
	margin-bottom: -2px;
	background-color:#6699FF;
	border-left: 1px solid #0099FF;
	border-right: 1px solid #000066;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #000066;
	color: #000033;
}

* html body #reportsearchArea input.submit{/* ===== IE hack ===== */
	margin-top: -1px;
	margin-bottom: 0px;
}



/* ===== reportArea ===== */

.reportArea{
	clear: both;
	padding: 4px;
	padding-left: 18px;
	background-image: url(../img/ic03.jpg);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	border: 1px solid #CCCCCC;
}

.reportArea h4{
	clear: both;
	margin-bottom: 0.5em;
}




/* ===== reportindex ===== */

.reportindex{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.reportindex ul li{
	margin-left: 4px;
	margin-right: 4px;
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
}

.reportindex ul li.start{
	padding-left: 18px;
	margin-right: 60px;
	background-image: url(../img/ic05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.reportindex ul li.end{
	padding-right: 18px;
	margin-left: 60px;
	background-image: url(../img/ic06.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}




/***********************************************/
/* clearfix                                */
/***********************************************/

.bnrArea:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.bnrArea{/* ===== IE hack ===== */
	display: inline-block;
}


.bnrArea{/* ===== Opera ===== */
	display: block;
}