@charset "utf-8";

/*------------------------------------------------------------------------------
	JAC Recruitment
	Date: 2010-01
	(C) JAC Recruitment Co., Ltd. All rights reserved.
------------------------------------------------------------------------------*/
/* =INDEX用の汎用設定
--------------------------------------------------------- */

#index #idxPanel		{ margin:10px 0; width:900px; height:200px; background:url(/original/imgs/head_img.png) no-repeat left top; position:relative; }
#index #mainCol table	{ vertical-align:middle; text-align:left; }


/* = INDEX用構造の設定
--------------------------------------------------------- */
#mainCol table th		{ vertical-align:top; }
#topInfoLeft			{ float:left; width:700px; height:300px; background:#ddd; }
#topInfoRight			{ float:left; width:150px; height:300px; background:#ccc; margin-left:20px; }

.searchLeft				{ float:left; width:430px; height:200px; }
.searchRight			{ float:left; width:430px; height:200px; margin-left:20px; }

/* = パネル上のボタン設定
--------------------------------------------------------- */
#idxPanel li a	{ background-image:url(/img_cmn/top/mainPanelBtn.png); text-indent:-9999px; }
#idxpSupport a	{ display:block; width:248px; height:80px; position:relative; left:9px; top:8px; }
#idxpScout a	{ display:block; width:248px; height:49px; position:relative; left:9px; margin-top:12px; 
					background-position:0 -84px; }
#idxpMail a		{ display:block; width:248px; height:49px; position:relative; left:9px; margin-top:1px; 
					background-position:0 -134px; }
#idxpSupport a:hover	{ background-position:-248px 0; }
#idxpScout a:hover		{ background-position:-248px -84px; }
#idxpMail a:hover		{ background-position:-248px -134px; }

.nolinkVisual			{ font-weight:normal !important; color:black !important; line-height:140%; }
.arMarker				{ padding:0 0 0 16px; background:url("/original/imgs/arrowMarker.gif") no-repeat 0 14%; text-decoration:underline;  }
 
/* = INDEX用求人検索の設定
--------------------------------------------------------- */
/* 新着の求人 */

#index #newJobofferH3				{ color:#ff9900; vertical-align:bottom; position:relative; }
#index #newJobofferH3 span			{ position:relative; top:-5px; }
#index #newJoboffer					{ margin-left:20px; }
#index #newJoboffer li				{ margin:0 18px 10px 0; display:block; width:275px; height:53px; float:left;
										overflow:hidden; border-bottom:1px solid #dedede; }
#index #newJoboffer li:after		{ height:0px; content:"."; display:block; clear:both; visibility:hidden; }
#index #newJoboffer .newDate a		{ margin-bottom:2px; color:#000; font-size:11px !important; font-weight:bold; display:block; }
#index #newJoboffer .itemName a		{ color:blue !Important; font-weight:bold; font-size:14px; }
#index #newJoboffer .description	{ font-size:13px; line-height:130%; line-height:120%; color:black; }


/* 地域から探したい */
#index #mainCol #areaBox 					{ margin:10px 0 0; zoom:1;/*for IE 5.5-7*/ }
#index #mainCol #areaBox:after				{ content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#index #mainCol #areaBox #mapSearch			{ float:left; width:165px; height:210px; border:1px solid #dbdbdb; }
#index #mainCol #areaBox #mapSearch ul		{ width:265px; height:200px; margin:5px; background:url(/img_cmn/search_map.png) no-repeat left top; position:relative; }
#index #mainCol #areaBox #mapSearch a		{ display:block; text-indent:-9999px !important; background-image:url(/img_cmn/search_map.png); background-repeat:no-repeat; position:absolute; }

#mapSearch .hokkaido a		{ width:45px; height:19px; left:198px; top:34px; background-position:-198px -34px; }
#mapSearch .tohoku a		{ width:31px; height:19px; left:190px; top:65px; background-position:-190px -65px; }
#mapSearch .kanto a	 		{ width:31px; height:19px; left:190px; top:90px; background-position:-190px -90px; }
#mapSearch .tokyo a	 		{ width:31px; height:19px; left:190px; top:113px; background-position:-190px -113px; }
#mapSearch .chubu a	 		{ width:57px; height:19px; left:190px; top:136px; background-position:-190px -136px; }
#mapSearch .hokuriku a 		{ width:68px; height:21px; left:71px; top:72px; background-position:-71px -72px; }
#mapSearch .kinki a	 		{ width:59px; height:21px; left:122px; top:157px; background-position:-122px -157px; }
#mapSearch .shikoku a 		{ width:37px; height:21px; left:82px; top:157px; background-position:-82px -157px; }
#mapSearch .chugoku a 		{ width:31px; height:20px; left:71px; top:104px; background-position:-71px -104px; }
#mapSearch .kyusyu a 		{ width:60px; height:21px; left:15px; top:146px; background-position:-15px -146px; }
#mapSearch .kaigai a 		{ width:32px; height:19px; left:14px; top:12px; background-position:-14px -12px; }

#mapSearch .hokkaido a.on	{ background-position:-198px -234px; }
#mapSearch .tohoku a.on		{ background-position:-190px -265px; }
#mapSearch .kanto a.on	 	{ background-position:-190px -290px; }
#mapSearch .tokyo a.on	 	{ background-position:-190px -313px; }
#mapSearch .chubu a.on	 	{ background-position:-190px -336px; }
#mapSearch .hokuriku a.on 	{ background-position:-71px -272px; }
#mapSearch .kinki a.on	 	{ background-position:-122px -357px; }
#mapSearch .shikoku a.on 	{ background-position:-82px -357px; }
#mapSearch .chugoku a.on 	{ background-position:-71px -304px; }
#mapSearch .kyusyu a.on 	{ background-position:-15px -346px; }
#mapSearch .kaigai a.on 	{ background-position:-14px -212px; }

#index #mainCol #areaBox #mapSearchLeft				{ float:right; width:260px; }
#index #mainCol #areaBox #mapSearchLeft table		{ width:260px; }
#index #mainCol #areaBox #mapSearchLeft table th	{ font-size: 82%; width:25%; font-weight:normal; padding:2px 0; }
#index #mainCol #areaBox #mapSearchLeft table td	{ font-size: 63%; color:#666; padding:2px 0; }

/* 業種から探したい */





/* = 求められるスキルの設定
--------------------------------------------------------- */

#index #mainCol #topSkill		{ margin:0 0 10px; zoom:1;/*for IE 5.5-7*/ }
#index #mainCol #topSkill:after	{ content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

/* = 転職成功事例の設定
--------------------------------------------------------- */

#index #mainCol #topCase				{ margin:0 0 10px; zoom:1;/*for IE 5.5-7*/ }
#index #mainCol #topCase:after			{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#index #mainCol #topCase .voiceBox		{ background:#f4f4f4; border:5px solid #dbdbdb; padding:0 10px; margin:20px 0 15px; clear: both; }
#index #mainCol #topCase .voiceBox img	{ position:relative; top:-12px; }


/* = topCatchLineの設定
--------------------------------------------------------- */

#topCatchLine			{ font-size:12px; width:600px; margin:10px 0 0 0px; float:left; }
#topCatchLine h2		{ margin-bottom:3px; }
#topCatchLine p			{ margin:0 0 5px 0; line-height:130%; }
#topCatchLine h3		{ margin-bottom:0; }
#topCatchLine a			{ font-weight:bold; color:blue; }

#point1					{ height:145px; margin-bottom:7px; background:url(/img_cmn/idxServicePrivateBack.png) no-repeat left bottom; }
#point1 .top			{ height:12px; background:url(/original/imgs/idxServicePrivateTop.gif) no-repeat left top; }
#point1 .pointInner		{ margin:10px 8px 10px 115px; }
#point1 .pointInner p	{ margin-left:3px; }
#point1 h3				{ margin-bottom:0px; }
#point1 .num			{ margin:2px 20px 2px -1px !important; padding:2px; font-weight:bold; }
#point1 .num span		{ font-size:20px; font-family:verdana; color:maroon; font-weight:bold; }

#point1Sp				{ margin-bottom:3px; background:url(/img_cmn/idxServicePrivateBackBorder.gif) repeat-y;
							border-bottom:1px solid #aaaaaa; }
#point1Sp .top			{ height:12px; background:url(/original/imgs/idxServicePrivateTop.gif) no-repeat left top; }
#point1Sp .pointInner	{ margin:10px 8px 10px 0; padding-left: 115px; 
							background:url(/img_cmn/idxSpServicePrivateBack.png) no-repeat 3px top; }
#point1Sp .pointInner p	{ margin-left:3px; }
#point1Sp h3			{ margin-bottom:0px; }
#point1Sp .num			{ margin:2px 20px 2px -1px !important; padding:2px; font-weight:bold; }
#point1Sp .num span		{ font-size:20px; font-family:verdana; color:maroon; font-weight:bold; }


#point2					{ background:url(/img_cmn/idxServiceSupportBack.png) no-repeat left bottom; height:141px; width:322px; float:left; }
#point3					{ background:url(/img_cmn/idxServiceSuccessBack.png) no-repeat left bottom; height:141px; width:270px; float:right; }

.pointInner				{ margin:0 5px 0 58px; }
.pointInner p			{ font-size:12px !important; }
#infoService			{ height:159px; margin-bottom:20px !important; background:url(/original/imgs/idxServiceLinkBack.gif) no-repeat left top; }

#topRegistCol			{ width:285px; margin:40px 0 5px; float:right; }
#idxBeginerRegistBtn a	{ width:285px; height:93px; margin-bottom:10px; background:url(/original/imgs/idxBeginerRegistButton.gif) no-repeat; text-indent:-9999px; display:block; }
#idxMailMagazineBtn a	{ width:285px; height:50px; margin-bottom:10px; background:url(/img_cmn/top/idxMailMagazineButton.gif) no-repeat; text-indent:-9999px; display:block; }
#idxMailMagazineBtn a:hover{ background-position:0 -50px; }
#companyList			{ width:285px; height:119px; background:url(/original/imgs/idxCompanyExButton.gif) no-repeat; display:block; text-align:center; }
#companyList div		{ width:225px; margin:0 auto; padding-top:25px; }
#companyList div a		{ margin:0 2px 4px; }
#companyList img		{ width:105px; border:1px solid #666; }
html>/**/body #companyList div { width /*\**/: 240px\9 }

/*
#companyList			{ width:285px; margin:10px 0 5px; float:right; }
#companyList h4			{ margin-bottom:3px; }
#companyList .banner	{ padding:10px; background:url(/img_cmn/idxBannerBack.png); }
#companyList .banner div{ padding:5px 0; background:#fff; text-align:center; }
#companyList .banner p	{ margin:0 0 0 63px; font-size:11px; }
#companyList .banner img{ width:138px; height:54px; display:block; margin:0 auto 2px 65px !important; 
							border:1px solid #666; }
#companyListUnder		{ margin:0 !important; font-size:12px !important;  }
*/

#infoService			{ position:relative; font-size:14px; margin:0 0 0 0px; clear:both; }
#infoService ul			{ position:absolute; top:123px; left:20px; width:338px; background:#ffffb4; padding:5px; }
#infoService ul li		{ margin:5px 0; padding:0 10px 0 18px; display:inline; background:url(/original/imgs/arrowMarker.png) no-repeat left center; font-weight:bold; }

#infoService ul li 			{ margin-bottom:2px; }
#infoService ul li a:link,
#infoService ul li a:visited{ border-bottom:1px dotted black; }
#infoService ul li a:hover	{ border-bottom:1px solid black; text-decoration:none; color:#ff9900; }

#infoService p			{ font-size:11px; float:right; margin:38px 10px 0; _margin-right:5px; padding:5px 10px; width:215px; _width:230px; line-height:1.1em; background:#ddd; }
*html #infoService p	{ text-align:center; }
#infoService div img	{ margin:3px; }
#infoService p span		{ width:184px; margin:0 auto; display:block; }

#guideToService			{ margin-top:40px !important; padding-left:20px; line-height:1em !important; font-weight:bold; font-size:12px !important; clear:both;
							background:url(/img_cmn/email_go.png) no-repeat 0 -2px; }
#guideToService a		{ color:blue; border-bottom:1px dotted black; }

#indexSearchWrap .searchUiTbl{ margin:0 0 0 17px !important; }
#indexSearchWrap .searchUiTbl li{ overflow:hidden; }

#markJoblist			{ margin-top:10px; background:url(/img_cmn/idxCompanyExBtnBack.png) no-repeat left bottom; font-size:15px; }
#markJoblist h2			{ margin-bottom:0px; }
#markJoblist ul			{ padding-bottom:11px; }
#markJoblist li			{ margin-left:15px; padding-left:20px; background:url(/img_cmn/checkbox.png) no-repeat left center; 
							line-height:135%; }
#idxJoblistBtn span		{ position:relative; top:13px; left:131px; font-size:23px; color:black; font-family:arial;; }
#idxJoblistBtn a		{ float:left; height:51px; width:233px; background:url(/img_cmn/idxJoblistBtn.png) no-repeat; display:block; position:static; }
#idxJoblistBtn a:hover	{ background-position:0 -51px; text-decoration:none; }
#idxPrivateJobBtn span		{ position:relative; top:18px; left:167px; font-size:15px; color:maroon; }
#idxPrivateJobBtn strong	{ font-size:18px; font-family:arial; font-weight:bold; }
#idxPrivateJobBtn a			{ margin-left:233px; height:51px; width:233px; background:url(/img_cmn/idxPrivateJobBtn.png) no-repeat; display:block; position:static; }
#idxPrivateJobBtn a:hover	{ background-position:0 -51px; text-decoration:none; }

#infoSpecialTitle		{ height:41px; margin:0 !important; background:url(/original/imgs/infoSpecialTitle.png) no-repeat; text-indent:-9999px; }
#infoSpecial			{ height:133px; background:url(/original/imgs/infoSpecial.gif) no-repeat; clear:both; position:static; }
#infoSpecial p			{ width:255px; _width:300px; margin:0; padding:63px 0 0 57px; font-size:13px; line-height:120%; float:left; }
#infoSpecial h4			{ margin:0 7px 0 0; float:left; }
#infospecialLeft		{ width:383px; padding:10px 10px 2px; float:left; background:#ffedc8; }
#infospecialRight		{ width:383px; margin-left:423px; padding:10px 10px 2px; background:#ffedc8; }
#infospecialLeft a,
#infospecialRight a		{ margin-left:5px; font-size:15px; }
#infoSpecialBottom		{ height:7px; margin-bottom:20px; background:url(/img_cmn/infoSpecialBtm.png) no-repeat; }

#infoSpR				{ margin-left:435px; padding-top:20px; }
#topSpfrstLink a		{ height:44px; width:457px; margin-bottom:9px; display:block; background:url(/img_cmn/top/topSpfrstLink.gif) no-repeat; text-indent:-9999px; }
#topSpfrstLink a:hover	{ background-position:0 -45px; }
#topSpscndLink a		{ height:44px; width:457px; display:block; background:url(/img_cmn/top/topSpscndLink.gif) no-repeat; text-indent:-9999px; }
#topSpscndLink a:hover	{ background-position:0 -45px; }

#spJoboffer				{ }
#spJoboffer h3			{ margin:20px 0 20px 3px; padding-left:15px; 
							background:url(/original/imgs/arrowMarker.png) no-repeat 0 3px; }
#spJoboffer ul			{ width:850px; margin-left:18px; }
#spJoboffer li			{width:255px; margin-right:20px; float:left; font-size:14px; font-weight:bold; }
#spJoboffer li a		{ color:#0000ff; }