@charset "utf-8";

/*============================================
 2010.05
 form.css
============================================*/

/*  入力
========================================== */
.input01{ width:325px; }
.input02{ width:68px; }
.input03{ width:106px; }
.input04{ width:188px; }
.input05{ width:228px; }
.input06{ width:140px; }
.checkbox{ margin-right:5px; *margin-right:0; vertical-align:-3px; }
.textarea01{ width:618px; height:8.5em; }
.textarea02{ width:543px; height:15em; }
.textarea03{ width:543px; height:7em; }
.textarea04{ width:620px; height:5em; }
.textarea05{ width:500px; height:11em; background:#faf8d2; }

#inviteInput3{ width:500px; padding:5px; }
.inviteInput3On{ background:#faf8d2; }

div.formArea table input,
div.formArea table select {vertical-align:middle;}


/*  form
========================================== */
.form{ width:695px; margin:0 5px; }
.form2{ width:930px; margin:0 5px; }

	/*	formArea table
	--------------------------------------------*/
	.formArea table th{ color:#a06730; }
	
	/*	essential
	--------------------------------------------*/
	.essential{ font-size:0.83em; font-weight:normal; color:#FF0000; }
	span.essential{ margin-left:5px; }
	
	/*	formArea
	--------------------------------------------*/
	div.formArea{ width:695px; margin-bottom:20px; padding-bottom:5px; background:url(../../img/service/line_01.gif) repeat-x 0 bottom; }
	div.formArea table{ width:695px; }
	div.formArea table th{ width:107px; padding:15px 10px; text-align:left; vertical-align:middle; }
	div.formArea table td{ width:548px; padding:15px 10px; background:url(../../img/service/line_01.gif) repeat-x 0 0; vertical-align:top; }
	div.formArea table td div.tool{ margin-bottom:10px; }
	
	/*	glossのためフロート
	--------------------------------------------*/
	.contentsBox div.formArea{float:left;}
	
	/*	formBtn
	--------------------------------------------*/
	.formBtn_cover{ width:657px; height:5px; clear:both; display:block; margin:0 auto; padding:0px; line-height:0; font-size:0; background:url(../../img/service/bg_01.gif) no-repeat 0 top;}
	.formBtn{ width:657px; clear:both; margin:0 auto 15px; padding:3px 0 11px; text-align:center; background:url(../../img/service/bg_01.gif) no-repeat 0 bottom; position:relative; }

	.formBtn2_cover{ width:930px; height:5px; clear:both; display:block; margin:0 auto; padding:0px; line-height:0; font-size:0; background:url(../../img/service/bg_03.gif) no-repeat 0 top;}
	.formBtn2{ width:930px; height:70px; clear:both; margin:0 auto 10px; padding:15px 0 0; text-align:center; background:url(../../img/service/bg_06.gif) no-repeat 0 bottom; }

	.formBtn3_cover{ width:657px; height:5px; clear:both; display:block; margin:0 0 0 19px; padding:0px; line-height:0; font-size:0; background:url(../../img/service/bg_01.gif) no-repeat 0 top;}
	.formBtn3{ width:657px; clear:both; margin:0 0 15px 19px; padding:3px 0 11px; text-align:center; background:url(../../img/service/bg_01.gif) no-repeat 0 bottom; position:relative; }

	#container .formBtn .formBtn_txt,
	#container .formBtn2 .formBtn_txt,
	#container .formBtn3 .formBtn_txt{ margin-bottom:5px; display:block; }
	#container .formBtn .formBtn_txt a,
	#container .formBtn2 .formBtn_txt a,
	#container .formBtn3 .formBtn_txt a{ display:inline; width:auto; height:auto; text-indent:0; overflow:visible; font-size:100%; line-height:inherit }
	.formBtn .formBtn_btn{ padding-top:5px;}	
	.formBtn2 .formBtn_btn{}
	.formBtn3 .formBtn_btn{ padding-top:5px;}

	.formBtn p{ display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1;}
	.formBtn p a,
	.formBtn p a:link,
	.formBtn p a:visited,
	.formBtn p a:hover,
	.formBtn p a:active{ display: block; height:28px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; }
	
	.formBtn2 p{ display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1;}
	.formBtn2 p a,
	.formBtn2 p a:link,
	.formBtn2 p a:visited,
	.formBtn2 p a:hover,
	.formBtn2 p a:active{ display: block; height:53px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; }

	.formBtn3 p{ display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1;}
	.formBtn3 p a,
	.formBtn3 p a:link,
	.formBtn3 p a:visited,
	.formBtn3 p a:hover,
	.formBtn3 p a:active{ display: block; height:28px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; }
	
	.textarea01{ width:500px; height:7em; }
	
	.formBtn4{ width:918px; height:60px; clear:both; margin:0 auto 6px; padding-top:10px; text-align:center; background: #F7F4ED; position:relative; }	
	.formBtn4 p a{ display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	.formBtn4 p{ display:-moz-inline-box; display:inline-block; /display:inline; /margin-right:3px; /zoom:1; }
		
	/* btn class */
	p a.btn_viewSample{ width: 217px; background: url(../../img/service/btn_viewSample.gif) 0 0 no-repeat; }  
	p a.btn_viewSample:hover{ background: url(../../img/service/btn_viewSample.gif) -217px 0 no-repeat;}
	p a.btn_cancel{ width: 111px; background: url(../../img/service/btn_cancel.gif) 0 0 no-repeat; }  
	p a.btn_cancel:hover{ background: url(../../img/service/btn_cancel.gif) -111px 0 no-repeat; }
	p a.btn_change{ width: 111px; background: url(../../img/service/btn_change.gif) 0 0 no-repeat; }  
	p a.btn_change:hover{ background: url(../../img/service/btn_change.gif) -111px 0 no-repeat; }
	p a.btn_back{ width: 111px; background: url(../../img/service/btn_back.gif) 0 0 no-repeat; }  
	p a.btn_back:hover{ background: url(../../img/service/btn_back.gif) -111px 0 no-repeat; }
	p a.btn_confirm{ width: 111px; background: url(../../img/service/btn_confirm.gif) 0 0 no-repeat; }  
	p a.btn_confirm:hover{ background: url(../../img/service/btn_confirm.gif) -111px 0 no-repeat; }
	p a.btn_regi_confirm{ width: 161px; background: url(../../img/service/btn_regi_confirm.gif) 0 0 no-repeat; }  
	p a.btn_regi_confirm:hover{ background: url(../../img/service/btn_regi_confirm.gif) -161px 0 no-repeat; }
	p a.btn_correct{ width: 111px; background: url(../../img/service/btn_correct.gif) 0 0 no-repeat; }  
	p a.btn_correct:hover{ background: url(../../img/service/btn_correct.gif) -111px 0 no-repeat; }
	p a.btn_delete{ width: 111px; background: url(../../img/service/btn_delete.gif) 0 0 no-repeat; }  
	p a.btn_delete:hover{ background: url(../../img/service/btn_delete.gif) -111px 0 no-repeat; }
	p a.btn_entry{ width: 111px; background: url(../../img/service/btn_entry.gif) 0 0 no-repeat; }  
	p a.btn_entry:hover{ background: url(../../img/service/btn_entry.gif) -111px 0 no-repeat; }
	p a.btn_gositeinput{ width: 179px; background: url(../../img/service/btn_gositeinput.gif) 0 0 no-repeat; }  
	p a.btn_gositeinput:hover{ background: url(../../img/service/btn_gositeinput.gif) -179px 0 no-repeat; }
	p a.btn_input{ width: 111px; background: url(../../img/service/btn_input.gif) 0 0 no-repeat; }  
	p a.btn_input:hover{ background: url(../../img/service/btn_input.gif) -111px 0 no-repeat; }
	p a.btn_login{ width: 111px; background: url(../../img/service/btn_login.gif) 0 0 no-repeat; }  
	p a.btn_login:hover{ background: url(../../img/service/btn_login.gif) -111px 0 no-repeat; }
	p a.btn_loginentry{ width: 151px; background: url(../../img/service/btn_loginentry.gif) 0 0 no-repeat; }  
	p a.btn_loginentry:hover{ background: url(../../img/service/btn_loginentry.gif) -151px 0 no-repeat; }
	p a.btn_logout{ width: 111px; background: url(../../img/service/btn_logout.gif) 0 0 no-repeat; }  
	p a.btn_logout:hover{ background: url(../../img/service/btn_logout.gif) -111px 0 no-repeat; }
	p a.btn_withdrawal{ width: 111px; background: url(../../img/service/btn_withdrawal.gif) 0 0 no-repeat; }  
	p a.btn_withdrawal:hover{ background: url(../../img/service/btn_withdrawal.gif) -111px 0 no-repeat; }
	p a.btn_registerentry{ width: 147px; background: url(../../img/service/btn_registerentry.gif) 0 0 no-repeat; }  
	p a.btn_registerentry:hover{ background: url(../../img/service/btn_registerentry.gif) -147px 0 no-repeat; }
	p a.btn_registerentry02{ width: 421px; background: url(../../img/service/btn_registerentry02.gif) 0 0 no-repeat; }  
	p a.btn_registerentry02:hover{ background: url(../../img/service/btn_registerentry02.gif) -421px 0 no-repeat; }
	p a.btn_registerentry04{ width: 421px; background: url(../../img/service/btn_registerentry04.gif) 0 0 no-repeat; }  
	p a.btn_registerentry04:hover{ background: url(../../img/service/btn_registerentry04.gif) -421px 0 no-repeat; }
	p a.btn_resetting{ width: 111px; background: url(../../img/service/btn_resetting.gif) 0 0 no-repeat; }  
	p a.btn_resetting:hover{ background: url(../../img/service/btn_resetting.gif) -111px 0 no-repeat; }
	p a.btn_save{ width: 111px; background: url(../../img/service/btn_save.gif) 0 0 no-repeat; }  
	p a.btn_save:hover{ background: url(../../img/service/btn_save.gif) -111px 0 no-repeat; }
	p a.btn_sendregisterurl{ width: 161px; background: url(../../img/service/btn_sendregisterurl.gif) 0 0 no-repeat; }  
	p a.btn_sendregisterurl:hover{ background: url(../../img/service/btn_sendregisterurl.gif) -161px 0 no-repeat; }
	p a.btn_useregist{ width: 111px; background: url(../../img/service/btn_useregist.gif) 0 0 no-repeat; }
	p a.btn_useregist:hover{ background: url(../../img/service/btn_useregist.gif) -111px 0 no-repeat; }
	p a.btn_sendsettingurl{ width: 176px; background: url(../../img/service/btn_sendsettingurl.gif) 0 0 no-repeat; }  
	p a.btn_sendsettingurl:hover{ background: url(../../img/service/btn_sendsettingurl.gif) -176px 0 no-repeat; }
	p a.btn_agree_site{ width: 192px; background: url(../../img/service/btn_agree_site.gif) 0 0 no-repeat; }  
	p a.btn_agree_site:hover{ background: url(../../img/service/btn_agree_site.gif) -192px 0 no-repeat; }
	p a.btn_entry02{ width: 225px; background: url(../../img/service/btn_entry02.gif) 0 0 no-repeat; }  
	p a.btn_entry02:hover{ background: url(../../img/service/btn_entry02.gif) -225px 0 no-repeat; }
	p a.btn_send{ width: 111px; background: url(../../img/service/btn_send.gif) 0 0 no-repeat; }  
	p a.btn_send:hover{ background: url(../../img/service/btn_send.gif) -111px 0 no-repeat; }
	a.btnEntry02{ width:305px; background:url(../../img/service/btn_syusseki.gif) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	a.btnEntry02:hover{ background-position:-305px 0; }
	a.btnNotentry02{ width:305px; background:url(../../img/service/btn_kesseki.gif) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	a.btnNotentry02:hover{ background-position:-305px 0; }
	a.btnrequest{ width:305px; background:url(../../img/service/btn_kesseki.gif) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	a.btnrequest:hover{ background-position:-305px 0; }
	a.btnRequest02{ width:305px; background:url(../../img/service/btn_request.gif) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	a.btnRequest02:hover{ background-position:-305px 0; }
	a.btn_make{ width:305px; background:url(../../img/service/btn_request.gif) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; overflow:hidden; }
	a.btnRequest02:hover{ background-position:-305px 0; }
	a.btn_make{width: 292px; height: 71px; background: url(../../img/service/btn_make.gif) no-repeat; text-decoration: none; text-indent: -9999px; display: block; overflow: hidden;}
	a.btn_make:hover{ margin: 0; padding: 0; background-position: -292px 0;}
	a.btn_make02{width: 292px; height: 71px; background: url(../../img/service/btn_make02.gif) no-repeat; text-decoration: none; text-indent: -9999px; display: block; overflow: hidden;}
	a.btn_make02:hover{ margin: 0; padding: 0; background-position: -292px 0;}

	/*  checkList01
	--------------------------------------------*/
	.checkList01{}
	.checkList01 li{float:left; display:inline; margin-right:12px;}
	
	/*  inputEx
	--------------------------------------------*/
	.inputEx{color:#999999; margin-top:3px;}
	
	/*	error
	--------------------------------------------*/
	.error{ font-size:0.83em; font-weight:bold; color:#FF0000; padding-top:3px; margin-bottom:-5px;  }
	div.errors{ width:673px; margin-bottom:10px; padding:6px 10px 10px; border:#FF0000 1px solid;  }

	/*  profPhoto
	--------------------------------------------*/
	.profPhoto{ float:left; }
	.profPhoto div.profPhoto_left{ width:130px; float:left; }
	.profPhoto div.profPhoto_right{ width:300px; float:left; padding-top:40px; }
	.profPhoto div.profPhoto_right p{ padding:5px 0 0; }
	.profPhoto div.profPhoto_right p input{ margin-right:5px; vertical-align:middle; }
	/*.profPhoto img{ margin-right:8px; vertical-align:middle;}
	.profPhoto div{ margin-right:28px; display:inline;}
	.profPhoto a{ margin-right:8px; display:inline;}*/
	
	.formLeft{ min-width:188px; width:auto !important; width:188px; float:left;}
	.formRight{ float:right;}
		
	/*  rBox
	--------------------------------------------*/
	.rBox01{ width:220px; clear:both; float:left; display:inline; margin:0 0 10px 10px;}

	.rBox_head{ width:100%; height:5px; background:url(../../img/service/bg_03.gif) right top no-repeat;}
	.rBox_head span{ display:block; width:10px; height:5px; background:url(../../img/service/bg_03.gif) left top no-repeat; font-size:0; line-height:0;}
	.rBox_foot{ clear:both; width:100%; height:5px; background:url(../../img/service/bg_03.gif) right bottom no-repeat;}
	.rBox_foot span{ display:block; width:10px; height:5px; background:url(../../img/service/bg_03.gif) left bottom no-repeat; font-size:0; line-height:0;}
	.rBox_body{ border-color:#cccccc; border-style:solid; border-width:0 1px 0 1px; float:left;}
	
	.rBox01 .rBox_body{ padding:3px 8px 4px; width:202px; line-height:1.2;}
	.rBox01 dt{font-weight:bold; color:#6c625c; margin-bottom:5px;}
	
	/*  tableAdd
	--------------------------------------------*/
	.tableAdd{ clear:both; float:left; width:100%; margin:-15px 0 20px 138px; }
	
	/*  kaihi
	--------------------------------------------*/
	.kaihi{ width:550px; }
	.kaihi label{ float:left; display:inline; margin-right:20px; white-space:nowrap; }
	
	/*  party request error message
	--------------------------------------------*/
	#requestFormError{
		margin-left: 15px;
	}
