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

/* ==========================================================================

トップ

========================================================================== */

#topMain {
	width:900px;
	height:280px;
	overflow:hidden;
	margin:0 0 20px 0;
	background-repeat:no-repeat;
	position:relative;
}
#topMain p {
	position:absolute;
	top:201px;
	left:505px;
	width:120px;
	height:34px;
}
#topMain p a {
	display:block;
	width:120px;
	height:34px;
	background:#fff url(/img/top/catch_btn.jpg) left top no-repeat;
}
#topMain p a:hover {
	background:#fff url(/img/top/catch_btn_ov.jpg) left top no-repeat;
}
#topMain p a img {
	visibility:hidden;
}

#topMain dl {
	width:246px;
	height:250px;
	overflow:hidden;
	padding:0;
	margin:0 7px 0 0;
	display:inline;
	float:right;
	background-repeat:no-repeat;
}
#topMain dl dt {
	margin:7px 0 7px 0;
}
#topMain dl dd {
	text-align:center;
	margin:0 0 10px 0;
	width:246px;
	height:120px;
	overflow:hidden;
	background:transparent url(/img/common/login_bg.jpg) left top no-repeat;
}
#topMain dl dd table {
	margin:6px auto 0 auto;
}
#topMain dl dd table tr th {
	text-align:left;
	padding:2px 0 2px 0;
}
#topMain dl dd table tr th img {
	margin:0 5px 0 0;
}

#topMain dl dd table tr th input {
	margin:2px 0 2px 0;
}

#topMain dl dd table tr td {
	padding:2px 0 2px 0;
}
#topMain dl dd table tr td input {
	width:150px;
	padding:0;
}
#topMain dl dd ul li {
	line-height:140%;
}
#topMain dl dd ul li input {
	margin:0 5px;
}
#topMain dl dd ul li {
	font-size:11px;
	margin:0;
	padding:0;
}

#topMain ul#headerNews {
	clear:both;
	padding:0 10px;
	height:30px;
	line-height:30px;
	text-align:left;
	background:transparent url(/img/common/mainimg_bottom.gif) left top no-repeat;
}
#topMain ul#headerNews li {
	color:#FC9E03;
	height:30px;
	line-height:30px;
}
#topMain ul#headerNews li a {
	color:#FC9E03;
	text-decoration:none;
	padding:0 0 0 18px;
	background:transparent url(/img/common/icon_square.gif) left center no-repeat;
}
#topMain ul#headerNews li a:hover {
	text-decoration:underline;
}
#topMain dl dd#topMainLogin {
	text-align:center;
	margin:3px 0 4px 0;
	width:246px;
	height:236px;
	overflow:hidden;
	background:transparent url(/img/common/login_bg.jpg) left top no-repeat;
}
#topMain dl dd ol {
	padding:0 15px 10px 15px;
	margin:0;
	text-indent:0;
	list-style-type:none;
	text-align:left;
}
#topMain dl dd ol li{
	padding:3px 0 3px 15px;
	margin:0;
	text-indent:0;
	list-style-type:none;
	background:transparent url(/img/common/icon_arrow_twin.gif) left center no-repeat;
	border-bottom:1px dotted #ccc;
}


/*新着情報テロップ*/
#scrollNews {
	clear:both;
	padding:0 10px;
	height:30px;
	line-height:30px;
	text-align:left;
	background:transparent url(/img/common/mainimg_bottom.gif) left top no-repeat;
	width:900px;
	overflow:hidden;
	z-index:30;
}
#scroll {
	width:880px;
	overflow:hidden;
	z-index:20;
	position:relative;
	left:0px;
}
#scrollme{
	width:3600px;
	height:30px;
	line-height:30px;
	left:900px;
	z-index:10;
}
#scrollme li{
	display:block;
	width:900px;
	float:left;
	height:30px;
	position:relative;
	line-height:30px;
	z-index:1;
}

#scrollNews a {
	color:#FC9E03;
	text-decoration:none;
	padding:0 0 0 18px;
	background:transparent url(/img/common/icon_square.gif) left center no-repeat;
}
#scrollNews a:hover {
	text-decoration:underline;
}


/*　トップのメイン */

#top {
	width:670px;
	overflow:hidden;
	float:left;
	text-align:left;
}
#topSearch h2 {
	border:0 solid #ccc;
	padding:0;
}

#topSearch {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	width:670px;
	overflow:hidden;
	background:transparent url(/img/common/bg_search.gif) left top repeat-y;
	border-bottom:1px solid #e3e3e3;
}

#topSearch ul {
	width:660px;
	overflow:hidden;
	margin:10px 0 0 10px;
}
#topSearch ul li {
	padding:0 10px 10px 0;
	display:inline;
	float:left;
}
#topSearch ul li img {
	margin:0 0 5px 0;
}

li select#searchForm_world { width:170px; }
li select#searchForm_category { width:230px; }
li select#searchForm_job { width:230px; }
li select#searchForm_place { width:320px; }
li select#searchForm_income { width:320px; }

#topSearch dl {
	clear:both;
}
#topSearch dl dt {
	margin:0 0 0 10px;
	width:400px;
	display:inline;
	float:left;
}
#topSearch dl dt strong {
	font-size:80%;
	font-weight:100;
	color:#666;
}
#topSearch dl dt img {
	margin:0 10px 0 0;
	vertical-align: baseline;
}
#topSearch dl dt input {
	width:300px;
	border:1px solid #828790;
}
#topSearch dl dd {
	margin:0 10px 0 0;
	width:230px;
	display:inline;
	float:right;
}


/* サイトメンテナンス */
#topMaintenace { padding:12px 20px 12px 20px; margin:0 0 20px 0; border:1px solid #FFD7B3; background:#FFF5EC none left top no-repeat;}
#topMaintenace h3 { font-size:140%; color:#272727; margin:0 0 3px 0;}
#topMaintenace p { margin:0 0 10px 0;}
#topMaintenace p strong { color:#272727; font-size:120%;}
#topMaintenace ul {}
#topMaintenace ul li { font-size:85%; text-indent:-1em; padding:0 0 0 1em;}


/* 新着求人情報 */
#topCompany{
	width:680px;
	overflow:hidden;
	margin:0 0 0 0;
}
#topCompany h2 {
	clear:both;
	height:35px;
	line-height:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0 0 0 35px;
}
#topCompany h2 strong {
	display:block;
	width:160px;
	font-size:75%;
	padding:8px 0 0 0;
	font-weight:100;
	float:right;
	text-align:left;
}

#main #topCompany h3 {
	clear:both;
	height:35px;
	line-height:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0 0 0 35px;
}
#main #topCompany h3 strong {
	display:block;
	width:160px;
	font-size:75%;
	padding:8px 0 0 0;
	font-weight:100;
	float:right;
	text-align:left;
}


#topCompany dl {
	clear:none;
	margin:0 10px 10px 0;
	width:126px;
	height:122px;
	display:inline;
	float:left;
	background:transparent url(/img/top/list_bg.jpg) left top no-repeat;
	overflow:hidden;
}
#topCompany dl dt {
	margin:5px 0 2px 5px;
	width:114px;
	height:84px;
	line-height:84px;
/*	padding:5px 0 2px 5px; */
}
#topCompany dl dt a {
	display:block;
	width:114px;
	height:84px;
	line-height:84px;
	vertical-align:middle;
	overflow:hidden;
	text-align:center;
}
#topCompany dl dt img {
	width: 114px;
	vertical-align:middle;
}
#topCompany dl dt a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
#topCompany dl dd {
	width:100px;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	font-size:10px;
	height:15px;
	line-height:14px;
	overflow:hidden;
	white-space:nowrap;
}
#topCompany p {
	clear:both;
	margin:0 10px 20px 0;
	padding:0 2px 0 0;
	text-align:left;
	font-size:80%;
}


/* 業界から求人企業を探す */

#topWorld {
	width:680px;
	overflow:hidden;
	margin:0 0 20px 0;
}
#topWorld h2 {
	width:670px;
	height:35px;
	line-height:35px;
	text-indent:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0;
}
#topWorld ul li {
	margin:0 5px 0 5px;
	width:213px;
	float:left;
}
#topWorld ul li a {
	padding:0 0 0 20px;
	background:transparent url(/img/common/icon_square.gif) left center no-repeat;
}


/* 職種から転職・求人企業を探す */

#topJob {
	width:680px;
	overflow:hidden;
	margin:0 0 10px 0;
}
#topJob h2 {
	width:670px;
	height:35px;
	line-height:35px;
	text-indent:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0;
}
#topJob dl {
	margin:0 0 0 5px;
	width:330px;
	display:inline;
	float:left;
}
#topJob dl dt {
	font-size:110%;
	padding:0 0 0 20px;
	background:transparent url(/img/common/icon_square.gif) left center no-repeat;
	line-height:1.4em;
	height:1.4em;
	overflow:hidden;
}
#topJob dl dd {
	padding:0 0 0 20px;
	font-size:90%;
	line-height:1.4em;
	height:4em;
	overflow:hidden;
}

/* 特徴から転職・求人企業を探す */

#topAccent {
	width:680px;
	overflow:hidden;
	margin:0 0 20px 0;
}
#topAccent h2 {
	width:670px;
	height:35px;
	line-height:35px;
	text-indent:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_l.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0;
}
#topAccent ul li {
	margin:0 5px 0 5px;
	width:213px;
	float:left;
}
#topAccent ul li a {
	padding:0 0 0 20px;
	background:transparent url(/img/common/icon_square.gif) left center no-repeat;
}

/* 地図から転職・求人企業を探す */

#topMap {
	width:400px;
	float:left;
}
#topMap h2 {
	width:400px;
	height:35px;
	line-height:35px;
	text-indent:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_search_bg_m.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0;
}
#topMap ul {
	padding:5px 0;
	width:130px;
	overflow:hidden;
	border:1px solid #ccc;
	background:#fff none left top no-repeat;
	font-size:90%;
	position: absolute;
	opacity:0.9;
	filter: alpha(opacity=90);
}
#topMap ul li {
	margin:0 0 0 5px;
	width:60px;
	display:inline;
	float:left;
	line-height:140%;
}
#topMap ul li a {
	padding:0 0 0 12px;
	background:transparent url(/img/common/icon_arrow_twin.gif) left center no-repeat;
}

#area1{
	margin:-210px 0 0 140px;
	display:none;
}
#area2{
	margin:-135px 0 0 280px;
	display:none;
}
#area3{
	margin:-80px 0 0 260px;
	display:none;
}
#area4{
	margin:-30px 0 0 210px;
	display:none;
}
#area5{
	margin:-121px 0 0 140px;
	display:none;
}
#area6{
	margin:-80px 0 0 50px;
	display:none;
}
#area7{
	margin:-15px 0 0 20px;
	display:none;
}


/* 特集記事 */

#topPickup {
	width:250px;
	float:right;
}
#topPickup h2 {
	width:250px;
	height:35px;
	line-height:35px;
	text-indent:35px;
	font-size:120%;
	letter-spacing:2px;
	font-weight:100;
	margin:0 0 10px 0;
	background:transparent url(/img/top/h_pickup_bg.gif) left top no-repeat;
	border:0 solid #ccc;
	padding:0;
}
#topPickup ul li {
	margin:0 0 7px 0;
}








