@charset "utf-8";
/* CSS Document */

/*サンスタッフの特徴*/

.feature-box {
	padding:0 0 56px 0;
}

.feature-p01 {
	border-left:1px solid #0079B9;
	margin:7px 0 0 8px;
	padding:8px 0 8px 20px;
}	

.feature-box02 {
	padding:0 0 0px 0;
}

/*転職ノウハウ*/

.know-navi {
	padding:0 0 65px 0;
}

.know-navi img {
	margin:0 0 15px 0;
}	

.c-main02 {
	padding:20px 0 0px 0;
}

.know-box {
	padding:0 0 60px 0;
}

.know-p01 {
	border-left:1px solid #0079B9;
	margin:7px 0 0 8px;
	padding:8px 0 8px 20px;
}	

.arrow01 {
	padding:0 0 0px 0;
}

.arrow01 img {
	margin:0 0 0 4px;
}		

.gray {
	background-color:#F9F9F9;
	padding:15px 0 15px 46px;
	width:494px;
	display:block;
	background-image:url(../img/other/icon01.gif);
	background-repeat:no-repeat;
	background-position:10px 11px;
	margin:15px 0 0 0;
	color:#3F3F3F;
	text-decoration:underline;
}	

.gray a:link,
.gray a:visited {
	color:#3F3F3F;
	text-decoration:underline;
}

.gray a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.tetuduki {
	display:block;
	background-color:#F9F9F9;
	padding:18px 20px;
	margin:15px 0;
}

.tetuduki span {
	color:#0079B9;
	font-weight:bold;
}			


/*FAQ*/	

.faq-f {
	padding:0 0 80px 0;
}	

.f-box {
	height:36px;
	background-image:url(../img/other/line01.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.f-box02 {
	height:36px;
	background-image:url(../img/other/line01.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:20px 0 0 0;
}		

.f-box-l {
	width:49px;
	float:left;
	padding:10px 0 0 15px;
}

.f-box-r {
	width:505px;
	float:left;
	line-height:36px;
}

.f-box-r a:link,
.f-box-r a:visited {
	color:#3F3F3F;
	text-decoration:none;
}	

.f-box-r a:hover {
	color:#0079B9;
	text-decoration:underline;
}	

.faq-a-box {
	border-right:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	margin:0 0 50px 0;
}	

.faq-a-box02 {
	border-right:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	margin:0 0 70px 0;
}	

.faq-a01 {
	background-color:#F9F9F9;
	height:43px;
	width:569px;
	border-bottom:1px solid #FFFFFF;
}

.faq-a01-l {
	width:49px;
	float:left;
	padding:17px 0 0 15px;
}

.faq-a01-r {
	width:504px;
	float:left;
	padding:16px 0 0 0;
	color:#0079B9;
	font-weight:bold;
}

.faq-a-main {
	border-top:1px solid #EFEFEF;
	padding:16px 20px 20px 64px;
	background-image:url(../img/other/a.gif);
	background-repeat:no-repeat;
	background-position:16px 15px;
}

/*sitemap*/	

.sitemap-main {
	padding:26px 50px 70px 50px;		
}

.map01 {
	height:21px;
	background-image:url(../img/other/dot01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:12px 0 15px 0;
}	

.map02 {
	height:21px;
	background-image:url(../img/other/dot01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:13px 0 14px 0;
	margin:0 0 0 50px;
}	

.map03 {
	width:650px;
	min-height:1px;
	margin:0 0 0 50px;
	background-image:url(../img/other/dot01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:12px 0 12px 0;
}	

.map03-l {
	width:200px;
	float:left;
	padding:2px 0 0 0;
}

.map03-r {
	width:450px;
	float:left;
}	

.map03-r li {
	list-style:none;
	background-image:url(../img/other/icon05.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	padding: 0 0 0 15px;
	line-height:26px;
}

.map03-r li a:link,
.map03-r li a:visited {
	color:#3F3F3F;
	font-size:12px;
	text-decoration:none;
}

.map03-r li a:hover {
	color:#0079B9;
	font-size:12px;
	text-decoration:underline;
}		

/*初めての方へ*/

.img01 {
	margin:0 0 10px 28px;
}

.whats-p {
	display:block;
	line-height:28px;
	padding:25px 0 0 0;
}		

.whats-p .b {
	color:#0079B9;
}

.whats-p .b18 {
	line-height:18px;
}	

/*登録から就業までの流れ*/


.flow-cover {
	padding:0 0 70px 0;
}

.flow-box {
	border:1px solid #0079B9;
}
.flow-title {
	background-color:#0079B9;
	height:26px;
	padding:8px 0 0 21px;
}

.flow-box p {
	padding:12px 20px;
	background-color:#FFFFFF;
}			
			
.flow-arrow {
	background-image:url(../img/other/icon02.gif);
	background-repeat:no-repeat;
	background-position:280px 10px;
	height:65px;
}	

/*人材紹介について*/

.about-main01 {
	padding:70px 0 10px 0;
	background-image:url(../img/other/dot01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.about-main02 {
	padding:50px 0 70px 0;
}

.merit {
	padding:30px 0 0 0;
}

.merit-box {
	padding:0 0 36px 0;
}	

.merit-box p {
	padding:16px 20px 0 20px;
}		

.flow02-box {
	padding:30px 0 0 0;
	height:120px;
	width:569px;
	background-position:105px 100px;
	background-image:url(../img/other/icon02.gif);
	background-repeat:no-repeat;	
}

.flow02-box02 {
	height:118px;
	width:569px;
	background-position:105px 72px;
	background-image:url(../img/other/icon02.gif);
	background-repeat:no-repeat;
}

.flow02-box03 {
	height:61px;
	width:569px;
}

.flow02-box-l {
	width:240px;
	float:left;
}

.flow02-box-r {
	width:329px;
	float:left;
	line-height:18px;
}	

.p01 {
	padding:26px 0 0 0;
}

.p02 {
	padding:18px 0 0 0;
}

.p03 {
	padding:10px 0 0 0;
}	
	

/*お問い合わせ*/

.form-privacy {
	border:1px solid #EFEFEF;
	background-color:#F9F9F9;
	padding:9px;
}

.form-privacy02 {
	border:1px solid #EFEFEF;
	background-color:#F9F9F9;
	padding:9px;
	margin:20px 0 0 0;
}

.form-privacy-in {
	border:1px solid #EFEFEF;
	width:548px;
	height:118px;
	background-color:#FFFFFF;
}	

.form-privacy-in p {
	margin:8px 15px;
	width:513px;
	height:102px;
	overflow:auto;
	overflow-x:hidden;
	font-size:10px;
	line-height:16px;
	padding:0 5px 0 0;
}

.form-privacy-in a:link,
.form-privacy-in a:visited {
	color:#0079B9;
	text-decoration:underline;
}

.form-privacy-in a:hover {
	color:#CCCCCC;
	text-decoration:none;
}		

.form-privacy-b {
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	background-color:#FFFFFF;
	line-height:36px;
	font-size:10px;
	padding:0 10px;
	height:33px;
}

.form-privacy-b input {
	vertical-align:middle;
	margin:0 10px 0 0;
}	

.form-main {
	padding:30px 0 0 0;
}

.form-main-table {
	border-top:1px solid #EFEFEF;
	width:570px;
}	

.ft01 {
	background-color:#F9F9F9;
	height:32px;
	vertical-align:middle;
	padding:0 0 0 10px;
	border-bottom:1px solid #EFEFEF;
}

.ft01 img {
	vertical-align:middle;
	display:inline;
}

.ft01 div {
	height:30px;	
	display:inline;
	margin:1px 0 1px 0;
}

.ft02 {
	background-color:#FFFFFF;
	height:32px;
	vertical-align:middle;
	padding:0 0 0 10px;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	width:130px;
}

.ft03 {
	background-color:#FFFFFF;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #EFEFEF;
	vertical-align:top;
}

.ft04 {
	background-color:#FFFFFF;
	padding:10px 0 0 10px;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	width:130px;
	vertical-align:top;
}

.ft04-02 {
	background-color:#FFFFFF;
	padding:10px 0 0 28px;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	width:112px;
	vertical-align:top;
}

.input01 {
	background-color:#F9F9F9;
	width:208px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.input02 {
	background-color:#F9F9F9;
	width:90px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}	
	
.post {
	background-image:url(../img/bg/post.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 19px;
	height:23px;
	width:390px;
	vertical-align:top;
}

.post input {
	vertical-align:top;
	float:left;
}

.post img {
	vertical-align:top;
	float:left;
	margin:0 0 0 10px;
	width:117px;
}

.post02 {
	padding:5px 0 0 0px;
}

.post03 {
	padding:7px 0 0 0px;
}		

.input04 {
	background-color:#F9F9F9;
	width:397px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}	

.input05 {
	background-color:#F9F9F9;
	width:317px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.fom-img01 {
	margin:0 0 16px 0;
}

.t-area01 {
	background-color:#F9F9F9;
	width:397px;
	height:90px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

.form-btn {
	width:430px;
	padding:15px 0 0 138px;
	height:40px;
}

.form-btn img,
.form-btn input {
	float:left;
}	

.form-inquiry {
	padding:60px 0 0 0;
}	

.form-inquiry p {
	padding:10px 0 0 0;
}	

.c-title-s {
	height:26px;
	border-bottom:1px solid #EFEFEF;
}

.c-main-form {
	padding:20px 0 70px 0;
}	

.input06 {
	background-color:#F9F9F9;
	width:280px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.ft05 {
	background-color:#FFFFFF;
	height:20px;
	border-bottom:1px solid #EFEFEF;
}

.ft06 {
	background-color:#FFFFFF;
	height:20px;
	border-bottom:1px solid #EFEFEF;
	padding:10px 0 10px 10px;
}

.radio01 {
	width:427px;
}

.radio-t01 {
	width:15px;
	padding:0 0 0 8px;
	border-bottom:1px solid #EFEFEF;
}

.radio-t01-02 {
	width:15px;
	padding:0 0 0 8px;
}

.radio-t02 {
	width:110px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
}

.radio-t02-2 {
	width:130px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
}

.radio-t02-3 {
	width:90px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
}	

.radio-t02-4 {
	width:55px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
	padding:0 0 0 5px;
}

.radio-t02-4-2 {
	width:60px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
	padding:0 0 0 5px;
	text-align:left;
}

.radio-t02-4-3 {
	width:20px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
	padding:0 0 0 10px;
	text-align:left;
}

.radio-t02-4-4 {
	width:30px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
	padding:0 0 0 0px;
	text-align:left;
}

.radio-t02-5 {
	width:50px;
	font-size:10px;
	letter-spacing:0px;
	line-height:33px;
	border-bottom:1px solid #EFEFEF;
	padding:0 0 0 5px;
}		

.radio-t02 input {
	display:inline;
}	
	
.input07 {
	background-color:#F9F9F9;
	width:340px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
	margin:0 0 0 10px;
	_margin:4px 0 4px 10px;
}

.radio01-2 {
	border-bottom:1px solid #EFEFEF;
	width:427px;
	font-size:10px;
	padding:4px 0 ;
}

.input08 {
	background-color:#F9F9F9;
	width:130px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.t-area02 {
	background-color:#F9F9F9;
	width:397px;
	height:70px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

.ft03 select {
	padding:1px 0px 1px 2px;
	font-size:11px;
	letter-spacing:0px;
}	

.input09 {
	background-color:#F9F9F9;
	width:113px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.t-area03 {
	background-color:#F9F9F9;
	width:397px;
	height:36px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

.input10 {
	background-color:#F9F9F9;
	width:60px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}

.input11 {
	background-color:#F9F9F9;
	width:20px;
	height:13px;
	border:1px solid #D1D1D1;
	padding:5px;
	font-size:12px;
}







/*サンクスページ*/
.thanks-main {
	padding:168px 0 256px 300px;
	text-align:left;
}	

.thanks-btn {
	padding:30px 0 0 25px;
}	
	
	
/*オンライン登録*/
.c-main-online {
	padding:20px 115px 0px 115px;
}	

.online-p01 {
	padding:16px 0 0 0;
}	

.online-p01 a:link,
.online-p01 a:visited {
	color:#0079B9;
	text-decoration:underline;
}

.online-p01 a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}	


/*------------------------*/

.contact_outer {
	padding: 0 0 32px 0;
}

.to-top02 {
}

.contact_inners01 {
	margin:25px 0 0 0;
}

.contact_inners01 img {
	padding:0 0 6px 0;
}

.contact_inners01 a:link,
.contact_inners01 a:visited {
	color:#0079B9;
	text-decoration:none;
}

.contact_inners01 a:hover {
	color:#FFFFFF;
	background-color:#0079B9;
	text-decoration:none;
}


/* -- 人材紹介 お問い合わせ-------*/
.p50 {
	padding:48px 0 0 0;
}	

.p50 span {
	font-weight:bold;
	line-height:28px;
}	

.contact-detail {
	margin:60px 0 70px 0;
}

.contact-detail-in {
	width:338px;
	height:121px;
	border-bottom:1px solid #0079B9;
	border-right:1px solid #0079B9;
	border-left:1px solid #0079B9;
	padding:15px 30px;
}	

.contact-yubin {
	line-height:16px;
	padding:0px 0 8px 0;
}

.contact-detail-in a:link,
.contact-detail-in a:visited {
	color:#0079B9;
	text-decoration:underline;
}

.contact-detail-in a:hover {
	color:#CCCCCC;
	text-decoration:none;
}