body {
  background:  url(../images/bg.jpg) top; margin:0; 

{scrollbar-face-color: #053800; scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color:#E1F085; 
scrollbar-darkshadow-color: #E1F085; scrollbar-track-color: #E1F085; 
scrollbar-arrow-color: #FFFFFF}
 }
font,th,td,p,div { font-family: tahoma, MS Sans Serif, Helvetica ; font-size: 12px ; color:#053800;}
.text{ font-size: 11px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#B3CB1F ; font-weight: normal; }
.blue{ font-size: 12px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#00A1D6 ; font-weight: normal; }
.date{ font-size: 12px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#999999 ; font-weight: normal; }
.lowblack{ font-size: 10px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#D9D9D9 ; font-weight: normal; }
.while{ font-size: 12px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#FFFFFF ; font-weight: normal; }
.red{ font-size: 10px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#993300 ; font-weight: normal; }
.head{ font-size: 12px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#8D402C ; font-weight: normal; }
.red2{ font-size: 12px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#FF0000 ; font-weight: normal; }
.While2{ font-size: 16px;font-family:  tahoma, MS Sans Serif, Helvetica ; color:#FFFFFF ; font-weight: normal; }

a							{text-decoration:none ;					 color:#053800 						font-size: 12px ; }
a:hover						{text-decoration:underline ;			 color:#809C3F ;					font-size: 12px ;}
.news						{text-decoration:none ;					 color:#053800 ;					font-size: 12px ; }
.news:hover					{text-decoration:underline ;			 color:#FFCC33 ;					font-size: 12px ;}
.oldday						{text-decoration:none ;					 color:#999999 ;					font-size: 12px ; }
.oldday:hover				{text-decoration:underline ;			 color:#FFCC33 ;					font-size: 12px ;}
.calendar					{text-decoration:none ;					 color:#053800 ;					font-size: 11px ; }
.calendar:hover				{text-decoration:underline ;			 color:#FFCC33 ;					font-size: 11px ;}
.calendar2					{text-decoration:none ;					 color:#FFFFFF ;					font-size: 12px ; }
.calendar2:hover			{text-decoration:underline ;			 color:#FFCC33 ;					font-size: 12px ;}


.input {
	BORDER-RIGHT: normal ;
	BORDER-TOP: normal ;
	BORDER-BOTTOM: normal ;
	BORDER-LEFT: normal ; 
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, MS Sans Serif, Helvetica; 
	COLOR: #053800;
}

/*
* Review.php
*
**********************************************************/

/* Reset */

.container h2, .container h3, .container h4,
.container img,
.container ul, .container li,
.container fieldset, .container form, .container label, .container legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* My Code */
.container {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}
	.col_left, .col_right {
		display: inline;
		float: left;
		position: relative;
	}
	.col_left {
		width: 390px;
	}
	.col_right {
		margin-left: 20px;
		width: 290px;
	}
	.col_full {
		width:700px;
	}
		.underline {
			border-bottom: 1px solid #eee;
			padding-bottom: 10px;
			float: left;
			margin-top: 20px;
		}
		.mag-block {
			float: left;
			position: relative;
			width: 155px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.mag-block h3 {
			margin-bottom: 5px;
			font-family: "Times New Roman", Times, serif;
			font-size: 15px;
		}
		.mag-block a {}
		.mag-block a img { border: none; }
		
	.tab_content {
		display:none;
	}
	.show {
		display: block;
	}
		.child_block {
			margin-top: 20px;
			*margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #eee;
		}
			.child_block h3 {
				font-size: 16px;
				float: left;
			}
				#tab_1 .child_block h3, #tab_2 .child_block h3 {
					font-family: "Times New Roman", Times, serif;
					font-size: 16px;
				}
				#tab_2 .child_block h3 {
					margin-bottom: 10px;
				}
				#tab_2 .child_block img {
					margin-bottom: 8px;
					*margin-top: -10px; /*ie fix 10px of top*/
					border: 1px solid #053800;
					padding: 0;
				}
			.child_block em {
				background: url(../images/email.png) no-repeat left center;
				padding-left: 14px;
				font-size: 12px;
				color: #555;
				line-height: 24px;
				margin-left: 14PX;
			}
			.child_block p {
				line-height:1.4em;
				margin: 5px 0 0 0;
				color: #222;
			}

/* review_content */
#review_content h2 {
	font-size: 24px;
	margin: 10px 0 20px 0;
	background: url(../images/h_review.jpg) no-repeat top left;
	float: left;
	width:71px; height: 38px;
	text-indent: -9999px;
}
	#tab_menu { 
		list-style:none;
		float: left;
		border-bottom: 1px solid #ccc;
		width: 700px;
	}
	#tab_menu li { 
		float: left; 
		display: inline;
		border-bottom: none;
		margin:0 10px 5px 0;
		
	}
		#tab_menu li a {
			float: left;
			display: block;
			padding: 5px 10px 5px;
			font-size: 17px; color: #8C9500;
			font-family: "Times New Roman", Times, serif;
			font-weight: bold;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#tab_menu li a:hover {
			color: #9B8C21;
			text-decoration: none;
			background-color: #E2EE94;
		}
		#tab_menu li a.selected {
			background-color: #E2EE94;
			color: #053800;
		}
		#tab_menu li.mouseout {}
	
	/* Form Element */
	#review_form { 
		width: 100%;
		margin-top: 20px;
		*margin-top:0;
	}
		#review_form fieldset {
			border: 1px solid #bbb;
			padding-top: 15px;
			padding-bottom: 10px;
		}
		#review_form legend {
			font-family:"Times New Roman", Times, serif;
			font-size: 16px;
			font-weight: bold;
			padding-left: 5px;
			padding-right: 5px;
			margin-left: 10px;
			/*color: #9B3321;*/
		}
		#review_form label {
			width: 90px;
			float: left;
		}
			#review_form label span.require { color: #a00; }
		#review_form .form_line {
			float: left;
			margin: 5px 0 3px 10px;
		}
		#review_form input {
			margin: 0;
		}
		#review_form input.text {
			width: 180px;
			float: left;
			color: #000;
		}
		#review_form textarea {
			width: 269px;
			*margin-left: -10px;
		}
		#review_form .button {
			*margin-left: -10px;
		}
	/* Page Navigation */
	.page-navi {}
	.page-navi ul { 
		list-style: none; 
		margin-top: 20px;
	}
	.page-navi ul li { 
		float: left; 
		display:inline; 
		margin-left: 5px;
	}
	.page-navi ul li a {
		float: left;
		display: block;
		padding: 3px 5px 3px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}
	.page-navi ul li a:hover {
		color: #053800;
	}
	.page-navi ul li a.page-now {
		border: 1px solid #053800;
		color: #053800;
	}
	
/*
* Questionaire
*
**********************************************************/

.q_container {
	float: left;
	width: 700px;
	margin-left: 20px;
}
	.q_container h1 {
		margin: 30px 0 20px;
		font-size: 24px;
		font-family: "Times New Roman", Times, serif;
		color: #7B8309;
	}
	.q_container .block_area {
		background: #E2EE94;
		padding: 5px 10px 5px;
		font-size: 17px;
		margin: 5px 5px 20px;
		font-weight: bold;
		border-left: 3px solid #A4AE00;
		font-family: "Times New Roman", Times, serif;
	}


/* Main.php */
#questionaire {}
	#questionaire div.q_main_block {
		margin: 0 auto ;
		border: 1px solid #bbb;
		padding: 2px;
		float: left;
		width: 100%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#questionaire .block_area {
		color: #053800;
		margin-bottom: 0;
	}
	#questionaire ul {
		list-style: none;
		margin: 10px 0 0 10px;
		padding: 0;
		float: left;
	}
		#questionaire ul li {
			margin: 0 0 10px 20px;
		}
	 	#questionaire ul li a {
			font-weight: bold;
			font-size: 14px;
			color: #9B3321;
			padding-left: 20px;
			background: url(../images/help.png) no-repeat 0 3px;
		}
		#questionaire ul li a:hover {
			text-decoration: underline;
			color: #9B8C21;
			
		}
/* Register.php */
#q_regis {}
	#q_regis form {}
	#q_regis fieldset { 
		border: 1px solid #ccc;
		padding:0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#q_regis .block_area {
		color: #9B3321;
	}
	#q_regis table {
		margin-bottom: 20px;
	}

/* Question.php */
#question {}
	#question form {}
	#question fieldset { 
		border: 1px solid #ccc;
		padding:0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}
	#question .block_area {
		color: #9B3321;
	}
	#question table {
		margin-bottom: 20px;
	}
	#question .choice {}
		#question .choice label {
			clear: both;
			margin-left: 30px;
			font-size: 15px;
			float: left;
			margin-bottom: 5px;
		}
		#question .choice .radio {
			margin:3px 10px 0 0;
			padding:0;
			float: left;
			*margin-top: 0;
			*margin-right: 0;
		}