/* 採用情報TOP
////////////////////////////////*/

/* フラッシュエリア
--------------------------------*/
#flashArea {
overflow:hidden;
width:862px;
height:285px;
margin:0 0 22px;
}

/* h1画像
--------------------------------*/
#contents h1 {
margin:0 0 22px;
padding:0;
}


/* ブロック
--------------------------------*/
#contents .section {
overflow:hidden;/*widthと併用でfloat解除*/
width:862px;
margin:0 0 22px;
}

/* メインボタンリンク
--------------------------------*/
#contents ul.mainbtn{
	overflow:hidden;
	width:862px;
	height:113px;
	background:url(../img/bg_mainbtn.gif) left top no-repeat;
	padding:7px 0px 0px 0px;
}
#contents ul.mainbtn li{
	float:left;
	padding-left:7px;
}
#contents ul.mainbtn li img{
	display:block;
}
#contents ul.mainbtn li p{
	line-height:100%;
	margin:4px 0px 0px 0px;
	padding-left:3px;
}

/* 画像配置
--------------------------------*/
.wideL {/*幅広エリア→経験者採用情報*/
position:relative;
float:left;
width:568px;
margin:0 0 22px;
}

.thinR {/*幅狭エリア→オフィスツアー*/
float:right;
width:274px;
}

.column3 {/*横3分割エリア*/
overflow:hidden;
width:862px;
margin:0 0 22px;
}

.column3 li {
position:relative;
float:left;
width:294px;
}

.column3 li.last {/*最右列*/
float:left;
width:274px;
}

/* バナー
--------------------------------*/
#contents .column3 li.last div {
margin:0 0 16px;
}

#contents .column3 li.last div.end {
margin:0;
}

/* 「〜を知る」
--------------------------------*/
.know {
margin:20px 0 0 0;
background:url(../img/bg_know.jpg) no-repeat left bottom;
padding-bottom:10px;
}

.recruit_link {
margin:10px 0 0 0;
padding:0 0 0 1px;
}

.recruit_link li {
list-style:none;
width:272px;
}
.recruit_link li a{
float:none;
width:auto;
padding:0 0 0 16px;
display:block;
}
.recruit_link li a span{
background:url(../img/li_recruit.jpg) no-repeat left center;
display:block;
position:relative;
padding-left:16px;
}
.recruit_link li.li_company a span{
padding-left:16px;
background:url(../img/li_recruit_company.gif) no-repeat left center;
}
.recruit_link li a:hover{
background-color:#e7f3a3;
}

/* 募集状況
--------------------------------*/
#contents p.news {/*経験者採用情報*/
position:relative;
margin:-42px 0 0;
padding:0 0 0 30px;
height:25px;
line-height:25px;
color:#fff;
}

#contents .column3 li p.news {/*新卒・アルバイト採用情報*/
margin:-38px 0 0 0;
}


.career_on {/*経験者 募集中*/
background:url(../img/news_career_on.jpg) no-repeat top left;
}

.career_off {/*経験者 募集なし*/
background:url(../img/news_career_off.jpg) no-repeat top left;
}

.parttimer_on {/*アルバイト 募集中*/
background:url(../img/news_parttimer_on.jpg) no-repeat top left;
}

.parttimer_off {/*アルバイト 募集なし*/
background:url(../img/news_parttimer_off.jpg) no-repeat top left;
}

.graduate_on {/*新卒 募集中*/
background:url(../img/news_graduate_on.jpg) no-repeat top left;
}

.graduate_off {/*新卒 募集なし*/
background:url(../img/news_graduate_off.jpg) no-repeat top left;
}

/* 下部リンク（札幌求人・オフィスツアー）
--------------------------------*/
.bottomlink{
	overflow:hidden;
	width:862px;
	margin-top:20px;
}
.bottomlink a.link{
	width:421px;
	height:95px;
	display:block;
	text-decoration:none;
}
.bottomlink a.link:hover p{
	text-decoration:underline;
}

.bottomlink a.link .in{
	margin:16px 0 0 100px;
}

.bottomlink a.link img.title{
	text-decoration:none;
	display:block;
}
#contents .bottomlink a.link p{
	margin-top:10px;
	line-height:170%;
}

.bottomlink a.link_L{
	background-image:url(../img/bg_link_sapporo.jpg);
	float:left;
}

.bottomlink a.link_R{
	background-image:url(../img/bg_link_officetour.jpg);
	float:right;
}


/* お知らせ
--------------------------------*/
#contents .information{
	width:862px;
	margin:0px auto 15px auto;
	position:relative;
	padding:0 0 3px 0;
}
#contents .information p{
	padding:0px;
	margin:0px;
}
#contents .information h2{
	position:absolute;
	top:5px;
	left:7px;
}
#contents .information .in{
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;
	background-color:#F2F2F2;
}
#contents .information ul{
	width:670px;
	margin:0 0 0 195px;
	padding-top:7px;
}
#contents .information li{
	width:670px;
	padding-bottom:3px;
	background:URL(../../top/img/information_linedot.gif) left bottom repeat-x;
	margin:2px;
}
#contents .information li.cut{
	background:none;
	margin-bottom:0px;
}
#contents .information li .date{
	width:74px;
	line-height:20px;
	height:21px;
	color:#ffffff;
	text-align:center;
	background:url(../../top/img/information_date.gif);
	float:left;
}
#contents .information li .cate{
	width:79px;
	height:21px;
	color:#ffffff;
	line-height:20px;
	text-align:center;
	background:url(../../top/img/information_cate.gif);
	float:left;
}
#contents .information li .text{
	line-height:21px;
	padding:0px 10px;
	float:left;
}
#contents .information li .icon{
	display:block;
	float:left;
}