/* ------------------------------------------
Style Sheet
	recruit/
------------------------------------------ */

p {margin:0;}

/*  リンク  */

a:link , a:visited {
	color:#0033cc;
}

a:hover , a:active {
	color:#0090CC;
}

/*  アイキャッチ  */

#recruit-eye { 
      margin-top:9px;
 }

/*  メニュー  */

#menu {
	width: 750px;
	height:4px;
	background-color:red;
	overflow:hidden;
	background-color: #24BADF;
	margin:0 20px 10px 20px;
}

#menu ul, #menu li {
	padding: 0;
	margin: 0;
	list-style: none ;
	font-size:15px;
	font-weight:bold;
}

#menu li {
	float: left;
	border-right :2px solid #ffffff;
	list-style: none ;
	height:100%;
}

#menu a, #menu a:link, #menu a:visited {
	text-decoration: none;
	color: #0A336F;
	background: #CBD8EB;
	padding: 4px 10px;
	display:block;
}

#menu a:hover {
	background-color: #86A4D0;
	color: #ffffff;
}


/*  タイトル系  */
h3.career {
    background-image: url('../images/recruit/title_career.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding: 81px 0 0 0;
    width: 710px;
    margin: 10px 0 10px 0;
}

h3.fresh {
    background-image: url('../images/recruit/title_fresh.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 40px;
    width: 260px;
    margin: 10px 0 10px 0;
}

h3.fresh-big {
    background-image: url('../images/recruit/title_fresh_big.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 40px;
    width: 710px;
    margin: 10px 0 10px 0;
}

h3.arbeit {
    background-image: url('../images/recruit/title_arbeit.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 40px;
    width: 260px;
    margin: 10px 0 10px 0;
}

h3.arbeit-big {
    background-image: url('../images/recruit/title_arbeit_big.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 40px;
    width: 710px;
    margin-bottom:10px;
    margin-top:10px;
}

h4.tech {
    background-image: url('../images/recruit/subtitle_tech.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 710px;
    margin-bottom:0;
    margin-bottom:10px;
}

h4.sales {
    margin-top: 10px !important;
    background-image: url('../images/recruit/subtitle_sales.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 710px;
    margin-bottom:0;
    _margin-bottom:10px;
}

h5.regular {
    background-image: url('../images/recruit/icon_regular.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    width: 86px;
    margin-bottom:10px;
}

h5.semi {
    background-image: url('../images/recruit/icon_semi.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    width: 114px;
    margin-bottom:10px;
}

.training {
    background-image: url('../images/recruit/icon_training.gif');
    background-repeat: no-repeat;
	background-position: 0 10px ;
    width: 710px;
    height: 52px;
    margin:10px 0;
    padding:0;
}

.training p {
	padding:20px 0 0 150px ;
	_padding:24px 0 0 150px ;
	font-size:13px;
}

/*  採用メニュー  */
#recruit-menu {
    margin: 0 0 10px 0;
}

#recruit-menu ul {
    margin:10px 0 10px 0 ;
}

#recruit-menu li {
    width: 210px;
    list-style-type: none;
}

#recruit-menu li.company a {
    display: block;
    height: 20px;
    background: url('../images/recruit/menu_recruit.gif') 0 0 no-repeat;
    text-decoration: none;
}
#recruit-menu li.company a:hover { background-position: -240px 0; }

#recruit-menu li.service a {
    display: block;
    height: 20px;
    background: url('../images/recruit/menu_recruit.gif') 0 -20px no-repeat;
    text-decoration: none;
}
#recruit-menu li.service a:hover { background-position: -240px -20px; }

#recruit-menu li.techreport a {
    display: block;
    height: 20px;
    background: url('../images/recruit/menu_recruit.gif') 0 -40px no-repeat;
    text-decoration: none;
}
#recruit-menu li.techreport a:hover { background-position: -240px -40px; }

#recruit-menu li.salesreport a {
    display: block;
    height: 20px;
    background: url('../images/recruit/menu_recruit.gif') 0 -60px no-repeat;
    text-decoration: none;
}
#recruit-menu li.salesreport a:hover { background-position: -240px -60px; }

#recruit-menu span {
	visibility : hidden;
	text-indent:-9999px;
}



/*  TOPページのfloat  */
div.summary {
	width:710px;
	clear:both;
	margin: 0 0 10px 0;
}

.summary a:link , .summary a:visited {
	color:#333333;
}


.summary a:hover , .summary a:active {
	color:#0090CC;
}



div.item {
	width:330px;
	margin-top:0px;
	padding: 5px 0 0 10px;
	float:left;
}

.item-space {margin-right:10px !important; margin-bottom:30px;}

.item ul {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}

.item li {
	margin:0px 10px 3px 5px !important;
	height:18px;
	padding:0 0 0 22px !important;
	font-size:13px !important;
	text-decoration:none;
	background-image:url(../images/recruit/icon_list.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}


#recruit-contents h1 {
	color:#4E585F;
	font-size:16px;
	margin:0;
	border-bottom:3px #138acc solid;
	padding:15px 0 3px 5px;
}

#recruit-contents h2 {
	color:#2A3237;
	font-size:18px;
	margin:30px 20px 20px 0;
	border-left:5px #138acc solid;
        background-color: #f6f6f6;
	padding:5px 0 5px 8px;
	clear:both;
}

#recruit-contents h2 span {
	font-size:15px;
	margin:0 0 5px 2px;
	display:block;
}

#recruit-contents h2.message {
	color:#078BAB;
	font-size:25px;
	margin:30px 20px 20px 0;
	border-style:none;
	border-bottom:3px #666666 dotted;
	padding:5px 0 2px 8px;
	clear:both;
}

#recruit-contents h3.step {
	color:#2A3237;
	font-size:25px;
	margin:30px 20px 5px 0;
	clear:both;
}

#recruit-contents h3.step span {
	font-size:40px;
	color:#ffffff;
	margin:0 15px 5px 2px;
	background:#078BAB;
	width:50px;
	height:50px;
	display:block;
	float:left;
	text-align:center;
}




#recruit-contents p {
	margin:1em 20px; color:#333333;line-height:1.5em; text-indent:0;
	clear:both;
}

#recruit-contents ul {font-size:80%;margin:1em 50px; color:#333333;}
:root #ecruit-contents ul {margin:1em 10px ;}

#recruit-contents ol {font-size:75%; color:#333333;}
:root #recruit-contents ol {margin:1em 10px ;}

#recruit-contents li {line-height: 1.1em;}

/*  サイドメニュー（中途採用）  */

#SubIndex-Career {
    margin: 0 0 10px 0;
}

#SubIndex-Career h4 {
    background-image: url('../images/recruit/sub_career.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    width: 210px;
}

#SubIndex-Career h5.tech {
    background-image: url('../images/recruit/sub_tech.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 210px;
}

#SubIndex-Career h5.sales {
    background-image: url('../images/recruit/sub_sales.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 210px;
}

#SubIndex-Career ul {
	font-size:75%;
	line-height:150%;
    margin: 0 0 10px 10px;
    list-style:none;
    color:#999999;
}

#SubIndex-Career ul ul {
	font-size:100%;
	line-height:150%;
    margin: 0 0 10px 10px;
    list-style:none;
    color:#333333;
}

#SubIndex-Career a:link {
	color:#333333;
	text-decoration:none;
}

#SubIndex-Career a:visited {
	color: #666666;
	text-decoration:none;
}

#SubIndex-Career a:hover {
	color:#0033ff;
	text-decoration:underline;
}

#SubIndex-Career a:active {
	color:#0033ff;
	text-decoration:underline;
}


/*  サイドメニュー（新卒採用）  */

#SubIndex-Fresh {
    margin: 0 0 10px 0;
}

#SubIndex-Fresh h4 {
    background-image: url('../images/recruit/sub_fresh.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    width: 210px;
}

#SubIndex-Fresh ul {
	font-size:75%;
	line-height:150%;
    margin: 10px 0 10px 10px;
    list-style:none;
    color:#333333;
}

#SubIndex-Fresh a:link {
	color:#333333;
	text-decoration:none;
}

#SubIndex-Fresh a:visited {
	color: #666666;
	text-decoration:none;
}

#SubIndex-Fresh a:hover {
	color:#0033ff;
	text-decoration:underline;
}

#SubIndex-Fresh a:active {
	color:#0033ff;
	text-decoration:underline;
}

/*  サイドメニュー（アルバイト）  */

#SubIndex-Arbeit {
    margin: 0 0 10px 0;
}

#SubIndex-Arbeit h4 {
    background-image: url('../images/recruit/sub_arbeit.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    width: 210px;
}

#SubIndex-Arbeit ul {
	font-size:75%;
	line-height:150%;
    margin: 10px 0 10px 10px;
    list-style:none;
    color:#333333;
}

#SubIndex-Arbeit a:link {
	color:#333333;
	text-decoration:none;
}

#SubIndex-Arbeit a:visited {
	color: #666666;
	text-decoration:none;
}

#SubIndex-Arbeit a:hover {
	color:#0033ff;
	text-decoration:underline;
}

#SubIndex-Arbeit a:active {
	color:#0033ff;
	text-decoration:underline;
}

/*  背景  */
.Info-sepg {
    background-image: url('../images/recruit/bg_sepg.gif');
    background-repeat: no-repeat;
    padding-left:100px;
}

.Info-webpg {
    background-image: url('../images/recruit/bg_webpg.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-webd {
    background-image: url('../images/recruit/bg_webd.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-network {
    background-image: url('../images/recruit/bg_network.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-qc {
    background-image: url('../images/recruit/bg_qc.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-trainning {
    background-image: url('../images/recruit/bg_trainning.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-sales {
    background-image: url('../images/recruit/bg_sales.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-fresh {
    background-image: url('../images/recruit/bg_fresh.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}


.Info-helpdesk {
    background-image: url('../images/recruit/bg_helpdesk.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

.Info-assistant {
    background-image: url('../images/recruit/bg_assistant.gif');
    background-repeat: no-repeat;
    padding-left:60px;
}

/*  テーブル  */
.guideline table {
	color:#333333;
	margin:10px 0px 20px 25px;
	border-collapse: collapse;
	border: 1px #cccccc solid;
	font-size:80%;
}

.guideline table th {
	padding: 7px 10px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	background:#eeeeee;
	white-space:nowrap;
}

.guideline table td  {
	padding: 7px 10px;
	border-bottom: 1px #cccccc solid;
	line-height:135%;
}

.guideline td span {
	color:#ff0000;
	font-weight:bold;
}

/*  システムサービスのデザイン  */

.InformationOnline dl {
	font-size:80%;
	margin:20px;
}

.InformationOnline dt {
	margin:20px 0 5px 0;
	font-size:20px;
	font-weight:bold;
}

.InformationOnline dt a:hover , .InformationOnline dt a:active {
	text-decoration:none !important;
}

.InformationOnline dt span {
	font-size:14px;
	color:#000000;
	display:block;
}

.InformationOnline dd {
	margin:5px 20px;
	padding:10px;
	background:#eeeeee;
}

.InformationProject dl {
	font-size:80%;
	margin:20px;
}

.InformationProject dt {
	margin:5px 0 5px 0;
	font-weight:bold;
	color:#333333;
}


/*  フォーム  */
.JobType {
    margin: 0 0 10px 10px;
}

.JobType ul {
    font-size:75%;
    line-height:150%;
    margin: -5px 0 50px 30px !important;
    list-style:none;
    color:#999999;
}

.JobType ul li {
	float:left !important;
	width:220px;
}

.JobType h4 {
    clear:both;
    margin-top:5px;
    margin-bottom: 0px;
    margin-left: 30px;
    font-size:14px;
    color: #0A336F ;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 50% no-repeat;
}

.JobMotive {
	clear:both;
}

#inquiry ,#company { margin:20px 0;}  

#inquiry table ,#company table {  
	border-collapse:separate;
	border-spacing: 5px;
	font-size:13px;
}

#inquiry th ,#company th {  
	color:#0A336F;
	font-weight:bold;
	padding:5px 5px;
	text-align:right;
	border-right:5px solid #CBD8EB;
	white-space:nowrap;
	vertical-align:middle;
}

#inquiry td ,#company td {  
	font-weight:normal;
	padding:5px 5px;
	text-align:left;
	vertical-align:middle;
}

#inquiry span { 
	color:#f00000;
	font-weight:bold;
}

#inquiry div { 
	color:#007DD4;
	margin:4px 0;
}

p.submit {
	margin:10px 10px !important;
	text-align:center;
        padding:10px;
        background-color: #eeeeee;
}

p.submit input {margin:10px;}

p.back {
	margin:10px 10px !important;
	text-align:left;
}

div.pr {
	margin:50px 0px !important;
	padding:10px 10px !important;
	text-align:center !important;
	background-color:#eeeeee;
}

div.pr p {
	margin:3px 10px !important;
	text-align:center !important;
	background-color:#eeeeee;
	font-size:13px;
	font-weight:bold;
}

/*  沿革  */

#history table {
	color:#333333;
	margin:0 ;
	border-collapse: separate ;
	border-spacing: 10px;
	border: none;
	font-size:80%;
	width:auto;
}

#history table th {
	padding: 3px 10px;
	border-right: 3px #cccccc solid;
	font-weight:normal;
	background:#ffffff;
	white-space: nowrap;
}

#history table td  {
	padding: 3px 10px;
}

#history table td ol {
	margin-bottom: 0;
}

#history table td ol li {
	margin: 0;
}

/*  強調  */
.point {
	color:#0033ff;
}

.TypeRegular {
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	letter-spacing:1px;
	background:#F00000;
	padding:5px 5px 2px 5px !important;
	margin:0 5px 5px 20px !important;
}

.TypeContract {
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	letter-spacing:1px;
	background:#660777;
	padding:5px 5px 2px 5px !important;
	margin:0 5px 5px 20px !important;
}

.TypeTraining {
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	letter-spacing:1px;
	background:#F90087;
	padding:5px 5px 2px 5px !important;
	margin:0 5px 5px 20px !important;
}

ul.error li {color:#f00000 !important; font-size:13px !important; line-height: 120% !important;}
.caution {
	color:#f00000 !important;
	border:2px #f00000 solid;
	padding:5px 10px;
        margin: 5px 10px;
	font-size:13px;
	font-weight:bold;
}

.caution2 {
	color:#f00000 !important;
	font-size:12px;
	font-weight:bold;
	padding-left: 6px;
}

#gohome {
	font-size: 75%;
	margin: 0 10px 0px 80px;
}

#gohome img {
	vertical-align: middle;
	margin: 5px;
	width:14px;

}


/* 以下 index.cssより抜粋 */
#main ul {
	padding:0;
	margin:0 0 20px 40px;
	border:0;
	background:#ffffff;
	color:#5b5b5b;
}

#main ol ul {
	margin-left:20px !important;
}

#main li {
	margin-bottom:0.1em;
	font-size:110%;
	line-height:190%;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	color : #444444;
}


#main dl {
	font-size:80%;
	margin:0 40px 20px 40px;
}

#main dl dt {
	border-bottom:1px #cccccc dotted;
}


/* #main h4 { */
/* 	border-bottom:1px #999999 dotted; */
/* 	margin:20px 0 5px 20px; */
/* 	padding:3px 5px; */
/* 	color:#5b5b5b; */
/* 	font-size:90%; */
/*  } */


.read h2 {
	font-size:16px;
	color:#5b5b5b;
	background-color:#f6f6f6;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:7px solid #cccccc;
	line-height:130%;
	margin:10px ;
	padding:5px 10px;
}


.read h3 {
	font-size:15px;
	color:#6b6b6b;
	background-color:#f9f9f9;
	border-top:3px double #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:150%;
	margin:20px 20px 10px 20px ;
	padding:2px 0 2px 8px;
}

.read span.leader {
	color:#0066FF;
}


.read ul span {
	font-size:85%;
	color:#5b5b5b;
	margin-left:10px;
}

p.read {
    color:#5b5b5b;
    margin-left:20px;
}




.point-blue {
	background-color: #c9e3fd;
	padding: 4px;
	color: #444444;
	font-weight: bold;
}

.point-orange {
	background-color: #ffe7c9;
	padding: 4px;
	color: #444444;
	font-weight: bold;
}

.point-green {
	background-color: #c1fbaf;
	padding: 4px;
	color: #444444;
	font-weight: bold;
}



/*  recruit内のプライバシーマークの設定  */

ol.privacy-recruit {
	margin-left:0;
	_margin-left:20px;
	font-size:11px;
	line-height:100%;
}

li.privacy-recruit  {
	list-style-type: decimal;
	margin-left:0;

	color:#333333;
}

li.privacy-recruit li {

}

/*  development.htmlの設定  */

#develop-set dl {
    font-size:85% !important;
}

#develop-set dl dt {
    color: #559042;
/*     border-bottom: 1px dotted #559042; */
    line-height: 200%;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 50% no-repeat;

}

#develop-set dl dd {
    font-size: 90%;
    font-weight: nomal;
    margin:5px 0 5px 20px;
}

#develop-set dl dd ul li {
    font-size: 120%;
    margin-left:-25px;
    line-height: 110%;
    color: 5a5a5a;
}


#develop-set p {
    font-size:97%;
}

.space { margin-top: 20px; }