@charset "utf-8";

/********************************** first page **********************************/

/********************************** other style **********************************/
.gold { color:#A37E39;}
a, img { border:none;}
a:hover { color:#EC6E88 !important;}
p { font-size:12px;}
.borferOff { border:none !important;}

#main_contents { width:900px; margin:auto;}
#head_info { text-align:center; width:900px;}
#head_info h4,
#head_info h4 a { color:#A37E39; font-size:18px; font-weight:bold; margin:0 0 5px 0;}
#head_info h4 span { font-size:12px;}
#head_info p { font-size:12px; height:24px;}
#head_info p span { color:#A37E39;}
.star_space { margin:0 130px 0 0;}

.h_star01 { background:url(../img/evaluate/star01.gif) 370px -2px no-repeat;}
.h_star02 { background:url(../img/evaluate/star02.gif) 370px -2px no-repeat;}
.h_star03 { background:url(../img/evaluate/star03.gif) 370px -2px no-repeat;}
.h_star04 { background:url(../img/evaluate/star04.gif) 370px -2px no-repeat;}
.h_star05 { background:url(../img/evaluate/star05.gif) 370px -2px no-repeat;}

#contribute { width:860px; padding:0; margin:20px 20px 10px; text-align:left; border-bottom:1px solid #F8CCD1;}

.title_column { margin:0 0 20px 0; width:860px;}
.title_column h5 { width:680px; margin:0 20px 6px; padding:0 0 6px 140px; border-bottom:1px dotted #ccc; line-height:22px; height:22px; font-weight:bold;}
.title_column p { font-size:12px;}
.title_column dl { font-size:14px; margin:10px 0 15px 20px;}
.title_column dl dt { color:#EC6E88; float:left;}
.title_column dl dd { margin:0 0 0 100px;}
.read_text { padding:0 0 5px 0; border-bottom:1px dotted #ccc; width:820px; margin: 0 20px;}

.star01 { background:url(../img/evaluate/star01.gif) 10px 0 no-repeat;}
.star02 { background:url(../img/evaluate/star02.gif) 10px 0 no-repeat;}
.star03 { background:url(../img/evaluate/star03.gif) 10px 0 no-repeat;}
.star04 { background:url(../img/evaluate/star04.gif) 10px 0 no-repeat;}
.star05 { background:url(../img/evaluate/star05.gif) 10px 0 no-repeat;}

.datail { width:820px; padding:5px 20px;}
.datail .name { float:left; height:21px; line-height:21px; margin:0 0 0 10px;}
.datail .data {float:right;  height:21px; line-height:21px; padding:0; margin:0 10px 0 0;}
.datail .data img { margin:0 0 0 5px; display:inline-block; vertical-align:middle;}



.left { float:left;}
.right { float:right;}

#contribute_foot { text-align:center; margin:0 0 10px 0;}
#contribute_foot p { font-size:12px;}
#contribute_foot p a { color:#A37E39;}
#contribute_foot p a span { color:#EC6E88;}
#contribute_foot img { margin:0 0 5px 0;}

#datail_area {
	width:860px;
	margin:0 20px;
	text-align:center;}
	
#datail_area p { font-size:12px;}
#datail_area p a { color:#A37E39;}
.arrow { background:url(../img/arow_go.gif) 0 0 no-repeat;
	padding:0 0 0 18px;}
	
.listDis { 
	padding:0 0 10px;
	border-bottom:1px solid #F8CCD1;
	width:860px;
	margin:0 auto 20px; text-align:center;}

.listDis p a {	
	color:#A37E39;
	background:url(../img/arow_bt.gif) 0 0 no-repeat;
	padding:0 0 0 16px;}
	
	
/********************************** form page **********************************/	
#contact_area { width:750px; margin:10px; padding:0 55px;}
form { margin:0; padding:0;}

form select { width:200px; font-size:12px; margin:2px 0 10px 0;}
form input,
form textarea { width:750px; padding:2px 0; border:1px solid #999; margin:2px 0 5px;}

form input.short { width:340px !important;}
form .form_btn { text-indent:-10000px; width:171px; height:26px; background:url(../img/evaluate/f-contribut_btn.gif) 0 0 no-repeat; border:none; display:block; cursor: pointer;}
form .form_btn:hover {background:url(../img/evaluate/f-contribut_btn_r02.gif) 0 0 no-repeat;}

form .back_btn { text-indent:-10000px; width:64px; height:26px; background:url(../img/evaluate/back_btn.gif) 0 0 no-repeat; border:none; display:block; cursor: pointer;}
form .back_btn:hover {background:url(../img/evaluate/back_btn2.gif) 0 0 no-repeat;}

.graff { border-top:1px dotted #ccc; margin:10px 0 0 0;}
.graff td { padding:5px 0 10px; border-bottom:1px dotted #ccc; color:#EC6E88;}

.attention { padding:20px 0; border-top:1px solid #EC6E88; border-bottom:1px solid #EC6E88; margin:10px 0;}
.attention ul { list-style:square; font-size:12px; margin:0; padding:0 0 0 20px;}


/********* clear fix *********/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/*Georgia, Times New Roman, Times, serif */
/*Geneva, Arial, Helvetica, san-serif */