@charset "utf-8";

@import url(reset.css);
@import url(common.css);
@import url(page_common.css);


/* ================================================

	stipulate

=================================================*/
#contentsArea { background:url(../_img/common/contents_bg.jpg) center 0 no-repeat; overflow:hidden;}
#contentsAreaInner { width:950px; margin:0 auto; background:url(../_img/common/contents_bg2.jpg) 0 0 no-repeat;}

/* contents -------------*/
#contentsBox { padding-top:20px;}
#contentsSub h2 { margin-bottom:10px;}

.section { background:url(../_img/common/sec_bg.jpg) 0 0 repeat-y; width:760px; margin-bottom:10px;}
.sectionInner { background:url(../_img/common/sec_top.jpg) 0 0 no-repeat; width:760px;}
.sectionBtm { background:url(../_img/common/sec_btm.jpg) 0 bottom no-repeat; width:760px;}
.mainTxt { width:752px; margin:0 2px 10px; background-color:#FEFED6; padding:3px 2px; font-size:10px;}

#contentsSub h3 { background:url(../_img/common/gl_h3_1.png) 0 0 no-repeat; width:740px; font-size:14px; font-weight:bold; color:#000066; padding:5px 10px;}
#contentsSub h4 { font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:10px;}
.inBox { padding:10px;}

.inBox table { border:1px solid #ccc; border-collapse:collapse; margin-bottom:40px; width:100%;}
.inBox table th { background-color:#EAF8FF; font-weight:bold; color:#000099; padding:10px; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; width:25%;}
.inBox table td { padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}

.recruitInfo { border:1px solid #ccc; padding:10px;}
.caption { font-size:10px;}

/* form */
.contactFB { width:740px; overflow:hidden;}
form.jqtransformdone label { width:230px; height:20px;}
.inBox table.jqTransformTextarea { width:inherit;}
.inBox table.jqTransformTextarea,
#jqTransformTextarea-tl,#jqTransformTextarea-tm,#jqTransformTextarea-tr,
#jqTransformTextarea-ml,#jqTransformTextarea-mm,#jqTransformTextarea-mr,
#jqTransformTextarea-bl,#jqTransformTextarea-bm,#jqTransformTextarea-br
{ border:none;}
.formAdd { width:150px;float:left;}
.formAdd2 { width:150px; float:left;}
.formAdd3 { width:220px; float:left; margin-right:10px;}
.formAdd4 { width:520px; float:left; margin-right:10px;}
.formAdd p.example { float:left; padding:8px 0 0 0; margin:0 10px;}
.formAdd2 p.example { float:left; padding:8px 0 0 0; margin:0 10px;}
.formAdd3 p.example { float:left; padding:8px 0 0 5px;}
.formAdd4 p.example { float:left; padding:8px 0 0 0;}
.formAdd4 .jqTransformInputWrapper { margin-right:10px;}
.submitBtn { width:300px; margin:0 0 20px 250px;}
.red { color:#F00;}
.err { color:#F60; width:100%; float:left;}
#checkBox { background-color:#EBEBEB; margin-bottom:40px; padding:10px 0;}
#checkBox p { margin-left:250px;}
#checkBox p.errTxt { margin:0; text-align:center; color:#f60;}

#policyArea { width:738px; height:150px; overflow:auto; margin-bottom:20px; border:1px solid #eee;}
#policyArea h2 { font-size:20px; font-weight:bold;}
#policyArea h3 { background:none; font-size:16px; width:700px;}

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