@charset "utf-8";

/* Top
----------------------------------------------------*/

/* メインイメージ */

.clearfix{
	position:relative;
}

#topArea {
	width:798px;
	height:200px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	border-bottom:solid 1px #C2C2C2;
}

#mainImage {
	background:url(images/main_img02.jpg) no-repeat left top; 
	width:574px;
	height:200px;
	float:left;
}

#mainImage h2 {
	margin:0 0 10px 17px;
	padding:17px 0 0;
	line-height:1.5;
	font-size:18px;
	font-weight:bold;
}

#mainImage h2 span.leadTxt1, #mainImage h2 span.leadTxt2 {
	color:#fff;
	padding:2px;
}

#mainImage h2 span.leadTxt1 {
	font-weight: bold;
	color: #000000;
}

#mainImage h2 span.leadTxt2 {
	background:#003366;
}

#mainImage p {
	font-size:12px;
	width:310px;
	margin:0 0 0 17px;
	line-height:1.4;
}

/* 24時間オンライン受付中 */

#online {
	width:224px;
	text-align:center;
	height:200px;
	background:url(images/top_online_bg.gif) no-repeat left top;
}

#online p {
	padding:12px 0 0 4px;
}

#online p.btn {
	margin:0 0 16px;
	padding:0 0 0 2px;
}

#online dl {
	padding:0 0 0 4px;
}

#online dt {
	margin: -2px 0 0 ;
}

/* お仕事検索 */

#search {
	width:550px;
	margin:0 0 5px;
	background:url(images/search_bg1.gif) repeat-y left top;
}

#searchBox {
	width:550px;
	background:url(images/search_bg2.gif) no-repeat left bottom;
	padding:0 0 10px;
}

#searchBtn {
	width:543px;
	margin:0 0 23px 5px;
}

#searchBtn li {
	float:left;
	margin:0 4px 0 0;
}

/* エリア・沿線別 求人特集 */




#area {
	width:538px;
	margin:0 0 27px 6px;
}

#area h3 {
	margin:0 0 9px;
	padding:0;
	border:none;
}

#area .bnr {
	width:538px;
}

#area .bnr li {
	float:left;
	width:175px;
	margin:0 6px 0 0;
}

#area .bnr li.last {
	margin:0;
}

#area p.btn{
	margin:-38px 8px 18px 0;
	text-align:right;
}

/* いちおし！注目企業求人特集 */

#interview {
	width:538px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#interview h3 {
	margin:0 0 8px;
	padding:0;
	border:none;
}

#interview div.cLeft {
	width:338px;
	float:left;
	background:url(images/interview_bg1.gif) repeat-y left top;
}

div.mainContents #interview div.cLeft h4{
	font-size:100%;
	line-height:1.0;
	border:none;
	margin:0;
}

#interview div.cLeft div {
	width:338px;
	background:url(images/interview_bg2.gif) no-repeat left bottom;
	float:left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0;
}

#interview .cLeft p.tit {
	margin:0 0 2px 10px;
	color:#F00064;
	font-size:80%;
	font-weight:bold;
	background-color: #CCCCCC;
}
p.inter_tit {
	color:#660000;
	font-size:100%;
	font-weight:bold;
	background-color: #EBEBEB;
	margin-left: 2px;
	width: 95%;
}
#interview .cLeft dt {
	float:left;
	width:80px;
	display:inline;
	margin:0 0 0 10px;
}

#interview .cLeft dd {
	width:120px;
	float:left;
	display:inline;
	font-size:70%;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
}

#interview .cLeft dd p.detail {
	margin:10px 0 0;
}

#interview ul.cRight {
	width:200px;
	float:left;
}

#interview ul li {
	margin:0 5px 7px 0;
}

/* トピックス */

#topic {
	width:538px;
	margin:15px 0 0 7px;
}

div.mainContents #topic h3 {
	margin:0 0 13px;
	border:none;
	padding:0;
}

#topic p.btn{
	margin:-42px 8px 15px 0;
	text-align:right;
}

#topic dl {
	clear:both;
	}

#topic dt {
	width:115px;
	background:url(images/topic_icon.gif) no-repeat 8.5em 0.5em;
	padding:0 0 0 4px;
	line-height:1.4;
	float:left;
}

#topic dt img {
	position:relative;
	left:24px;
	}

#topic dd {
	background:url(images/topic_bg.gif) repeat-x left bottom;
	padding:0 0 8px 10em;
	margin:0 0 8px;
	line-height:1.4;
}

#topic dd img {
	vertical-align:middle;
	margin:0 5px;
}

/* AJAXタブ */

#tab{
	border:solid 1px #CACACA;
	background:#fff;
	width:536px;
	margin:0 auto 10px;
	text-align:center;
	background:#fff url(images/tab_bg.gif) repeat-x left top;
}

#tab h3{
	padding:9px 0 10px 9px;
	text-align:left;
	font-size:12px;
	border:none;
	margin:0;
	background:none;
}

#tabBox{
	width:523px;
	margin:0 auto 10px;
	text-align:left;
	position:relative;
	z-index:10;
	top:-3px;
}

#tabBox a{
	color:#000;
}

#tabBox dt{
	padding:0 0 0 5px;
	margin:0;
	position:relative;
	z-index:1;
	display:inline;
}

#tabBox dd{
	margin:-1.9em 0 0;
	padding:6px 0 8px 4.5em;
	position:relative;
	height:1%;
}

#tabBox #east{
	border:solid 1px #EABBC5;
	background:url(images/tabbox_east_bg.gif) no-repeat left top;
	padding:8px 0 0;
}

#tabBox #chubu{
	background:url(images/tabbox_chubu_bg.gif) no-repeat left top;
	border:solid 1px #BBAEDB;
	padding:8px 0 0;
}

#tabBox #west{
	background:url(images/tabbox_west_bg.gif) no-repeat left top;
	border:solid 1px #C9D4E6;
	padding:8px 0 0;
}

#tabBox #saphok{
	background:url(images/tabbox_saphok_bg.gif) no-repeat left top;
	border:solid 1px #A1D49D;
	padding:8px 0 0;
}

#tabBox #fukkyu{
	background:url(images/tabbox_fukkyu_bg.gif) no-repeat left top;
	border:solid 1px #FFCD36;
	padding:8px 0 0;
}

#tabBox #west .odd{
	background:#FDFEFE;
}
#tabBox #west .even{
	background:#ECF2F7;
}

#tabBox #chubu .odd{
	background:#FCFBFD;
}

#tabBox #chubu .even{
	background:#ECEBF5;
}

#tabBox #east .odd{
	background:#FEFBFC;
}

#tabBox #east .even{
	background:#F8E9EC;
}

#tabBox #saphok .odd{
	background:#FBFDFB;
}
#tabBox #saphok .even{
	background:#E5F3E5;
}

#tabBox #fukkyu .odd{
	background:#FFFDF7;
}

#tabBox #fukkyu .even{
	background:#FFF7D9;
}


.shadetabs {
	margin:-31px 0 0 146px;
	position:relative;
	z-index:50;
}

.shadetabs li {
	margin: 0 5px 0 0;
	float:left;
}


.shadetabs li#eastBtn{
	width:100px;	
}

.shadetabs li#chubuBtn{
	width:45px;	
}

.shadetabs li#westBtn{
	width:57px;	
}

.shadetabs li#saphokBtn{
	width:87px;	
}

.shadetabs li#fukkyuBtn{
	width:74px;	
}

.shadetabs li a {
	padding:6px 0 15px 15px;
	text-align:left;
	margin:0;
	display:block;
}

.win.gecko.ff3 .shadetabs li a{
	padding:6px 0 17px 15px;	
}

.shadetabs li a.selected{
	padding:6px 0 13px 15px;
}

.shadetabs li#eastBtn a{
	background:url(images/east_btn_bg1.gif) no-repeat left top;		
}

.shadetabs li#chubuBtn a{
	background:url(images/chubu_btn_bg1.gif) no-repeat left top;	
}

.shadetabs li#westBtn a{
	background:url(images/west_btn_bg1.gif) no-repeat left top;	
}

.shadetabs li#saphokBtn a{
	background:url(images/saphok_btn_bg1.gif) no-repeat left top;	
}

.shadetabs li#fukkyuBtn a{
	background:url(images/fukkyu_btn_bg1.gif) no-repeat left top;		
}

.shadetabs li#eastBtn a.selected{
	background:url(images/east_btn_bg2.gif) no-repeat left top;
}

.shadetabs li#chubuBtn a.selected{
	background:url(images/chubu_btn_bg2.gif) no-repeat left top;
}

.shadetabs li#westBtn a.selected{
	background:url(images/west_btn_bg2.gif) no-repeat left top;
}


.shadetabs li#saphokBtn a.selected{
	background:url(images/saphok_btn_bg2.gif) no-repeat left top;

}

.shadetabs li#fukkyuBtn a.selected{
	background:url(images/fukkyu_btn_bg2.gif) no-repeat left top;
}
td.inter {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(images/interview_back.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	height: 133px;
	width: 189px;
}
div.com_logo {
	margin-top: 4px;
	padding-right: 0px;
	margin-bottom: 2px;
	padding-left: 0px;
}