@charset "utf-8";
@import "common.css";
@import "base.css";




#main .rec-txt {
	width:673px;
	margin:0px 0px 20px 10px;
	padding:10px 0px 0px 0px;
}


#main .rec-txt p {
	margin:3px 7px 7px 7px;
	line-height:1.5em;
}

#main .boxline-top {
	border-top:1px solid #ccc;
	padding:0px 5px;
}


#main .rec-txt h3 {
	margin:14px 0px 14px 0px;
	padding:0px 0px 0px 7px;
	line-height:1.2em;
	border-left:5px solid #374552;
	font-size:14px;
	font-weight:bold;
}

#main .rec-txt h4 {
	margin:7px 7px 7px 0px;
	font-size:14px;
	font-weight:bold;
}









/* 募集職種一覧 */

#main .rec-txt .rec-msg {
	width:335px;
	float:left;
}

#main .rec-txt .rec-msg img {
	margin:13px 7px 7px 7px;
}

#main .rec-txt #pora {
	float:left;
}

#main .rec-txt #joblist {
	width:665px;
	margin:7px 0px 15px 0px;
	border:none;
}

#main .rec-txt #joblist th {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	border-right:none;
}

#main .rec-txt #joblist .cate {
	width:210px;
}

#main .rec-txt #joblist .job {
	width:360px;
}

#main .rec-txt #joblist .showdetail {
	width:50px;
	text-align:right;
}

#main .rec-txt #joblist td {
	padding:6px 6px;
	background:url(../img/bline.gif) repeat-x 0px 100%;
	border:none;
}


#main .rec-txt #joblist td .detail {
	background:url(../img/mark_arrow_sky2.gif) no-repeat 100% 50%;
	padding-right:13px;
	float:right;
}




/* 職種詳細説明ボックス */



#main .rec-txt #jobdetail {
	width:645px;
	margin:7px 0px 15px 10px;
	border-top:1px solid #ccc;
	border-left:none;
}



#main .rec-txt #jobdetail th {
	width:150px;
	padding:6px 6px;
	font-weight:bold;
	background:url(../img/line.gif) repeat-x 0px 100%;
	border:none;
	vertical-align:top;
}

#main .rec-txt #jobdetail td {
	width:480px;

	padding:6px 6px;
	background:url(../img/line.gif) repeat-x 0px 100%;
	border:none;
}
#main .rec-txt #jobdetail td p{
margin-left:0;
}
#main .rec-txt #jobdetail .ently {
	padding:6px 0px 6px 10px;
	background:#edeeef;
	border:none;
}

#main .rec-txt #jobdetail td.ently {
	padding:16px 10px 16px 10px;
	background:#edeeef;
	border:none;
}


#main .rec-txt #jobdetail input {
	margin:0px 5px 0px 0px;
	padding:5px 0px 3px 5px;
}
td.ently{padding:5px;
}




/* 採用プロセス：ステップ説明 */


#rec .pro-step {
	margin:0px 10px 0px 10px;
	padding:10px 0px 0px 0px;
}

#rec .pro-step img {
	float:left;
	margin:0px 10px 0px 0px;
}

#rec .pro-step p {
	width:450px;
	float:left;
	display:block;
}

#rec #rec-ently {
	width:693px;
	height:59px;
	margin:30px 0px 0px 0px;
	background:url(../img/title_ently.gif) no-repeat 0px 0px;
}

#rec #rec-ently span {
	visibility:hidden;
}

#rec #ently-box {
	background:url(../img/pro_punimaru.gif) no-repeat 98% 5px;
}

#rec #ently-box2 {
	width:500px;
	margin:10px 0px 0px 0px;
}


#rec #ently-box2 img {
	width:157px;
	margin:0px 10px 0px 10px;
	float:left;
}

#rec #ently-box2 p.txt {
	width:300px;
	float:left;
	display:block;
}

#rec #ently-box p {
	width:550px;
	display:block;
}



/* ---------社員インタビュー--------- */


#rec #stafflist {
	margin:10px 0px 0px 3px;
}

#rec #stafflist li {
	width:221px;
	height:131px;
	margin:7px 0px 0px 0px;
	display:block;
	float:left;
}

#rec #stafflist li a {
	width:221px;
	height:131px;
	display:block;
}

#rec #stafflist li a span {
	width:221px;
	height:131px;
	visibility:hidden;
	display:block;
}


/* ---社員インタビュートップ--- */

#rec #stafflist #sato a {
	background:url(../img/interview/iv_sato.jpg) no-repeat 100% 0%;
}
#rec #stafflist #sato a:hover {
	background:url(../img/interview/iv_sato.jpg) no-repeat 100% 100%;
}


#rec #stafflist #tobe a {
	background:url(../img/interview/iv_tobe.jpg) no-repeat 100% 0%;
}
#rec #stafflist #tobe a:hover {
	background:url(../img/interview/iv_tobe.jpg) no-repeat 100% 100%;
}


#rec #stafflist #oizuru a {
	background:url(../img/interview/iv_oizuru.jpg) no-repeat 100% 0%;
}
#rec #stafflist #oizuru a:hover {
	background:url(../img/interview/iv_oizuru.jpg) no-repeat 100% 100%;
}



#rec #stafflist #sato a {
	background:url(../img/interview/iv_sato.jpg) no-repeat 100% 0%;
}

#rec #stafflist #tobe a {
	background:url(../img/interview/iv_tobe.jpg) no-repeat 100% 0%;
}

#rec #stafflist #oizuru a {
	background:url(../img/interview/iv_oizuru.jpg) no-repeat 100% 0%;
}


#rec #stafflist #saito a:hover {
	background:url(../img/interview/iv_saito.jpg) no-repeat 100% 100%;
}

#rec #stafflist #hosoyama a {
	background:url(../img/interview/iv_hosoyama.jpg) no-repeat 100% 0%;
}
#rec #stafflist #hosoyama a:hover {
	background:url(../img/interview/iv_hosoyama.jpg) no-repeat 100% 100%;
}

#rec #stafflist #matsumoto a {
	background:url(../img/interview/iv_matsumoto.jpg) no-repeat 100% 0%;
}
#rec #stafflist #matsumoto a:hover {
	background:url(../img/interview/iv_matsumoto.jpg) no-repeat 100% 100%;
}

#rec #stafflist #ootsuka a {
	background:url(../img/interview/iv_ootsuka.jpg) no-repeat 100% 0%;
}
#rec #stafflist #ootsuka a:hover {
	background:url(../img/interview/iv_ootsuka.jpg) no-repeat 100% 100%;
}


#rec #stafflist #onoda a {
	background:url(../img/interview/iv_onoda.jpg) no-repeat 100% 0%;
}
#rec #stafflist #onoda a:hover {
	background:url(../img/interview/iv_onoda.jpg) no-repeat 100% 100%;
}

#rec #stafflist #abe a {
	background:url(../img/interview/iv_abe.jpg) no-repeat 100% 0%;
}
#rec #stafflist #abe a:hover {
	background:url(../img/interview/iv_abe.jpg) no-repeat 100% 100%;
}

#rec #stafflist #yokota a {
	background:url(../img/interview/iv_yokota.jpg) no-repeat 100% 0%;
}
#rec #stafflist #yokota a:hover {
	background:url(../img/interview/iv_yokota.jpg) no-repeat 100% 100%;
}

#rec #stafflist #sakaeda a {
	background:url(../img/interview/iv_sakaeda.jpg) no-repeat 100% 0%;
}
#rec #stafflist #sakaeda a:hover {
	background:url(../img/interview/iv_sakaeda.jpg) no-repeat 100% 100%;
}

#rec #stafflist #ichiraku a {
	background:url(../img/interview/iv_ichiraku.jpg) no-repeat 100% 0%;
}
#rec #stafflist #ichiraku a:hover {
	background:url(../img/interview/iv_ichiraku.jpg) no-repeat 100% 100%;
}

#rec #stafflist #ikenaga a {
	background:url(../img/interview/iv_ikenaga.jpg) no-repeat 100% 0%;
}
#rec #stafflist #ikenaga a:hover {
	background:url(../img/interview/iv_ikenaga.jpg) no-repeat 100% 100%;
}

#rec #stafflist #orihara a {
	background:url(../img/interview/iv_orihara.jpg) no-repeat 100% 0%;
}
#rec #stafflist #orihara a:hover {
	background:url(../img/interview/iv_orihara.jpg) no-repeat 100% 100%;
}


/* ---社員インタビュー詳細--- */



.rec-txt #iv-qabox {
	width:410px;
	float:left;
	margin-top:20px;
}


.rec-txt #iv-qabox img {
	width:150px;
	height:180px;
	float:left;
	margin-right:20px;
}
.rec-txt #iv-qabox img:after{
clear:both;
}

#iv-qabox dl {
	margin:0px 0px 0px 0px;
	border-top:1px solid #cdd0d4;
}

#iv-qabox dl dt {
	margin:13px 15px 0px 0px;
	padding:2px 0px 6px 28px;
	color:#009fc5;
	background:url(../img/interview/icon_q.gif) no-repeat 3px 0px;
}

#iv-qabox dl dd {
	margin:6px 0px 0px 0px;
	padding:2px 10px 13px 28px;
	border-bottom:1px solid #cdd0d4;
	background:url(../img/interview/icon_a.gif) no-repeat 3px 0px;
}



/* タイムスケジュール・ボックス */



.rec-txt #iv-schebox {
	width:250px;
	float:right;
}

#iv-schebox #schebox {
	width:250px;
	margin:0px 0px 0px 0px;
	background:url(../img/interview/sche_mid.gif) repeat-y 0px 0px;
}

#iv-schebox #schebox_top {
	width:250px;
	padding:60px 0px 0px 0px;
	background:url(../img/interview/sche_top.gif) no-repeat 0px 0%;

}

#iv-schebox #schebox_bottom {
	width:250px;
	padding:0px 0px 20px 0px;
	background:url(../img/interview/sche_btm.gif) no-repeat 0px 100%;

}


#schebox ul {
	width:230px;
	margin:0px 0px 0px 10px;
}

#schebox ul li {
	margin:0px 0px 0px 0px;
	background:url(../img/bline.gif) repeat-x 0px 100%;
	zoom: 1;
}

#schebox ul li:afther {
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

.rec-txt #schebox ul li p {
	width:160px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	color:#374552;
	line-height:1.3em;
	display:block;
	float:left;
}


.rec-txt #schebox ul li span {
	width:55px;
	margin:0px 12px 0px 0px;
	padding:3px 0px 3px 0px;
	color:#9aa5b3;
	line-height:1.4em;
	display:block;
	text-align:center;
	float:left;
}






/* ページ下部リンク */



#main .footlink {
	width:222px;
	margin:7px 0px 0px 0px;
	float:left;
}

#main .footlink-wrap {
	padding:7px 10px 3px 20px;
}

#main .footlink img {
	width:59px;
	margin-right:7px;
	float:left;
}



#main .footlink p {
	margin:5px 0px 0px 0px;
}

#main .footlink p a {
	background:url(../img/mark_arrow_sky.gif) no-repeat 100% 30%;
	padding-right:20px;
}

#main .footlink p a span {
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#00a0c6;
}

#main .footlink p a:hover span {
	color:#00a0c6;
}

#main .footlink span {
	padding:0px 0px 0px 0px;
}


a#mymy{border:1px solid #0ac;
padding:4px 15px;background-color:#3cd;
color:#fff;
}

a#mymy:hover{
text-decoration:none;

background-color:#0ac;
}








#rec #wrapper #wrapper-top #wrapper-btm #contents #main #main-wrap .rec-txt #jobdetail li {
padding-left:10px;
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}