@charset "utf-8";

/*------------------------------------------------------------------------------
	JAC Recruitment
	Date: 2008-10
	(C) JAC Japan Co., Ltd. All rights reserved.
------------------------------------------------------------------------------*/

/* =各フォームの基本設定
--------------------------------------------------------- */
#kiyaku {
	background: #FFF;
	border: 1px solid #BBB;
	padding: 10px;
	margin: 0 0 10px;
	height: 180px;
	overflow: auto;
	}

#kiyaku h3,
#kiyaku ul {
	margin: 0 0 10px;
	}

#mainColAll .pkg input,
#mainCol .pkg input {
	vertical-align: middle;
	}

#mainColAll form,
#mainCol form {
	margin: 0 0 3px;
	padding: 17px 19px;
	border: 1px solid #d7d7d7;
	background: #f5f5f5;
}

#mainColAll legend,
#mainCol legend {
	position: absolute;
	margin: -10000px 0 0;
	}

#mainColAll form p,
#mainCol form p {
	margin: 0 0 0px;
	}

#mainColAll form fieldset p,
#mainCol form fieldset p {
	text-align: center;
	}

#mainColAll form fieldset h3.tab,
#mainCol form fieldset h3.tab {
    border-left: 6px solid #3684B6;
    font-size: 116.7%;
    margin-bottom: 10px;
    padding-left: 10px;
}

#mainColAll form p.completeStep,
#mainCol form p.completeStep {
	text-transform: uppercase;
	}

#mainColAll form #btnSet p,
#mainCol form #btnSet p {
	margin: 0;
	}

#mainColAll form p.promote,
#mainCol form p.promote {
	position: absolute;
	margin: 10px 0 0;
	width: 690px;
	}

#AllmainCol strong,
#mainCol strong {
	color: #F00;
	}

#mainColAll form table,
#mainCol form table {
	background: #FFF;
	margin: 0 0 20px;
	width: 650px;
	}

#mainColAll form th,
#mainCol form th {
	font-weight: 400;
	width: 150px;
	padding: 10px;
	background-color: #f3fcff;
	}

#mainColAll form td,
#mainCol form td {
	padding: 10px;
	background-color: #fff;
}

#mainColAll form strong,
#mainCol form strong {
	font-size: 83.4%;
	margin: 0 5px 0 0;
	}

#mainColAll form td textarea,
#mainCol form td textarea {
	width: 470px;
	height: 150px;
	}

#mainColAll form td input,
#mainCol form td input {
	width: 300px;
	margin: 0 5px 0 0;
}

#mainColAll form td input {
	width: 400px;
}

#mainColAll form td input.auto,
#mainCol form td input.auto {
	width: auto;
	}

#mainColAll form td dd input,
#mainCol form td dd input {
	width: 180px;
	}

#mainColAll form td.shortBox input,
#mainColAll form td.shortBox dl.vert dd input,
#mainCol form td.shortBox input,
#mainCol form td.shortBox dl.vert dd input {
	width: 50px;
	}

#mainColAll form td dt,
#mainColAll form td dd,
#mainCol form td dt,
#mainCol form td dd {
	float: left;
	}

#mainColAll form td dt,
#mainCol form td dt {
	width: 2em;
	text-align: right;
	margin: 0 5px 0 0;
	}

#mainColAll form td dl.vert dt,
#mainCol form td dl.vert dt {
	clear: left;
	width: 5.5em;
	min-height: 30px;
	text-align: left;
	}

#mainColAll form td dl.extra dt,
#mainCol form td dl.extra dt {
	width: 11em;
	}

#mainColAll form td dl.extra02 dt,
#mainCol form td dl.extra02 dt {
	width: 100px;
}

#mainColAll form td dl.vert dd,
#mainCol form td dl.vert dd {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	width: 325px;
	}

#mainColAll form td dl.extra02 dd ,
#mainCol form td dl.extra02 dd {
	width: 360px;
}

#mainColAll form td#resume dl.vert dt,
#mainCol form td#resume dl.vert dt {
	width: 9em;
	}

#mainColAll form td#resume dl.vert dd.point input,
#mainCol form td#resume dl.vert dd.point input {
	width: 50px;
	}

#mainColAll form td dl.vert dd input,
#mainCol form td dl.vert dd input {
	width: 300px;
	}

#mainColAll form td dl.extra02 dd input,
#mainCol form td dl.extra02 dd input {
	width: 350px;
}


#mainColAll form td dl.point dt,
#mainCol form td dl.point dt {
	width: 3em;
	text-align: left;
	}

#mainColAll form td dl.point dd,
#mainCol form td dl.point dd {
	min-height: 30px;
	margin: 0 40px 0 0;
	display: inline;
	}

#mainColAll form td dl.point dd input,
#mainCol form td dl.point dd input {
	width: 100px;
	}

#mainColAll form td#selectArea input,
#mainCol form td#selectArea input {
	width: auto;
	margin: 0;
	}

#mainColAll form td#selectArea,
#mainCol form td#selectArea {
	padding: 0;
	}

#mainColAll form td#selectArea ul,
#mainCol form td#selectArea ul {
	overflow: hidden;
	margin: 5px 0 10px 5px;
	width: 495px;
	}

#mainColAll form td#selectArea ul#upper,
#mainCol form td#selectArea ul#upper {
	margin: 10px 0 -5px 5px;
	}

#mainColAll form td#selectArea ul li,
#mainCol form td#selectArea ul li {
	float: left;
	margin: 0 0 0 1px;
	}

#mainColAll form td ul li ,
#mainCol form td ul li {
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

#mainColAll form td p.more,
#mainColAll form td p.add,
#mainCol form td p.more,
#mainCol form td p.add {
	margin: 10px 0 0;
	}

#mainColAll form td p.add,
#mainCol form td p.add {
	text-align: right;
	}

#mainColAll form td p.more input,
#mainCol form td p.more input {
	width: 455px;
	}

#mainColAll form .pkg table,
#mainCol form .pkg table {
	margin: 0;
	border-left-width: 0;
	}

#mainColAll form .pkg td ,
#mainCol form .pkg td {
	border-right-width: 0;
	}

#mainColAll form td p,
#mainColAll form .pkg p,
#mainCol form td p,
#mainCol form .pkg p {
	text-align: left;
	}

#mainColAll form tr td p.alert, 
#mainCol form tr td p.alert {
	color: #F00;
	clear: left;
	margin: 0;
	padding: 10px 0 0;
	font-size: 95%;
	display: none;
	}

#mainColAll form tr.error td p.alert,
#mainCol form tr.error td p.alert {
	display: block;
	}

#mainColAll form tr td dd.error p.alert 
#mainCol form tr td dd.error p.alert {
	display: block;
	}

#mainColAll form tr.error input,
#mainColAll form tr.error select,
#mainColAll form tr.error dl.vert dd select,
#mainColAll form tr.error td textarea,
#mainColAll form tr.error li,
#mainCol form tr.error input,
#mainCol form tr.error select,
#mainCol form tr.error dl.vert dd select,
#mainCol form tr.error td textarea,
#mainCol form tr.error li {
	background: #FFD8DB;
	}

#mainColAll form p.error,
#mainCol form p.error{
	background: #FFD8DB;
	}

dd.error input {
	background: #FFD8DB;
	}

dd.error select {
	background: #FFD8DB;
	}

#mainColAll form tr.error dl.vert dd input,
#mainCol form tr.error dl.vert dd input {
	/*background: #FFF;*/
	background: #FFD8DB;
	}

#mainColAll form tr dl.vert dd.longname,
#mainCol form tr dl.vert dd.longname {
	clear:both;
	}

#mainColAll form tr.required td#resume dl.vert dt.ldt,
#mainCol form tr.required td#resume dl.vert dt.ldt {
	width:500px;
	}

#mainColAll form td dl.vert dd.fp,	
#mainCol form td dl.vert dd.fp {
	min-height:30px;
	width:425px;
}

#mainColAll form td p.con,
#mainCol form td p.con {
	clear:both;
}


/* =各フォームページの設定
--------------------------------------------------------- */
.form #mainColAll form .pkg h2,
.form #mainCol form .pkg h2 {
	padding: 8px;
	margin: 0 0 10px;
	color: #FFF;
	background: #333;
	font-size: 120%;
	}

.form #mainColAll .pkg p,
.form #mainCol .pkg p {
	margin: 0 10px 10px;
	}

.form #mainColAll .pkg td p,
.form #mainCol .pkg td p {
	margin: 0 0 3px;
	font-size: 90%;
	}

.pdf #mainCol h2 {
	font-size: 110%;
	line-height: 1.5;
	padding: 8px;
	margin: 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	background: #F5F5F5;
	}

.pdf #mainColAll h2,
.pdf #mainCol h2 {
	background: url("../imglib/bg_titlebar01.gif") repeat-x 0 0;
	border-bottom: 4px solid #06F;
	}

.pdf #mainColAll form,
.pdf #mainCol form {
	padding: 5px 5px 0;
	margin: 0 0 30px;
	}

#subCol #privacyPolicy {
	margin: 0;
	border: none;
	overflow: hidden;
	background-color: #fff;
	}

#subCol #privacyPolicy h2 {
	margin: 0px 0px 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCC;
	color: #16198F;
	}

#subCol #privacyPolicy h3 {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}

#subCol #privacyPolicy p {
	float: none;
	width: auto;
	overflow: hidden;
	margin: 0 10px 0 0;
	padding: 0 !important;
	font-size: 83.4%;
	*zoom: 1;
	}

#subCol #privacyPolicy p.img {
	width: 59px;
	float: right;
	}

#subCol #contact_verisign {
	text-align: center;
	border: 1px solid #CCC;
	padding: 10px 0;
	margin: 0 0 3px;
	background-color: #fff;
	}

#subCol #form_verisign {
	text-align: center;
	border: 1px solid #CCC;
	padding: 10px 0;
	margin: 10px 0 3px;
	}

#subCol #verisign{
	line-height:1.5;
	margin:0 0 5px;
}

#mainColAll form td ul li.HeightClear,
#mainCol form td ul li.HeightClear {
	min-height: 0;
}

/* =各フォームの確認ページの設定
--------------------------------------------------------- */
.confirm #mainColAll form td em,
.confirm #mainCol form td em {
	margin: 0 5px;
	padding: 3px 10px;
	background: url("../imglib/bg_confirm_item.gif");
	}

.confirm #mainColAll form td p,
.confirm #mainCol form td p {
	font-size: 95%;
	padding: 3px 10px;
	margin: 0;
	background: url("../imglib/bg_confirm_item.gif");
	}

.required_noinput {
	background:#ffd8db;
}
.only_hankaku {
	ime-mode: disabled;
}

/* お問い合わせフォーム 101104 ODS
--------------------------------------------------------- */

table.TblContact01 {
	border-collapse: separate;
}

table.TblContact01 th {
	width: 481px;
	border-bottom: 1px solid #bbb;
	padding: 10px;
	background: url("../imglib/border_gray.gif") repeat-y 0 0;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 12px;
}

table.TblContact01 td {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 10px 10px 10px 11px;
	background: #F2F2F2 url("../imglib/border_gray_horiz.gif") repeat-y 0 0;
	text-align: center;
}

table.TblContact01 td.Notes {
	width: 668px;
	border-left: 1px solid #bbb;
	background: none;
	line-height: 1.4;
	text-align: left;
	font-size: 110%;
	color: #f00;
}

table.TblContact01 td.Notes h3 {
	margin-top: 15px;
	font-size: 100%;
	color: #333;
}

table.TblContact01 td.Notes ul {
	padding-left: 15px;
}

table.TblContact01 td.Notes li {
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type: disc;
	color: #333;
}