@charset "UTF-8";


/* HTML5 CSS
------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/*------------------
 == reset
--------------------*/
html, body {margin: 0;padding: 0;border: 0;}
body {font-size: 100%;line-height: 1.6;-webkit-text-size-adjust:none;}

a{cursor: pointer;}
img{border: 0;vertical-align: bottom;}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin: 1em 0;padding: 0;font-size: 1em;}
em, address {font-style: normal;}
input,textarea{font-size: 100%;}
ul{list-style: none;}
ol li{padding: 2px 0;}

table {border-collapse: collapse;border-spacing: 0;}
th {text-align: left;font-style: normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

fieldset {border: 0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}

/* ----------------------------
 == Common
---------------------------- */

body{
	background: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: sans-serif;
	color: #333333;
	-webkit-text-size-adjust:none;
	min-width: 1026px;
}

a:link {color: #333333;}
a:visited {color: #000000;}
a:hover {color: #666666;}
a:active {color: #666666;}




/* -- clearfix Style -------------------- */

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}

/* -- text Style -------------------- */
sup{
	vertical-align: .3em;
}
sub{
	vertical-align: -.2em;
}

em{
	font-weight: bold;
}
strong{
	font-weight: bold;
	color: #ff0000;
}

.imgLeft{
	float: left;
	margin: 0 20px 10px 0;
}
.imgRight{
	float: right;
	margin: 0 0 10px 20px;
}

.txtLeft{
	text-align: left;
}
.txtRight{
	text-align: right;
}
.txtCenter{
	text-align: center;
}

.noBreak{
	white-space: nowrap;
}

.note{
	font-size: .8em;
	margin-left: 1.2em;
}
.note span{
	margin-left: -1em;
}
ul.note{
	margin-left: 0;
}
ul.note li{
	margin-left: 1.2em;
}
ul.note li span{
	margin-left: -1em;
}




/* ------------------------------------------------------------------------------------
 == Layout
------------------------------------------------------------------------------------ */


/* ----------------------------
 == headerArea
---------------------------- */
#headerArea{
	background: url("/recruit/form/img/bg_header.png") repeat-x left top;
}
#headerBlock{
	width: 890px;
	margin: 0 auto;
	min-height: 60px;
}
#siteID{
	width: 300px;
	margin: 4px 0 6px 0;
	padding: 0;
	float: left;
}


#utilityBlock{
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#utilityBlock ul{
	float: right;
	margin: 0;
	padding: 0;
}
#utilityBlock ul li{
	float: right;
	margin: 0;
	padding: 0;
}
#utilityBlock .closeBtn{
	margin-top: 26px;
	vertical-align: top;
}
#utilityBlock .closeBtn img{
	vertical-align: top;
}



/* ----------------------------
 == fnavArea
---------------------------- */
#fnavArea{
	background: #000000;
	border-top: 1px solid #00a040;
	color: #969696;
	zoom: 1;
}
#fnavBlock{
	width: 890px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: .8em;
	zoom: 1;
}

#fnavArea a:link {color: #ffffff;}
#fnavArea a:visited {color: #969696;}
#fnavArea a:hover {color: #ffffff;}
#fnavArea a:active {color: #ffffff;}

#fnavBlock .fnavList{
	margin: 0 -15px 0 0;
	padding: 0 0 0 30px;
	overflow: hidden;
	zoom: 1;
	display: table;
}

#fnavBlock .fnavList li{
	width: 215px;
	margin: 0 15px 0 0;
	padding: 0 15px;
	display: table-cell;
	border-left: 1px solid #00a040;
}
#fnavBlock .fnavList li ul li{
	display: block;
	width: auto;
	margin: .3em 0;
	padding: 0;
	border: 0px solid #00a040;
}




/* ----------------------------
 == footerArea
---------------------------- */
#footerArea{
	background: url("/recruit/form/img/bg_footer.png") repeat-x left top;
}
#footerBlock{
	width: 890px;
	margin: 0 auto;
	padding: 0 0 35px 0;
	font-size: .8em;
	overflow: hidden;
	line-height: 1;
}
#unavBlock{
	margin: 0;
	padding: 0;
	text-align: right;
}
#unavBlock li{
	margin: 0 10px;
	padding: 0;
	display: inline-block;
	zoom: 1;
}
*html #unavBlock li{
	display: inline;
}
*:first-child+html #unavBlock li{
	display: inline;
}

#copyrightBlock{
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}
#flogoBlock{
	margin: 0;
	padding: 0;
	float: right;
}


/* ----------------------------
 == contentsArea
---------------------------- */
#contentsArea{
	background: #ffffff;
}
#contentsBlock{
	width: 680px;
	margin: 0 auto;
	padding: 32px 68px;
	position: relative;
}
/* ----------------------------
 == contentsInner Style
---------------------------- */
/* -- pageTopLink -------------------- */
/* -- topicPathBox -------------------- */
/* -- title Style -------------------- */
/* -- text Style -------------------- */
/* -- box Style -------------------- */
/* -- table Style -------------------- */
.tableBase01{
	border-collapse: collapse;
}
.tableBase01 th{
	width: 100px;
	padding: 5px 10px;
	background: #ebebeb;
	border: 1px solid #ffffff;
	font-weight: bold;
	vertical-align: top;
}
.tableBase01 td{
	padding: 5px 10px;
	background: #ebebeb;
	border: 1px solid #ffffff;
}
.tableBase01 tr:nth-child(2n) th,
.tableBase01 tr:nth-child(2n) td{
	background: #f0f0f0;
}
.tableBase01 tr.even th,
.tableBase01 tr.even td{
	background: #f0f0f0;
}

/* -- list Style -------------------- */
/* -- list Box Style -------------------- */
/* -- other Style -------------------- */
/* ----------------------------
 == form
---------------------------- */
.formBox{
	margin: 2em 0;
}
.formBox .tableBase01{
	width: 680px;
}
.formBox .tableBase01 th{
	font-weight: normal;
	width: 200px;
	vertical-align: middle;
}
.formBox .requisiteTxt{
	color: #ffffff;
	background: #00a040;
	font-size: .8em;
	display: inline-block;
	margin: 0 5px;
	padding: 0px 3px;
}
.formBox .attentionTxt{
	color: #ff0000;
}


.policyBox{
	border: 1px solid #00a040;
	margin: 2em 0;
	padding: 10px;
	height: 160px;
	overflow: auto;
}

.policyBox h2{
	margin: 0 0 1em 0;
}
.policyBox h3{
	font-weight: normal;
	margin: 1em 0 0 0;
}
.policyBox p{
	margin: 0 0 1em 0;
}


.errorBox{
	border: 1px solid #00a040;
	margin: 2em 0;
	padding: 10px;
	color: #ff0000;
	min-height: 50px;
}

.thanksBox{
	border: 1px solid #00a040;
	margin: 2em 0;
	padding: 10px;
	text-align: center;
}