@charset "shift_jis";

/* ====================================================== */
/* [ヘッダー、フッター差し替え定義]                       */
/* ====================================================== */
/* [標準スタイル定義]                                     */
/* ====================================================== */
body {
	background-color: #FFFFFF;
	background-image: none;
	color: #555555;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%;
}

#wrap-outer {}
#wrap-inner {
	margin: 0 auto;
	width: 770px;
	text-align: left;
}

#mainarea {
	margin-top   : 10px;
	margin-bottom: 45px;
}
#mainarea #mainarea-l {
	margin: 0;
	padding: 0;
	width: 177px;
	float: left;
}
#mainarea #mainarea-r {
	margin: 0;
	padding: 0;
	width: 565px;
	float: right;
}


/* ====================================================== */
/* [汎用クラスの定義]                                     */
/* ====================================================== */
/* 汎用特殊マージン (上下) */
/* ------------------------------------------------------ */
*.sp-v0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
*.sp-v5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
*.sp-v10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
*.sp-v15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
*.sp-v20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
*.sp-v25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
*.sp-v30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* 汎用特殊マージン (上) */
/* ------------------------------------------------------ */
*.sp-t0 {
	margin-top: 0px !important;
}
*.sp-t5 {
	margin-top: 5px !important;
}
*.sp-t10 {
	margin-top: 10px !important;
}
*.sp-t15 {
	margin-top: 15px !important;
}
*.sp-t20 {
	margin-top: 20px !important;
}
*.sp-t25 {
	margin-top: 25px !important;
}
*.sp-t30 {
	margin-top: 30px !important;
}
*.sp-t35 {
	margin-top: 35px !important;
}

/* 汎用特殊マージン (下) */
/* ------------------------------------------------------ */
*.sp-b0 {
	margin-bottom: 0px !important;
}
*.sp-b5 {
	margin-bottom: 5px !important;
}
*.sp-b10 {
	margin-bottom: 10px !important;
}
*.sp-b15 {
	margin-bottom: 15px !important;
}
*.sp-b20 {
	margin-bottom: 20px !important;
}
*.sp-b25 {
	margin-bottom: 25px !important;
}
*.sp-b30 {
	margin-bottom: 30px !important;
}
*.sp-b35 {
	margin-bottom: 35px !important;
}
*.sp-b40 {
	margin-bottom: 40px !important;
}
*.sp-b45 {
	margin-bottom: 45px !important;
}
*.sp-b50 {
	margin-bottom: 50px !important;
}
*.sp-b55 {
	margin-bottom: 55px !important;
}
*.sp-b60 {
	margin-bottom: 60px !important;
}
*.sp-b65 {
	margin-bottom: 65px !important;
}

/* 汎用特殊マージン (左右) */
/* ------------------------------------------------------ */
*.sp-h0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
*.sp-h5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
*.sp-h10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
*.sp-h15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
*.sp-h20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
*.sp-h25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
*.sp-h30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

/* 汎用特殊マージン (左) */
/* ------------------------------------------------------ */
*.sp-l0 {
	margin-left: 0px !important;
}
*.sp-l5 {
	margin-left: 5px !important;
}
*.sp-l8 {
	margin-left: 8px !important;
}
*.sp-l10 {
	margin-left: 10px !important;
}
*.sp-l13 {
	margin-left: 13px !important;
}
*.sp-l15 {
	margin-left: 15px !important;
}
*.sp-l20 {
	margin-left: 20px !important;
}
*.sp-l23 {
	margin-left: 23px !important;
}
*.sp-l25 {
	margin-left: 25px !important;
}
*.sp-l30 {
	margin-left: 30px !important;
}

/* 汎用特殊マージン (右) */
/* ------------------------------------------------------ */
*.sp-r0 {
	margin-right: 0px !important;
}
*.sp-r5 {
	margin-right: 5px !important;
}
*.sp-r8 {
	margin-right: 8px !important;
}
*.sp-r10 {
	margin-right: 10px !important;
}
*.sp-r15 {
	margin-right: 15px !important;
}
*.sp-r20 {
	margin-right: 20px !important;
}
*.sp-r25 {
	margin-right: 25px !important;
}
*.sp-r30 {
	margin-right: 30px !important;
}
*.sp-r45 {
	margin-right: 45px !important;
}

/* 汎用特殊パディング (上下) */
/* ------------------------------------------------------ */
*.m-v0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
*.m-v1 {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}
*.m-v5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
*.m-v10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
*.m-v15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
*.m-v20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
*.m-v25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
*.m-v30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* 汎用特殊パディング (上) */
/* ------------------------------------------------------ */
*.m-t0 {
	padding-top: 0px !important;
}
*.m-t5 {
	padding-top: 5px !important;
}
*.m-t10 {
	padding-top: 10px !important;
}
*.m-t15 {
	padding-top: 15px !important;
}
*.m-t20 {
	padding-top: 20px !important;
}
*.m-t25 {
	padding-top: 25px !important;
}
*.m-t30 {
	padding-top: 30px !important;
}
*.m-t35 {
	padding-top: 35px !important;
}

/* 汎用特殊パディング (下) */
/* ------------------------------------------------------ */
*.m-b0 {
	padding-bottom: 0px !important;
}
*.m-b5 {
	padding-bottom: 5px !important;
}
*.m-b10 {
	padding-bottom: 10px !important;
}
*.m-b15 {
	padding-bottom: 15px !important;
}
*.m-b20 {
	padding-bottom: 20px !important;
}
*.m-b25 {
	padding-bottom: 25px !important;
}
*.m-b30 {
	padding-bottom: 30px !important;
}
*.m-b35 {
	padding-bottom: 35px !important;
}
*.m-b40 {
	padding-bottom: 40px !important;
}
*.m-b45 {
	padding-bottom: 45px !important;
}
*.m-b50 {
	padding-bottom: 50px !important;
}

/* 汎用特殊パディング (左右) */
/* ------------------------------------------------------ */
*.m-h0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
*.m-h5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
*.m-h10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
*.m-h15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
*.m-h20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
*.m-h25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
*.m-h30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* 汎用特殊パディング (左) */
/* ------------------------------------------------------ */
*.m-l0 {
	padding-left: 0px !important;
}
*.m-l5 {
	padding-left: 5px !important;
}
*.m-l10 {
	padding-left: 10px !important;
}
*.m-l15 {
	padding-left: 15px !important;
}
*.m-l20 {
	padding-left: 20px !important;
}
*.m-l25 {
	padding-left: 25px !important;
}
*.m-l30 {
	padding-left: 30px !important;
}
*.m-l50 {
	padding-left: 50px !important;
}

/* 汎用特殊パディング (右) */
/* ------------------------------------------------------ */
*.m-r0 {
	padding-right: 0px !important;
}
*.m-r5 {
	padding-right: 5px !important;
}
*.m-r10 {
	padding-right: 10px !important;
}
*.m-r15 {
	padding-right: 15px !important;
}
*.m-r20 {
	padding-right: 20px !important;
}
*.m-r25 {
	padding-right: 25px !important;
}
*.m-r30 {
	padding-right: 30px !important;
}
*.m-r35 {
	padding-right: 35px !important;
}


/* float 制御 */
/* ------------------------------------------------------ */
*.f-l{
	float: left;
}
*.f-r{
	float: right;
}

.clr:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clr { display: inline-block; }
/* no ie mac \*/
* html .clr{ height: 1%; }
.clr{ display: block; }
/* */

*.clear {
	clear: both;
}
br.clear{
	clear: both;
	display: inline;
}
div.clear {
	font: 1px/1px sans-serif;
	line-height: 1px;
	height: 1px;
}

/* 横方向の整列 */
/* ------------------------------------------------------ */
*.arrange-c {
	text-align: center;
}
*.arrange-l {
	text-align: left;
}
*.arrange-r {
	text-align: right;
}

/* 行中挿入 */
/* ------------------------------------------------------ */
*.inline {
	vertical-align: middle;
}
/* css Huck Target IE */
/* ------------------------------------------------------ */
* html body img.inline {
	margin-bottom: 1px;
}
*:first-child+html body img.inline {
	margin-bottom: 1px;
}

*.block {
	display: block;
}

/* リンク色 */
/* ------------------------------------------------------ */
a:link {
	color: #0C398B;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	color: #00B7EF;
	text-decoration: underline;
}
a:active {
}
a:focus {
}
*.nounderline {
	text-decoration: none !important;
}
*.onunderline {
	text-decoration: underline !important;
}


/* フォントサイズ＆行間 */
/* ------------------------------------------------------ */
/* 汎用フォントサイズ */
/* ------------------------------------------------------ */
*.xs {
	font-size: 65% !important;
}
*.s {
	font-size: 74.5% !important;
}
*.m {
	font-size: 85% !important;
}
*.l {
	font-size: 95% !important;
}
*.xl{
	font-size: 110% !important;
}
*.xxl{
	font-size: 125% !important;
}

*.n{
	font-size: 100% !important;
}
*.nm{
	font-size: medium !important;
}


/* ======================================================
   [headerエリア定義] */
/* ====================================================== */
#header-add {
	margin : 0;
	padding: 0;
}
#header-add * {
	margin : 0;
	padding: 0;
}
#header-add div.logo {
	margin-top   : 20px;
	margin-bottom: 5px;
	width: 255px;
	float: left;
}
#header-add div.logo div.inner {
	padding-left: 9px;
}

#header-add div.txt {
	margin-top   : 23px;
	width: 314px;
	float: left;
}
#header-add div.txt h1 {
	font-size: 10px;
	font-weight: normal;
}

#header-add div.header-link {
	margin-top: 10px;
	width: 180px;
	text-align: right;
	float: right;
}
#header-add ul.header-link {
	height: 17px;
	font-size: 100%;
	list-style: none;
	display: block;
}
#header-add ul.header-link li {
	height: 17px;
	display: block;
	float: left;
}
#header-add ul.header-link li a {
	display: block;
}
#header-add ul.header-link02 {
	height: 8px;
	font-size: 100%;
	list-style: none;
	display: block;
}
#header-add ul.header-link02 li {
	height: 8px;
	display: block;
	float: right;
}
#header-add ul.header-link02 li.link02-l {
	margin-right: 16px;
}
#header-add ul.header-link02 li a {
	display: block;
}
#header-add ul.navi {
	height: 20px;
	font-size: 100%;
	list-style: none;
	display: block;
}
#header-add ul.navi li {
	height: 20px;
	display: block;
	float: left;
}
#header-add ul.navi li a,
#header-add ul.navi li em {
	height: 20px;
	display: block;
}
#header-add ul.navi li span.txt {
	display: none;
}

#header-add ul.navi li.navi01 a {
	background: url("/common/img/header/navi01.gif") no-repeat 0 0;
	width: 108px;
}
#header-add ul.navi li.navi02 a {
	background: url("/common/img/header/navi02.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi03 a {
	background: url("/common/img/header/navi03.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi04 a {
	background: url("/common/img/header/navi04.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi05 a {
	background: url("/common/img/header/navi05.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi06 a {
	background: url("/common/img/header/navi06.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi07 a {
	background: url("/common/img/header/navi07.gif") no-repeat 0 0;
	width: 112px;
}
#header-add ul.navi li.navi01 a:hover,
#header-add ul.navi li.navi01 em {
	background: url("/common/img/header/navi01_on.gif") no-repeat 0 0;
	width: 108px;
}
#header-add ul.navi li.navi02 a.on,
#header-add ul.navi li.navi02 a:hover,
#header-add ul.navi li.navi02 em {
	background: url("/common/img/header/navi02_on.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi03 a.on,
#header-add ul.navi li.navi03 a:hover,
#header-add ul.navi li.navi03 em {
	background: url("/common/img/header/navi03_on.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi04 a.on,
#header-add ul.navi li.navi04 a:hover,
#header-add ul.navi li.navi04 em {
	background: url("/common/img/header/navi04_on.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi05 a.on,
#header-add ul.navi li.navi05 a:hover,
#header-add ul.navi li.navi05 em {
	background: url("/common/img/header/navi05_on.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi06 a.on,
#header-add ul.navi li.navi06 a:hover,
#header-add ul.navi li.navi06 em {
	background: url("/common/img/header/navi06_on.gif") no-repeat 0 0;
	width: 110px;
}
#header-add ul.navi li.navi07 a.on,
#header-add ul.navi li.navi07 a:hover,
#header-add ul.navi li.navi07 em {
	background: url("/common/img/header/navi07_on.gif") no-repeat 0 0;
	width: 112px;
}


/* ======================================================
   [footerエリア定義] */
/* ====================================================== */
#footer-add {
	background: url("/common/img/footer/bg_line.gif") repeat-x 0 0;
	margin : 0;
	padding: 10px 0;
}
#footer-add * {
	margin : 0;
	padding: 0;
}
#footer-add ul.footer-link {
	font-size: 100%;
	list-style: none;
	display: block;
}
#footer-add ul.footer-link li {
	margin: 0;
	padding: 0 5px;
	font-size: 65%;
	line-height: 140%;
	display: block;
	float: left;
}
#footer-add ul.footer-link li.line {
	padding: 0 0;
	color: #0C398B;
}
#footer-add div.logo {
	width: 247px;
	float: left;
}
#footer-add div.txt {
	width: 400px;
	float: left;
}
#footer-add div.txt p {
	margin: 0;
	line-height: 140%;
}

#footer-seo {
	border: solid 1px #DCDCDC;
	margin-top: 10px;
	padding: 8px 11px 10px;
	text-align: left;
}
#footer-seo table.footer-seo,
#footer-seo table.footer-seo th,
#footer-seo table.footer-seo td {
	background-image: none;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
}
#footer-seo table.footer-seo div.inner {
	margin-top: 2px;
}
#footer-seo table.footer-seo th {
	word-break: keep-all;
}
#footer-seo table.footer-seo p {
	margin: 0;
	padding: 0;
	font-size: 65%;
}
#footer-seo table.footer-seo ul.footer-seo {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
#footer-seo table.footer-seo ul.footer-seo li {
	margin: 0;
	padding: 0;
	float: left;
	word-break: keep-all;
	font-size: 65%;
}
#footer-seo table.footer-seo ul.footer-seo li.partition {
}


/* ======================================================
   [パンクズ エリア定義] */
/* ====================================================== */
#pankuzu {
	background-color: #EBECEE;
	margin-top: 15px;
	padding: 6px 18px 4px;
}
#pankuzu * {
	margin : 0;
	padding: 0;
}
#pankuzu ul.pankuzu {
	font-size: 100%;
	list-style: none;
	display: block;
}
#pankuzu ul.pankuzu li {
	font-size: 74.5%;
	display: block;
	float: left;
}
#pankuzu ul.pankuzu li.arrow {
	padding: 0 0.5em;
	color: #0050A3;
}

/* ======================================================
   [Page Last Navigation エリア定義] */
/* ====================================================== */
#pnavi-last {
	margin : 0 0 10px 0;
	padding: 0;
}
#pnavi-last * {
	margin : 0;
	padding: 0;
}
#pnavi-last ul.pnavi-last {
	font-size: 100%;
	list-style: none;
	display: block;
}
#pnavi-last ul.pnavi-last li {
	margin: 0;
	padding: 0 12px;
	font-size: 74.5%;
	line-height: 140%;
	display: block;
	float: left;
}
#pnavi-last ul.pnavi-last li.line {
	padding: 0 0;
	color: #0C398B;
}

/* ======================================================
   [株式会社スタッフサービス　エンジニアリング事業本部 エリア定義] */
/* ====================================================== */
#box-pearts01 {
	border: solid 1px #DCDCDC;
	margin: 0;
	padding: 8px 11px 15px;
}
#box-pearts01 * {
	margin: 0;
	padding: 0;
}
#box-pearts01 h2 {
	border-left: solid 4px #C6D1D5;
	margin-bottom: 10px;
	padding-top : 5px;
	padding-left: 5px;
	font-size: 74.5%;
}
#box-pearts01 p {
	margin: 0;
	font-size: 74.5%;
}


/* ======================================================
   [左 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l * {
	margin: 0;
	padding: 0;
}
#mainarea #mainarea-l span.mkr-arrow-bl {
	background: url("/common/img/mkr/mkr_arrow_bl.gif") no-repeat 1px 0.225em;
	padding-left: 10px;
}
#mainarea #mainarea-l div.inner {
	padding: 6px 7px;
}
#mainarea #mainarea-l p {
	line-height: 140%;
}


/* ======================================================
   [面接予約 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l div.interview-reservation {
	border-bottom: solid 1px #D0D0D0;
	border-left  : solid 5px #91CF43;
	margin-bottom: 15px;
	cursor: pointer;
}
#mainarea #mainarea-l div.interview-reservation div.line {
	border-top   : solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right : solid 1px #ffffff;
}
#mainarea #mainarea-l div.interview-reservation div.line02 {
	border-top   : solid 1px #91CF43;
	border-bottom: solid 1px #91CF43;
	border-right : solid 1px #91CF43;
}


/* ======================================================
   [募集要項 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l div.guidelines-applicants {
	background: url("/common/img/mainarea_l_add/guidelines_bg.jpg") no-repeat 100% 100%;
	border-bottom: solid 1px #D0D0D0;
	border-left  : solid 5px #C6D1D5;
	margin-bottom: 15px;
	cursor: pointer;
}
#mainarea #mainarea-l div.guidelines-applicants div.line {
	border-top   : solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	height: 102px;
}
#mainarea #mainarea-l div.guidelines-applicants div.line02 {
	border-top   : solid 1px #C6D1D5;
	border-bottom: solid 1px #C6D1D5;
	border-right : solid 1px #C6D1D5;
	height: 102px;
}


/* ======================================================
   [配属先一覧 エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l div.assignment-ahead {
	background: url("/common/img/mainarea_l_add/assignment_bg.jpg") no-repeat 100% 100%;
	border-bottom: solid 1px #D0D0D0;
	border-left  : solid 5px #5EB8E1;
	margin-bottom: 15px;
	cursor: pointer;
}
#mainarea #mainarea-l div.assignment-ahead div.line {
	border-top   : solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	height: 102px;
}
#mainarea #mainarea-l div.assignment-ahead div.line02 {
	border-top   : solid 1px #5EB8E1;
	border-bottom: solid 1px #5EB8E1;
	border-right : solid 1px #5EB8E1;
	height: 102px;
}


/* ======================================================
   [はじめての方へ エリア定義] */
/* ====================================================== */
#mainarea #mainarea-l div.first-one {
	background: url("/common/img/mainarea_l_add/firstone_bg.gif") no-repeat 100% 100%;
	border-bottom: solid 1px #D0D0D0;
	border-left  : solid 5px #64C54A;
	margin-bottom: 15px;
	cursor: pointer;
}
#mainarea #mainarea-l div.first-one div.line {
	border-top   : solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	padding-bottom: 15px;
}
#mainarea #mainarea-l div.first-one div.line02 {
	border-top   : solid 1px #64C54A;
	border-bottom: solid 1px #64C54A;
	border-right : solid 1px #64C54A;
	padding-bottom: 15px;
}
#mainarea #mainarea-l div.first-one ul {
	font-size: 100%;
	list-style: none;
}
#mainarea #mainarea-l div.first-one ul.basic-s li {
	background: url("/common/img/mkr/mkr_basic_s.gif") no-repeat 5px 0.50em;
	margin-top: 0.1em;
	padding-left: 14px;
	font-size: 74.5%;
	line-height: 140%;
}