@charset "UTF-8";

/* ========== home css ========== */

/* mypage login _______________*/
#loginMypage {
	height: 164px;
	margin-bottom: 10px;
	background: no-repeat url("../imgs/home/bg_top.jpg") center center;
}



/*　ここから修正開始。2009.1.22　変更　 */
#loginMypage .contents {
	float:right;
	height:147px;
	min-height: 137px;
	width: 134px;
	_width: 147px;
	margin:4px 17px 0 0;
	_margin:4px 8px 0 0;
	padding: 6px 8px 0px 10px;
	_padding: 6px 7px 7px 10px;
	background: #99cbe6;
	border:1px solid #60aad9;
}

*+html #loginMypage .contents {
	height:147px;
	width:137px;
	margin:5px 17px 0 0;
	padding: 6px 5px 0px 8px;
}

/*　ここまで修正。2009.1.22　変更　 */




/*　ここから修正開始。2009.1.26　変更　 */
#loginMypage .contents02 {
	float:right;
	height:147px;
	min-height: 137px;
	width: 134px;
	_width: 147px;
	margin:4px 17px 0 0;
	_margin:4px 8px 0 0;
	padding: 6px 8px 0px 12px;
	_padding: 6px 7px 8px 10px;
	background: #99cbe6;
	border:1px solid #60aad9;
}

*+html #loginMypage .contents02 {
	height:147px;
	width:137px;
	margin:5px 17px 0 0;
	padding: 6px 5px 0px 8px;
}


.margin_t-mypage {
	padding-top:15px;
	margin:0px;
}

/*　ここまで修正。2009.1.26　変更　 */





#loginMypage p span {
	display: block;
	padding-top: 1px;
	color: #fff;
}
#loginMypage p input {
	width: 132px;
	border: 1px solid #9eb4c9;
}
#loginMypage .btn {
	display: block;
	float: left;
	width: 53px;
	padding: 4px 0 0 0;
}
/*#loginMypage ul {
	margin-left: 57px;
}

#loginMypage li {
	font-size: 12px;
}
2011.04.18 修正 */
/* contents _______________ */
.contents {
	margin: 4px 0 10px;
	border: 1px solid #ccc;
}
.contents h1 {
	margin-bottom: 5px;
}

/* ここから修正開始。2007.11.13　変更 */
/* swfArea_0 _______________ */
#swfArea {
	border:1px solid #ccc;
}

#swfArea h2{
	width:601px;
	margin:0;
	padding:0;
}
/* ここまで修正。2007.11.13　変更 */
/* working special _______________ */
#special p, #special ul {
	margin: 0 0 0 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#special ul li {
	float: left;
	padding-right: 5px;
}
.searchWorks a{
	color:#fc9c04!important;
	margin-left: 10px;
}
.searchWorks a:hover{
	color:#f00!important;
}
.getPlayer {
	padding:10px;
}
.getPlayer dl dt,
.getPlayer dl dd{
	float:right;
	text-align:right;
	font-size:0.75em;
	color:#666;
}

/* col2 (first, to staff, news) _______________ */
.col2 {
	margin-bottom: 10px;
}
.col2 .left, .col2 .right {
	float: left;
	width: 295px;
	margin-bottom:5px;

}

.col2 .right {
	float: right;
}






/* col99 (first, to staff, news) _______________________________________________________________________________ */
.col99 {
margin-left: 10px; margin-top: 10px; float: left; width: 275px;	border:1px solid #ccc; !important;
}

*html .col99 {
margin-left: 5px;
}


.col99Border {
	border-top:1px solid #ccc;
}
/*　ここから修正開始。2007.10.3　変更　 */
.col99 h2 {
 text-align: center;
}	
.col99 dl dt {
 padding-left:12px; padding-bottom:5px; padding-top:5px;
}	
.col99 div, .col99 dd{
 text-align: center; padding-bottom: 5px;
}	
/*　ここまで修正。2007.10.3　変更　 */



.right ol, .right .contents99 {
	margin: 0 11px;
	margin-top: 10px;
	border: none;
}
.right ol li {
	padding: 5px 0;
	background: repeat-x url("../imgs/home/bg_border.gif") bottom;
}

/*　ここから修正開始。2007.10.3　変更　 */
.right .contents99 dl {
    width: 275px;
		background: no-repeat url("../imgs/home/bg_ours_99.gif") left bottom;
}

.right .contents99 dd {
    width: 250px;
	padding: 8px 16px;
}
/*　ここまで修正。2007.10.3　変更　 */


/* Right Banner _______________________________________________________________________________________________________________________________ */
.right li.bnr2{
	width:275px;
	background: none!important;
	padding: 5px 2px 2px 2pxpx ;
}










.col2Border h1{
	border-top:1px solid #ccc;
}
.col2Border {
	padding:0 1px 1px 1px;
	background:url("../imgs/home/bg_line_top.gif") no-repeat left bottom;
}

.left ol, .left .contents {
	margin: 0 12px;
	border: none;
}
.left ol li {
	padding: 5px 0;
	background: repeat-x url("../imgs/home/bg_border.gif") bottom;
}
.left ol li a img {
	margin: 0 5px;
	vertical-align: middle;
}
.left .contents {
	margin-top: 10px;
}
.left .contents ul {
	padding: 10px;
	background: no-repeat url("../imgs/home/bg_ours.gif") left bottom;
}
.left .contents li {
	padding: 0 0 5px 12px;
	background: no-repeat url("../imgs/home/mk_arrow2.gif") left center;
}
.left .contents dl {
	padding: 10px;
	background: no-repeat url("../imgs/home/bg_ours.gif") left bottom;
}
.left .contents dt{
	padding: 0 0 5px 12px;
	background: no-repeat url("../imgs/home/mk_arrow2.gif") left center;
}
.left .contents dd {
	padding: 0 0 5px 12px;
}
.right ul {
	margin: 0 12px;
}
.right li {
	margin: 5px 0;
}
.left ul {
	margin: 0 12px;
}
.left li {
	margin: 5px 0;
}
.left li,
.right li{
	width:270px;
	padding: 5px 0;
	background: repeat-x url("../imgs/home/bg_border.gif") bottom;
}
.left li.bnr,
.right li.bnr{
	width:270px;
	background: none!important;
	padding: 2px 0;
}
.left li.bgNone a,
.right li.bgNone a{
	background: none!important;
	padding: 2px 0;
}
.left li a:hover,
.right li a:hover{

}









/* topics and news _______________ */
#topics.contents {
	border: none;
}
#topics dl {
	margin: 0 20px;
}
#topics dt, #topics dd {
	line-height: 1.5em;
}
#topics dd {
	margin: -1.5em 0 0 7em;
}
#topics dd a {
	display: block;
}

/* pickUp and specialist _______________ */
#pickUp .item, #specialist .item {
	float: left;
	width: 280px;
	margin-left: 10px;
	padding: 0 0 5px 5px;
}
#pickUp .item img, #specialist .item img {
	float: left;
}
#pickUp .item h2, #pickUp .item p, #specialist .item h2, #specialist .item p {
	margin-left: 60px;
	padding-left: 15px;
}
#pickUp .item h2, #specialist .item h2 {
	background: no-repeat url("../imgs/home/mk_arrow.gif") left center;
}
#specialist .coment {
	padding:0 15px 10px 15px;
}

#pick_list .item { float: left; width: 280px; margin-left: 10px; padding: 0 0 5px 5px; }
#pick_list .item p { float: left; padding-bottom:10px; }
#pick_list .item h2 { margin-left: 60px; padding-left: 15px; }
#pick_list .item h2 { background: no-repeat url("../imgs/home/mk_arrow.gif") left center; }
#pick_list .coment { padding:0 15px 10px 15px; }

#spe_list .item {
	float: left;
	width: 285px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}
#spe_list .item p { float: left; }
#spe_list .item h2 { margin-left: 60px; padding-left: 15px; }
#spe_list .item h2 { background: no-repeat url("../imgs/home/mk_arrow.gif") left center; }
#spe_list .coment { padding:0 15px 10px 15px;}


/* side bar _______________ */
#sidebar .item {
	margin-bottom: 10px;
}
#mobile {
	background: no-repeat url("../imgs/home/bg_mobile2.gif") bottom left;
}
#mobile #qrCode {
	text-align: center;
	padding:5px;
}
#mobile .smaller {
	padding: 0 10px 5px;
	line-height:1.2;
}

#veriSign {
	clear:both;
	margin-top:10px;
	text-align: center;
}
#wrapper_navi {
	padding-top: 20px!important;
}
/*\*//*/
#loginMypage li a, .left li a, .right li a, #pickUp .item a, #specialist .item a {
	display: block;
}
/**/

/* 会社案内
===================================================================================*/
#company .imformation table tr {
	margin-bottom: 10px;
}
#company .imformation table th {
	width: 143px;
	vertical-align: top;
}
#company .imformation table td {
	width:420px;
	vertical-align: top;
	padding-bottom: 20px;
}
#company .imformation table td ul li {
	padding-bottom: 5px;
}

/* サイトマップ
===================================================================================*/
#sitemap .siteList {
	padding: 9px;
}
#sitemap .siteList dl {
	clear: both;
}
#sitemap .siteList dl dt {
	width: 260px;
	float: left;
}
#sitemap .siteList dl dd {
	text-align:left!important;
	width: 320px;
	float: right;
}
#sitemap .siteList .indent2em {
	padding-left: 1em;
}

/* 大阪・IT特集
===================================================================================*/
#feature02 .firstBox01_bottom {
	width: 562px;
	background:url("../special/imgs/bg_bottom_special_01.gif") no-repeat left bottom;
	padding-bottom: 5px;
}
#feature02 .firstBox01 {
	border-right:1px solid #01578c;
	border-left:1px solid #01578c;
	padding: 7px 13px;
}
#feature02 .firstBox01 p {
	padding:7px 3px;
}
#feature02 .tit_h3Special {
	background:url("../special/imgs/line_dot_special_01.gif") repeat-x left bottom;
	padding:0 0 5px 2px;
	margin-bottom: 5px;
}
#feature02 .firstBox01 .colL {
	width: 369px;
}
#feature02 .firstBox01 .colR {
	width: 156px;
	float: right;
}
#feature02 .firstBox01 .colL02 {
	width: 259px;
}
#feature02 .firstBox01 .colR02 {
	width: 259px;
	float: right;
}

#feature02 .secondBox01_top {
	background:url("../special/imgs/bg_top_special02_01.gif") no-repeat left top;
	padding-top: 9px;
}
#feature02 .secondBox01_bottom {
	background:url("../special/imgs/bg_bottom_special02_01.gif") no-repeat left bottom;
	padding-bottom: 9px;
}
#feature02 .secondBox01 {
	background: #faf2e5;
	padding:0 18px;
}

#feature02 .twoCols .right {
	vertical-align: middle;
}
#feature02 .twoCols .right img {
	margin-left: 5px;
}
#feature02 .twoCols p.right  {
	padding-top:8px;
}


/*#job_list 
================================================================================*/
#job_list{
	margin-top:10px;
}

#job_list dd.cnts{
	margin-top:10px;
/*	background:url(../imgs/dot_h_01.gif) bottom repeat-x;	*/
}

#job_list dl.block{
	border:#d5d2d2 1px solid;
}

#job_list dl.block dt{
	padding:5px;
	background:#fef6d6 url(../imgs/dot_h_02.gif) bottom repeat-x;	
}

#job_list dl.block dt .tit{
	float:left;
	padding-left:5px;
	line-height:20px;
	color:#fc9c04;
}
#job_list dl.block dt .date{
	float:right;
	height:20px;
	padding-right:5px;
	line-height:20px;
}

#job_list dl.block dt .icn{
	float:right;
	height:20px;
}

#job_list dl.block dt .icn li{
	float:left;
	margin-right:5px;
}

#job_list dl.block dd{
	margin:0;
	padding:0;
	border:none;
}

#job_list .branch_sales, #job_list .branch_sales h4 {
	margin: 15px 0;
	padding-bottom: 10px;
	background: no-repeat url("../imgs/bg_rbox_line.gif") left bottom;
}
#job_list .branch_sales h4 {
	margin: 0;
	padding: 10px 1em 5px;
	background-position: left top;
}
#job_list .branch_sales p {
	padding: 0 15px 0 2em;
}

#job_list dl.block dd p{
	padding:5px 15px 15px;
	background:url(../imgs/dot_h_02.gif) bottom repeat-x;*/
}
#job_list dl.block dd p.noBorder {
	background: none;
}

#job_list dl.block dd table{
	width:100%;
}

#job_list dl.block dd table tr{
	background:url(../imgs/dot_h_02.gif) bottom repeat-x;	
}
#job_list dl.block dd table tr.noBorder {
	background: none;
}


#job_list dl.block dd table th{
	width:80px;
	padding:5px 0 5px 15px;
	vertical-align:middle;
}

#job_list dl.block dd table td{
	padding:5px;
	vertical-align:middle;
}

#job_list dl.block dd table td.separate{
	width:217px;
	padding:0;
}

#job_list dl.block dd table td.separate div{
	padding:5px;
	background:url(../imgs/dot_v_02.gif) right repeat-y;	
}

#job_list dl.block dd table td ul.icn li{
	float:left;
	margin-right:10px;
}

#job_list .job_list_bottom{
	margin-top:10px;
	text-align:right;
}

/* 紹介予定派遣特集
================================================================================*/
#feature03 .tit_h3Special {
	background:url("../special/imgs/line_dot_special_01.gif") repeat-x left bottom;
	padding:0 0 5px 2px;
	margin-bottom: 5px;
}

#feature03 ul.workStep li {
	padding:10px 0 23px 0;
	background:url("../special/imgs/bg_arrow_down_01.gif") no-repeat center bottom;
}
#feature03 ul.workStep li.last {
	background: none;
}
#feature03 ul.workStep .stepBox_top {
	width: 561px;
	background:url("../special/imgs/bg_top_special03_01.gif") no-repeat left top;
	padding-top: 5px;
}
#feature03 ul.workStep .stepBox_bottom {
	background:url("../special/imgs/bg_bottom_special03_01.gif") no-repeat left bottom;
	padding-bottom: 5px;
}
#feature03 ul.workStep .stepBox {
	background:url("../special/imgs/bg_special03_01.gif") repeat-y left top;
	padding:9px 10px;
}
#feature03 .stepInside {
	width: 541px;
}
#feature03 .stepInside dl {
	position: relative;
}
#feature03 .stepInside dl dt {
	width: 117px;
	float: left;
	position: absolute;
	top: 50%;
	margin-top:-16px;
}
#feature03 .stepInside dd {
	width:424px;
	float: right;
}

#feature03 .howToWrite li {
	float: left;
	width: 230px;
	padding: 2px 0 2px 15px;
	background: no-repeat url("../special/imgs/icn_file_01.gif") left center;
}
#feature03 .howToWrite li.noMark {
	float: left;
	width: 230px;
	padding: 2px 0 2px 0;
	background: none;
}
#feature03 .howToWrite li a img {
	margin-left: 0.2em;
	vertical-align: middle;
}
#feature03 .howToWrite dl dt{
	font-weight: bold;
}
#feature03 .howToWrite dl dd{
	line-height:1.2em;
}

#feature03 .colorBox01 {
	margin-top: 5px;
	padding: 15px;
	border:3px solid #fbe3bd;
}
#feature03 .colorBox01 .colL {
	width: 190px;
}
#feature03 .colorBox01 .colR {
	float: right;
	width: 330px;
}
#feature03 .colorBox01 ul li {
	float:left;
	margin-top: 10px;
	padding:0 2px;
}

#feature03 #info table {
	width: 563px;
	border-top:1px solid #d4d7d7;
	border-bottom:1px solid #d4d7d7;
}
#feature03 #info table tr td {
	padding:10px 0;
	border-bottom:1px solid #d4d7d7;
}
#feature03 #info table tr.last td {
	border: none;
}
#feature03 #info table tr td.right{
	width:162px;
	text-align: center;
	vertical-align: middle;
}

#feature03 #contents .linkR {
	margin-bottom: 20px;
}
#feature03 #contents .linkR p {
	float: right;
	clearfix: both;
	text-align: right;
	font-size: smaller;
	padding-left:10px;
	background:no-repeat url("../imgs/arrow_back_04.gif") left center;
}
#feature03 .twoCols p.right  {
	padding-top:8px;
}
/* 2008.07.09 u.matsuda add */
#feature03 .box01_bg{
	background:url("../special/imgs/special_03_box02.gif") repeat-y;
}
#feature03 .box01_img{
	float: left;
	padding-top: 5px;
	padding-left: 20px;
}
#feature03 .box01_txt{
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	width: 460px;
}
#feature03 .link_style{
	margin-top: 10px;
	text-align: right;
	padding-bottom: 10px;
}
*html #feature03 .link_style{
	padding-bottom: 0px;
}
*+html #feature03 .link_style{
	padding-bottom: 0px;
}


/* 特集４　「就職したい会社」ランキング
================================================================================*/
#feature04 .ranking {
	background: url("../special/imgs/bg_special04_top.gif") no-repeat left top;
	padding:0 14px 7px;
}
#feature04 .rankingBg_bottom {
	width: 562px;
	padding-bottom: 5px;
	background:#fecbdc url("../special/imgs/bg_special04_bottom.gif") no-repeat left bottom;
}
#feature04 .ranking .col01 {float:left;}
#feature04 .ranking .col02 {float:right; width:353px;}
#feature04 .ranking .col03 {float:right;}
#feature04 .ranking table {
	width: 172px;
	margin-bottom: 5px;
	border:1px solid #d3d7d6;
	background: #fff;
}
#feature04 .ranking table th {
	padding:4px 0;
	color: #fff;
	background:#fb6d9b;
	text-align: center;
	font-weight: 500;
	font-size: smaller;

 }
#feature04 .ranking table th.thL {
	border-right:1px solid #fff;
}
#feature04 .ranking table td {
	padding:3px 4px;
	font-size: smaller;
 }

#feature04 .ranking table td.tdL {
	border-right:1px solid #fb6d9b;
	text-align: center;
	vertical-align:top;
}
#feature04 .ranking table tr.gray {
	 background:#f4f4f4;
}
#feature04 .ranking .subBox01 {
	width: 521px;
	padding:6px;
	background: #fff;
}

*html #feature04 .ranking .subBox01 {
	width: 533px;
}

#feature04 .txtType01 {
	margin: 5px 0;
	padding-left: 10px;
	font-weight: bold;
	color: #fc9c04;
}

#feature04 .twoCols p.right  {
	padding-top:8px;
}

#feature04 .Box01_bottom {
	width: 562px;
	background:url("../special/imgs/bg_bottom_special_01.gif") no-repeat left bottom;
	padding-bottom: 5px;
}
#feature04 .Box01 {
	border-right:1px solid #01578c;
	border-left:1px solid #01578c;
	padding: 10px;
}
#feature04 .insideBox {
	padding: 6px;
	background: #efebe9;
}
#feature04 .insideBox .thumb {
	float: left;
	width: 68px;
}
#feature04 .insideBox .copy {
	padding-top: 9px;
}

#feature04 .Box02_bottom {
	width: 562px;
	background:url("../special/imgs/bg_special04_02_bottom.gif") no-repeat left bottom;
	margin-top: 40px;
	padding-bottom: 5px;
}
#feature04 .Box02 {
	background:#efebe9 url("../special/imgs/bg_special04_02_top.gif") no-repeat left top;
	padding: 10px 10px 6px 10px;
}
#feature04 .insideBox02 {
	padding: 9px;
	margin-top: 10px;
	background: #fff;
}
#feature04 .insideBox02 li {margin-bottom: 7px;}
#feature04 .insideBox02 li.last {margin-bottom: 0px;}
#feature04 #company_list dl{
	float:left;
	width:340px;
}

#feature04 #company_list .bnr{
	float:right;
	width:177px;
}

#feature04 #info table {
	width: 563px;
	border-top:1px solid #d4d7d7;
	border-bottom:1px solid #d4d7d7;
}
#feature04 #info table tr td {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #d4d7d7;
	vertical-align: middle;
}
#feature04 #info table tr.last td {
	border: none;
}
#feature04 #info table tr td.right{
	width:162px;
	text-align: center;
	vertical-align: middle;
}

#feature04 ul.mk_arrow li {
	padding: 0 0 5px 12px;
	background: no-repeat url("../imgs/home/mk_arrow3.gif") left center;
}

/* Hタグのテキスト化 2007.10.26 added by asako sato
===========haken,staff,merit,company共通============================================================*/
.rvsn_h1{ display:block; height:16px; margin:0; padding:6px 0 6px 8px; background: url(../haken/imgs/h1_bg.gif) repeat-x; color:#fff; font-size:110%; }

/* Hタグのテキスト化 2007.10.26 added by asako sato
===========home============================================================*/
.rvsn_lv1 { display:block; background: url(../imgs/home/tit_lv1.gif) repeat-x; color:#42b2d6; padding:5px 0 7px 7px; }
.rvsn_lv2 { display:block; background: url(../imgs/home/tit_lv2.gif) repeat-x; color:#42b2d6; padding:5px 0 7px 7px; }
.rvsn_ic_hm { margin-right:7px; vertical-align:middle; }

.rvsn_lv3 { margin:0; padding:0; }
.rvsn_lv3 h2 { margin:0; padding:0; }
.rvsn_lv3 h2 a:link{ display:block; background: url(../imgs/home/tit_lv3.gif) 0 0 no-repeat; text-decoration:none; color:#42b2d6; }
.rvsn_lv3 h2 a:visited{ display:block; background: url(../imgs/home/tit_lv3.gif) 0 0 no-repeat; text-decoration:none; color:#42b2d6; }
.rvsn_lv3 h2 a:hover{ display:block; background-position: 0 -27px; text-decoration:none; color:#42b2d6; }
.rvsn_lv3 h2 a:active{ display:block; background-position: 0 -27px; text-decoration:none; color:#42b2d6; }
.ic_lv3 { margin:5px 7px 5px 7px; vertical-align:middle; }


.rvsn_lv4 { width:251px; background: url(../imgs/home/tit_lv4.gif) 0 0 no-repeat; display:block; margin-left:5px; padding:8px 0 5px 0; text-decoration:none; }
.ic_lv4 { margin:0 5px 0 5px; vertical-align:middle; }
.fc_lv4 { color:#42a2d6; text-decoration:none; }

.rvsn_lv5 { width:275px; background: url(../imgs/home/tit_lv5.gif) 0 0 no-repeat; display:block; padding:6px 0 5px 0; text-decoration:none; }
.fc_lv5 { color:#fff; text-decoration:none; font-weight:bold; margin-left:25px; }

/*　2007.11.09 add yamaguchi　
=======================================================================*/
.dot_line_space img{
	margin-bottom:30px;
	margin-top:30px;
	text-align:left;
	}
#merit_wrapper{
	width:562px;
	}
.merit_box{
	float:left;
	width:277px;
	height:373px;
	display:inline-block;
	}

.merit_box02{
	float:right;
	width:277px;
	height:373px;
	}	
/*　2007.11.19 add yamaguchi　
=======================================================================*/
.qa_h2 {
	margin:10px 10px 2px 10px;
	padding: 2px 10px 2px 10px;
	background-color:#dce2e5;
	} 
.qacate {
	margin-top: 10px;
	padding-top: 5px;
	background: no-repeat url("../../imgs/roundbox_line.gif") left top;
	width:563px;
}
.qacate .categoryLinks {
	padding: 0 10px 5px 10px;
	background: no-repeat url("../../imgs/roundbox_line.gif") left bottom;
}

.qacate .categoryLinks li {
	float: left;
	width: 49%;
	padding: 1px 0;
}

.qacate .categoryLinks li.wide {
	width: 66%;
}

.qacate .categoryLinks li a, .qacate .categoryLinks li span {
	padding: 1px 0 1px 9px;
	font-size: 0.88em;
	background: no-repeat url("../../imgs/arrow_back_03.gif") left center;
}

.qacate .categoryLinks li.block {
margin:5px 0 5px 0;
width:540px;
}

div.explanation_area { 
	margin:15px 0 15px 0;
	padding:10px;
	background:#F5F5F5;
	border: 1px solid #CCC;
}

div.explanation_area li{ 
	margin-bottom: 3px;
}

li.indent_1em{ 
	padding-left:1em;
	text-indent:-1em;
}
.indent_left{
	text-indent:1em;
	}


div.explanation_area p.title{ 
	font-size: 12px;
	font-weight: bold;
	margin:3px 0 5px 0;
}
div.explanation_area p.title02{ 
	font-size: 12px;
	font-weight: bold;
	margin:10px 0 5px 0;
}
div.explanation_area div.ex_image_box{
	width:504px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	}

div.explanation_area div.ex_image_box img{
	margin-bottom:15px;
	}
/* IE6.0用 */	
div.explanation_area div.ex_image_box{ _margin-left:20px; }

/*2カラム用ボックスここから*/
div.explanation_area div.ex_image_box div.ex_image01{
	width:242px;
	float:left;
	margin-right:20px;
	}
div.explanation_area div.ex_image_box div.ex_image02{
	width:242px;
	float:right;
	}
/*2カラム用ボックスここまで*/


div.adobe_icon_area{
 	text-align:left;
	width:504px;
	height:90px;
	}

div.clear img.icon_left01{
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	}
div.clear img.icon_left02{
	float:left;
	margin-right:5px;
	}	
div.clear {
 	clear:both;
	margin:0;
	padding:0;
	}	
div#icon_text01{
	margin-top:10px;
	margin-bottom:5px;
	padding-top:4px;
	vertical-align:bottom;
	}
div#icon_text02{
	padding-top:7px;
	vertical-align:bottom;
	}

/*2007.11.30 sato added*/
.domain_area { 
	margin:15px 0 15px 0;
	padding:10px;
	background:#F5F5F5;
	border: 1px solid #CCC;
}
.domain_txt { margin: 5px 0 5px 18px; }
.domain_tit { font-weight:bold; }

/* toQ ____________________ */
.toQ { margin-top:10px; text-align: right; }
.toQ a { padding:0 0 2px 10px; font-size: smaller; background: no-repeat url("../imgs/arrow_up_01.gif") left center; }
.toQ a:visited { color: #0095c0; }
.toQ a:hover { color: #000; }

/* sato added 2008.2.20 ____________________ */
.deTa dt, .deTa dd { padding: 2px 0; }
.deTa dt { float:left; clear:left; width:60px; margin-left:10px; }
.deTa dd { margin-left:2em; }

table#use_icex {
	width:563px;
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	}
table#use_icex th.w01 {
	width:85px; padding: 5px; text-align:center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #F5F5F5;
	}
table#use_icex th.w02 {
	width:420px; padding: 5px; text-align:left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #F5F5F5;
	}
table#use_icex td.w01 {
	width:85px; padding:5px; text-align:center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
table#use_icex td.w02 {
	width:420px; padding:5px; text-align:left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

/* トップページのPマーク　2008.06.17　u.matsuda add */
.top_p_mark{
	margin-top: 20px;
	margin-left: 37px;	
	}
.top_p_mark_txt{
	 margin-top:10px;
	 font-size:smaller;
	 margin-left:35px;
	 color: #8087be;
	}
	
/* 事業所一覧　2008.06.23 u.matsuda add
===================================================================================*/
#industry .map_text_position {
	position: relative;
	top: 30px;
	z-index: 2
}
#industry .map_text_position ul li {
	padding-bottom: 5px;
}
#industry .map_position{
	position: relative;
	top: -30px;
	left: 20px;
	z-index: 1
}

#industry .box_line {
	width: 575px;
	border: solid #dcdcdc 1px;
	padding: 1px;
	margin-bottom: 25px;
	}
	
#industry .box_line dl dt {
	background: repeat-x url("../company/imgs/title_bg.gif") left top;
	color: #0194c0;
	font-size: 110%;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
#industry .box_line dl dd {
	padding-left: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 150%;
	}
	
#industry .bg_color {
	background-color: #f3f4e6;
	}
	
#industry #industry_link {
	margin-top: 10px;
	}
	
#industry #industry_link ul li {
	padding-bottom: 6px;
	}
	
#industry .box_line ol {
	margin-top: 17px;
	}
	
#industry .box_line ol li {
	margin-top: 5px;
	}
/* TOPキャンペーンエリア修正　2008.07.03 yamaguchi add
===================================================================================*/
.col99r {
margin-bottom:15px;margin-left:10px;margin-top: 10px; width: 275px;	border:1px solid #ccc; !important;
}
.col99r h2 {
 text-align: center;
}	
.col99r dl dt {
 padding-left:12px; padding-bottom:5px; padding-top:5px;
}	
.col99r div, .col99r dd{
 text-align: center; padding-bottom: 5px;
}	

/*---------/company/industry_syutoken.html2009.3.24追加---------*/
#industry .bg_color02 {
	background-color: #f3f4e6;
	margin:6px;
	}
	
#industry .bg_color03 {
	background-color:#fff;
	margin:6px;
	padding:0px!important;
	}	
		   		
td.industry_w326{
	 width:330px;
	 vertical-align: middle;
	 padding-bottom:5px;
	 padding-top:5px;
	 _width:326px;
	}
td.industry_w119{
	 width:119px;
	vertical-align: middle;
	text-align:center;
	}	
td.industry_w70{
	 width:70px;
	vertical-align: middle;
	text-align:center;
	}	
	
td.industry_txt01{
    line-height:130%;
	padding-left:10px;
	padding-right:10px;
	background-color:#F0F0F0;
	font-size:90%;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #fff;
	border-left-color: #fff;
	}		      		
td.industry_txt02{
    line-height:130%;
	padding-left:10px;
	padding-right:10px;
	background-color:#F0F0F0;
	font-size:90%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #fff;
	}		      			
td.industry_txt03{
    line-height:130%;
	background-color:#F0F0F0;
	font-size:90%;
	}		      				
	
	
/*index.html 今月のおすすめ watanabe*/
.col3 {
	margin-bottom: 10px;
}
.col3 .left {
	float: left;
	width: 286px;
	margin-bottom:4px;
	_margin-bottom:8px;
	margin-left:10px;
	_margin-left:5px;
}

*+html .col3 .left {
	margin-bottom:8px;
}

.col3 .right {
	float: right;
	width: 286px;
	margin-bottom:4px;
	_margin-bottom:8px;
	margin-right:10px;
	_margin-right:5px;
	
}

*+html .col3 .right {
	margin-bottom:8px;	
}

/*index.html mypagelayout watanabe*/
.top_mypagebox_l{
	width:60px;
	_width:54px;
	float:left;
	margin-left:6px;
	_margin-left:3px;
	margin-top: 0px!important;
	margin-right:0xp!important;
}
	 
.top_mypagebox_r{
     float:right;
	 margin-right:10px;
	 _margin-right:5px;
	 background-image: url(/imgs/home/top_mypage02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:0px!important;
	margin-left:0px!important;
	 
	}
	 	 
.top_mypagebox_01{
    width:164px;
	_width:197px;
	padding-left: 23px;
	padding-top:10px;
	padding-right:10px;
	margin-left:0px;
	text-align:left!important;
	padding-bottom:0px!important;
	line-height:130%;
	
}		 

.top_mypagebox_02{
	margin-right:10px;
	_margin-right:5px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	float:right;
	
}		 

.top_mypagebox_03{
    width:273px;
	
}

.top_mypagemar_4{
     margin-left:4px;
	 margin-top:14px;
	 margin-bottom:5px;
}

.top_mypagebox{
       margin-bottom:0px;
	   padding-bottom:0px;}
	   
/*========================
　index.html今月のおすすめテキスト化 2009.6.9	   
　===================================================*/
.pickupbnr{
       width:581px;
	   height:65px;
       position:relative;
	   background-image: url(/imgs/home/bnr_special_6_long.gif);
	   background-repeat: no-repeat;
	   background-position: left top;
	   cursor:pointer;}
.pickupbnr_txt{
	position:absolute;
	line-height:110%;
	left: 168px;
	top:28px;
	_left: 168px;
	_top:29px;
}	   

*+html .pickupbnr_txt{
	position:absolute;
	left: 168px;
	top:29px;
}

.pickupbnr_link{
	text-decoration:none;
}	
/*========================
　index.html栄登録センターOPEN 2009.6.15	   
　===================================================*/
.pickupbnr01{
       width:581px;
	   height:65px;
       position:relative;
	   background-image: url(/imgs/home/bnr_topics_skill.gif);
	   background-repeat: no-repeat;
	   background-position: left top;
	   cursor:pointer;}
.pickupbnr01_txt{
	position:absolute;
	line-height:110%;
	left: 156px;
	top:28px;
	_left: 156px;
	_top:29px;
}	   

*+html .pickupbnr01_txt{
	position:absolute;
	left: 156px;
	top:29px;
}

.pickupbnr01_link{
	text-decoration:none;
}	

/*================
派遣強化署名　2009.6.25.追加
==============================*/

.syomei{
    margin-top:3px;
	_margin-top:8px;}
	
*+html .syomei{
    margin-top:8px;}
	
/*========================
　index.html special領域レイアウト変更　2010.07.27	   
　===================================================*/	
#specialcontentsWire{margin-top:7px; padding-bottom:10px;}
#specialcontentsWire .lbox{width:296px; border:1px solid #ccc; float:left;}
#specialcontentsWire .rbox{width:296px; border:1px solid #ccc; float:right;}
#specialcontentsWire .lbox h1{ margin:0px; padding:0px;}
#specialcontentsWire .lbox img.bnr{ margin:10px 5px 5px 5px;}
#specialcontentsWire .rbox h1{ margin:0px; padding:0px;}
#specialcontentsWire .rbox img.bnr{ margin:10px 5px 5px 5px;}
#specialcontentsWire .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#specialcontentsWire .clearfix { display: inline-block; }
/* exlude MacIE5 \*/
#specialcontentsWire * html .clearfix { height: 1% }
#specialcontentsWire .clearfix {display:block;}
/* end MacIE5 */

/*========================
　index.html newsColum領域　2010.12.03	   
　===================================================*/	
#newsColum .cont_box{margin:5px 15px 10px 19px; width:566px; display:block;}
#newsColum dl.list{ margin-bottom:5px; width:566px;}
#newsColum dl.list dt{float:left; width:65px; display:block; margin-right:15px; _margin-right:6px; _width:80px;}


#newsColum dl.list dt{float:left; width:401px; display:block; _width:416px;}
#newsColum dl.list dd.name{float:left; margin-left:10px; width:138px; display:block; _width:128px; _margin-left:9px;}
#newsColum dl.list dd.name .indent85{ padding-left:3.5em; text-indent:-3.5em;  font-size:85%; margin-top:3px;}

#newsColum .chuuibox{ padding-top:10px; text-align:right; font-size:85%; border-top:1px dotted #555555;}
#newsColum .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#newsColum .clearfix { display: inline-block; }
/* exlude MacIE5 \*/
#newsColum * html .clearfix { height: 1% }
#newsColum .clearfix {display:block;}
/* end MacIE5 */


/*========================
　派遣求人ガイド追加の為、追加　2011.1.27
　===================================================*/	
 #spe_list .projb{ padding:10px 5px 10px 0px; text-align:right; font-size:85%!important;}
 #spe_list .projb a{ text-align:right; font-size:85%!important;}




/* ========== home css ========== */

/* mypage login 2011.04.22 修正 _______________*/
#loginMypage .contents03 {
	float:right;
	height:147px;
	min-height: 137px;
	width: 134px;
	_width: 142px;
	margin:4px 19px 0 0;
	_margin:6px 9px 0 0;
	padding: 6px 6px 0px 6px;
	_padding: 6px 6px 4px 6px;
	background: #99cbe6;
	border:1px solid #60aad9;
}

*+html #loginMypage .contents03 {
	height:147px;
	width:134px;
	margin:5px 19px 0 0;
	padding: 6px 6px 0px 6px;
}

#loginMypage .btn02 {
	display: block;
	width: 133px;
	margin: 12px 0 5px 0;
	text-align:center;
}
#loginMypage .btn03 {
	display: block;
	width: 133px;
	text-align:center;
}

#loginMypage ul {
	margin-top:0;
	margin-left: 20px;
}
#loginMypage li {
	text-align:right;
}
#loginMypage ul.top_logoff {
	margin-top:15px;
	margin-left: 50px;
}

#loginMypage .lnk_mypage {
	font-size:smaller;
	color:#FFFFFF;
}