@charset "shift-jis";
@import "base.css";
@import "layout.css";

/* -----------------------------
		　トップコンテンツ
----------------------------- */

p.top_exp {
	text-align:left;
	padding:20px 10px 0 13px;
	line-height:180%;
}

.ann_caution {
	color:#0057A9;
	font-weight:bold;
}

#search {
	position:relative;
	width:640px;
	height:107px;
	float:left;
	margin:18px auto 10px 14px;
	_margin:18px auto 10px 7px;
	background:url(../img/top/bg_search.jpg) left center no-repeat;
}

#search ul {
	width:auto;
	position:absolute;
	top:53px;
	left:9px;
	display:inline;
}

#search ul li{
	float:left;
}



#news {
	position:relative;
	width:630px;
	float:left;
	margin:18px auto 18px 14px;
	_margin:18px auto 18px 7px;
	background:url(../img/top/ttl_new.gif) center top no-repeat;
	padding-top:50px;
}

#news img {
	position:absolute;
	top:5px;
	left:450px;
}

#news table {
	margin-left:14px;
	_margin-left:7px;
	border:0;
	float:left;
	width:608px;
	height:100%;
	font-size:12px;
	padding:0;
	background:url(../img/top/bg_newstable.gif) right bottom no-repeat;
}

#news table tr {
	background:url(../img/top/bg_tr.gif) center bottom repeat-x;
}

#news table td {
	padding:7px;
}

td.job_region {
	text-align:left;
	width:165px;
}

.job_region a {
	text-decoration: none;
}

.job_region a:visited {
	text-decoration: none;
}

td.job_type {
	text-align:center;
	width:68px;
}

td.job_cont {
	text-align:left;
}

.longbanner {
	width:630px;
	float:left;
	margin:20px auto 5px 14px;
	_margin:20px auto 5px 7px;
}



#topics {
	width:630px;
	float:left;
	margin:30px auto 18px 14px;
	_margin:30px auto 18px 7px;
	_padding-bottom:20px;
}

.topic {
	position:relative;
	width:298px;
	height:144px;
	margin:0 auto 33px auto;
	background:url(../img/top/bg_topic.jpg);
}

.topic .img {
	position:absolute;
	top:44px;
	left:14px;
}

.topic p {
	position:absolute;
	top:44px;
	left:84px;
	width:200px;
	text-align:left;
	font-size:12px;
}

.topic .bt {
	position:absolute;
	top:100px;
	left:174px;
}

/* -----------------------------
	　　メインビジュアル
----------------------------- */

#visual {
	float:left;
	margin:0 auto 0 auto;
	width:100%;
	background:#E0DFE3;
	height:273px;
	text-align:center;
}

#visualin {
	width:916px;
	height:273px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#EAE8E9;
}

#leftvis{	
	float:left;
	width:590px;
	height:273px;
	margin:0 0 0 8px;
	_margin:0 0 0 4px;
	background:url(../img/top/main_l.jpg) left top no-repeat;
}

#rightvis{
	position:relative;
	float:right;
	width:310px;
	height:273px;
	margin:0 8px 0 0;
	_margin:0 4px 0 0;
	background:url(../img/top/main_r.jpg) left top no-repeat;
}

#rightvis img{
	position:absolute;
	top:168px;
	left:25px;
}



#voice_zone{
	width:630px;
	float:left;
	margin:20px auto 5px 14px;
	_margin:20px auto 5px 7px;
	background:url(../img/top/foot_voices.jpg) center bottom no-repeat;
}

/*-- voice --*/

.jobstyle {
	float:right;
	width:460px;
	_width:475px;
	height:30px;
	background:url(../img/voice/bg_jobttl_top.jpg) right center no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#F18D00;
	padding-left:15px;
	line-height:190%;
}

.voice_unit {
	float:right;
	width:590px;
	margin-bottom:10px;
	margin-right:20px;
	_margin-right:10px;
	text-align:left;
	padding-bottom:10px;
}

.voice_unit_role {
	background:url(../img/voice/line590.gif) bottom no-repeat;
}

.voice_unit img {
	border:1px solid #CCCCCC;
	float:left;
}

.voice_unit p {
	float:right;
	width:470px;
	margin-top:8px;
}

.continue {
	float:right;
	width:470px;
	text-align:right;
	color:#0000FF;
}

.continue a {
	color:#0000FF;
}

.continue a:visited {
	color:#0000FF;
}