@charset "utf-8";

/* --------------------------------------------------------------------------------------
　採用情報
--------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
　社員インタビュー
--------------------------------------------------------------------------------------- */
/* tab ------------------------------ */
#interview .tabs {
	border-bottom:#a09275 1px solid;
	margin-bottom:19px;
}
#interview .tabs ul {
	padding-left:11px;
}
#interview .tabs ul li{
	float:left;
	margin-left:6px;
	line-height:0px;
}
#interview .tabs ul li:first-child{
	margin-left:0px;
}

/* tabbox ------------------------------ */
#interview section.tabbox h3{
	margin-left:14px;
	margin-bottom:10px;
}
#interview section.tabbox p{
	margin-left:19px;
}
#interview section.tabbox .qa {
	width:277px;
	background:url(../../common/img/line_dot.png) left bottom repeat-x;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
	background-size:auto 1px;
	margin:12px auto 24px;
}
#interview section.tabbox dl {
	width:277px;
	background:url(../../common/img/line_dot.png) left top repeat-x;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
	background-size:auto 1px;
	margin:0 auto;
	padding-top:20px;
}
#interview section.tabbox dt {
	padding-bottom:12px;
	padding-left:36px;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	color:#5d460f;
}
#interview section.tabbox dt.none {
	margin-top:0px;
}
#interview section.tabbox dt.q1 {
	background:url(../img/icon_q1.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q2 {
	background:url(../img/icon_q2.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q3 {
	background:url(../img/icon_q3.png) 5px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q4 {
	background:url(../img/icon_q4.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q5 {
	background:url(../img/icon_q5.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q6 {
	background:url(../img/icon_q6.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dt.q7 {
	background:url(../img/icon_q7.png) 1px top no-repeat;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size:26px auto;
}
#interview section.tabbox dd {
	padding-bottom:16px;
	padding-left:36px;
	font-size:12px;
	line-height:1.5em;
	color:#5d460f;
}
#interview section#tab01.tabbox dd,
#interview section#tab03.tabbox dd {
	background:url(../img/icon_a1.png) 7px top no-repeat;
	-webkit-background-size: 14px auto;
	-moz-background-size: 14px auto;
	background-size:14px auto;
}
#interview section#tab02.tabbox dd,
#interview section#tab04.tabbox dd {
	background:url(../img/icon_a2.png) 7px top no-repeat;
	-webkit-background-size: 14px auto;
	-moz-background-size: 14px auto;
	background-size:14px auto;
}
#interview section.message {
	position:relative;
	width:278px;
	border:1px solid #bba06d;
	margin:0 auto 40px auto;
	padding-top:84px;
}
#interview section.message h4{
	position:absolute;
	top:-5px;
	left:-6px;
}
#interview section.message p.txt{
	float:left;
	width:157px;
	padding-bottom:16px;
	padding-left:15px;
	padding-right:5px;
	font-size:12px;
	line-height:1.5em;
	color:#5d460f;
}
#interview section.message p.img{
	width:101px;
	float:right;
	padding-bottom:16px;
}


/* --------------------------------------------------------------------------------------
　募集要項
--------------------------------------------------------------------------------------- */
#guideline section h3 {
	background:#eee8d1;
	padding:13px 0 14px 22px;
	font-size:13px;
	line-height:1em;
	color:#5d460f;
}
#guideline section dl {
	width:280px;
	margin:0 auto 8px auto;
	font-size:12px;
	line-height:1.5em;
}
#guideline section dt {
	font-weight:bold;
	background:url(../../common/img/line_dot.png) left top repeat-x;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
	background-size:auto 1px;
	padding:11px 3px 1px 3px;
}
#guideline section dt:first-child,
#guideline section dt.noline {
	background:none;
}
#guideline section dd {
	padding:0px 3px 13px 3px;
}
#guideline section dd.number {
	padding:0px 0px 13px 0px;
}
#guideline section dd.number table{
	width:100%;
	border-top:solid 1px #a09275;
	border-right:solid 1px #a09275;
	margin-top:6px;
	font-size:12px;
	line-height:1em;
}
#guideline section dd.number table th{
	width:auto;
	background:none;
	background:#eee8d1;
	border-bottom:solid 1px #a09275;
	border-left:solid 1px #a09275;
	padding:8px 10px 9px 10px;
	text-align:center;
	vertical-align:middle;
}
#guideline section dd.number table td{
	background:none;
	background:#fff;
	border-bottom:solid 1px #a09275;
	border-left:solid 1px #a09275;
	padding:10px 12px 8px 12px;
	text-align:center;
	vertical-align:middle;
}
#guideline section p {
	width:274px;
	margin:13px auto 25px auto;
	padding:0px 3px;
	font-size:12px;
	line-height:1.5em;
}
#guideline section .btn {
	width:auto;
	margin:0 0 0 19px;
	padding:0px;
}


/* --------------------------------------------------------------------------------------
　エントリーフォーム
--------------------------------------------------------------------------------------- */
#entry section p{
	width:276px;
	margin:0 auto;
	padding:0 2px;
	font-size:12px;
	line-height:23px;
}
#entry section p.copy {
	background:url(../../common/img/line_dot.png) left bottom repeat-x;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
	background-size:auto 1px;
	padding-bottom:20px;
	margin-bottom:20px;
}
#entry section dl {
	margin-top:20px;
}
#entry section dt {
	background:#eee8d1;
	padding:13px 0 14px 22px;
	font-size:13px;
	line-height:1em;
	color:#5d460f;
	font-weight:bold;
}
#entry section .required {
	color:#d84343;
}
#entry section dt small {
	font-weight:normal;
}
#entry section dd {
	padding:20px;
	font-size:12px;
	line-height:23px;
}
#entry section dd.second {
	padding:20px 0 10px 0;
}
#entry section dd ul li{
	margin-top:11px;
}
#entry section dl dd dl {
	margin-top:0px;
}
#entry section dl dd dt {
	background:none;
	padding:0px 20px 0 20px;
	font-size:12px;
	line-height:23px;
	color:#333;
	font-weight:normal;
}
#entry section dl dd dd{
	padding:10px 20px 10px 20px;
	font-size:12px;
	line-height:23px;
}
#entry section dl dd p {
	width:auto;
	margin:0 auto;
	padding:10px 20px 10px 20px;
	font-size:12px;
	line-height:23px;
}
#entry section dd input {
	border:none;
	padding:13px;
	border:1px solid #a09275;
	color:#353231;
}
#entry section dd input.text {
	width:253px;
}
#entry section dd input.name1,
#entry section dd input.name2,
#entry section dd input.kana1,
#entry section dd input.kana2,
#entry section dd input.zip {
	width:77px;
}
#entry section dd textarea{
	width:253px;
	border:1px solid #a09275;
	padding:13px;
}
#entry section dd input[type="checkbox"] {
	vertical-align:-2px;
}


#entry section .btn {
	width:282px;
	margin:13px auto;
	text-align:center;
}
#entry section .btn button {
	width: auto;
	padding:0;
	margin:0 0 20px 0;
	background:none;
	border:0;
	font-size:0;
	line-height:0;
	overflow:visible;
	cursor:pointer;
}
#entry section .btn a{
	display:block;
	height:52px;
	margin:0 0 20px 0;
}
span.error {
	font-size:11px;
	display: block;
	color: #d72222;
	margin-bottom: 3px;
}
#entry .thanks p {
	margin-bottom:31px;
}
#entry .thanks p.btn {
	margin-bottom:77px;
}
