@charset "utf-8";


/*
CSS Information
=============================

	採用TOPページ用　/jobs/index.html

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



/*===========================
メインビジュアル表示領域（高さ）調整
=============================*/

/* Hides from IE-mac \*/
* html .mainVisual {
	height: 180px;
}

.mainVisual {
	display: block;
}
/* End hide from IE-mac */


.mainVisual {
	min-width: 961px;
	border: none;
	margin-right: 0;
	padding: 0;
	background: #FFFFFF url(../img/h1_img_bg_top.jpg) repeat-x bottom;
}

span.jobsTop-mainimg {
	display: block;
	background: url(../img/h1_img_bg.jpg) left top no-repeat;
	border: none;
	height: 180px;
}
span.jobsTop-mainimg-body {
	display: block;
	background: url(../img/h1_img_bg02.jpg) right top no-repeat;
	border: none;
	height: 180px;
}

span.jobsTop-mainimg img {
	margin: 0;
}



/*===========================
div#sub-contents-area	右カラム表示位置調整
=============================*/
.index #sub-contents-area {
	display: none;
}


/*===========================
トップページレイアウト
=============================*/
.index #contents-area {
	margin-right: 0;
	min-width: 961px;
}
.index #contents-main {
	float: left;
	width: 100%;
	margin-right: -241px;
}
.index #contents-main-body {
	margin-right: 241px;
}
.index .mainVisual {
	position: relative;
	border: none;
	margin-right: 0;
	padding: 0;
	background: #FFFFFF url(../img/h1_img_bg_top02.jpg) repeat-x bottom;
}
.index span.jobsTop-mainimg {
	display: block;
	background: url(../img/h1_img_bg_top01.jpg) left top no-repeat;
	border: none;
	height: 180px;
}
.index span.jobsTop-mainimg-body {
	display: block;
	background: url(../img/h1_img_bg_top03.jpg) right top no-repeat;
	border: none;
	height: 180px;
}
.index .mainVisual img#topImage01 {
	position: absolute;
	top: 0;
	left: 0;
}
.index .mainVisual img#topImage02 {
	position: absolute;
	top: 50px;
	left: 0;
}
.index .mainVisual img#topImage03 {
	position: absolute;
	top: 96px;
	left: 19px;
}

.index .mainVisual img#topImage04 {
	position: absolute;
	top: 96px;
	left: 173px;
}

.index .mainVisual img#topImage05 {
	position: absolute;
	top: 96px;
	left: 329px;
}

.index .mainVisual img#topImage06 {
	position: absolute;
	top: 132px;
	left: 26px;
}

.index #contents-area h2 {
	margin: 0;
	padding: 0;
	background-image: none;
}
.index .jobsBox {
	background-color: #f5f4f0;
	border: 1px solid #e6e5e1;
	border-top: none;
	padding: 8px 0 8px 8px;
}
.index #contents-area h2.dottypeH2 {
	height: 28px;
	background: url(../img/h2_bg.gif) no-repeat right top;
}
.index .jobsBox .messageBox01,
.index .jobsBox .messageBox02,
.index .jobsBox .messageBox03 {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
}
.index .jobsBox .messageBox02 {
	margin-left: 0.5%;
}
.index .jobsBox .messageBox03 {
	float: right;
}
.index #contents-area .jobsBox p.photo {
	float: left;
	width: 80px;
	padding: 0;
	margin: 0;
}
.index .jobsBox dl {
	padding-left: 87px;
	padding-right: 10px;
}
.index .jobsBox dt {
	padding: 0 0 6px;
	background: url(../img/bg_idx01.gif) repeat-x 0 100%;
}
.index .jobsBox dd {
	padding: 3px 0 0;
	font-size: 88%;
}
.index #contents-area .jobsBox .jobsLink {
	text-align: right;
	margin: 0;
	padding: 3px 10px 3px 0;
}
.index .jobsColumn02,
.index .jobsColumn03 {
	float: left;
	width: 50%;
	padding: 19px 0 0;
}
.index .jobsColumn03 {
	margin-right: -1px;
}
.index .jobsColumn02 .childBox {
	padding: 0 10px 0 0;
}
.index .jobsColumn03 .childBox {
	padding: 0 0 0 10px;
}
.index #contents-area .childBox p.photo {
	width: 50px;
}
.index .childBox ul {
	float: left;
	width: 100%;
	margin: 0 -50px 0 0;
	padding: 0;
}
.index #contents-area .childBox ul li {
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
}
.index #contents-area .childBox ul li a {
	padding: 0 0 0 20px;
	background: url(../../shared/img/icon_arrow03_right.gif) no-repeat 10px 0.3em;
	zoom: 1;
}
.index #voiceBox {
	position: relative;
	float: right;
	width: 221px;
}
.index #voiceBox p {
	margin: 0;
	padding: 8px 0;
	background-color: #f5f4f0;
	border: 1px solid #e6e5e1;
	text-align: center;
}
.index ul.pageTop {
	padding: 45px 0 0;
}

/* Clearfix */
.columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.columns {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .columns {
	height: 1%;
}
.columns {
	display: block;
}
/* End hide from IE-mac */