@charset "utf-8";

/* ===================================================================
   ページ設定
=================================================================== */

#second h1 {
	background: transparent url(../images/recruit/bg_second_h1.jpg) no-repeat center;
}

div.column1 {
	margin-bottom: 20px;
}

div.column1 li {
	margin-bottom: 12px;
	clear: both;
}

div.column1 li div {
	padding: 0 8px 0 5px;
	float: left;
}


div.column1 li div img {
	width: 60px;
	height: 60px;
	border: 1px solid #707070;
}

div.column1 li dl {
	float: left;
	width:470px;
}

div.column1 li dt,
div.column1 li dd {
	font-size: 0.8em;
	line-height: 1.5em;
}


div.column2 {
	clear: both;
}

div.column2 div {
	width: 270px;
	padding-bottom: 20px;
	float: left;
}

div.column2 div.right {
	margin-left: 10px;
	float: right;
}

div.column2 div p.h2-link a {
	position: relative;
}

div.column2 dl {
	margin-top: -27px;
}

div.column2 dt {
	width: 145px;
	font-size: 0.8em;
	line-height: 1.25em;
	float: right;
}

div.column2 dd {
	width: 115px;
	height: 80px;
}

div.column2 dd img {
	width: 115px;
	height: 76px;
}

div.column2 li a {
	padding: 2px 0 2px 15px;
	font-size: 0.8em;
	line-height: 1.25em;
	display: block;
	background: transparent url(../images/recruit/icon_arrow06.gif) no-repeat 0 6px;
}

div.column2 li a:focus,
div.column2 li a:hover,
div.column2 li a:active {
	background: transparent url(../images/recruit/icon_arrow03.gif) no-repeat 0 6px;
}

div.mov { margin-bottom: 20px;}


div.mov div {
	padding: 0 8px 0 5px;
	float: left;
}


div.mov div img {
	width: 166px;
	height: 89px;

}

div.mov dl {
	float: left;
	width:370px;
}

div.mov dt{
	font-size: 0.8em;
	line-height: 1.5em;
}

div.mov dd {
	margin-top:25px;
}


/* ===================================================================
   ローカルナビゲーション
=================================================================== */

#local dt.localtop a {
	background: transparent url(../images/recruit/bg_local_top.gif) no-repeat;
}

#local dd dt.menu1 a {
	background: transparent url(../images/recruit/bg_potential.gif) no-repeat;
}

#local dd dt.menu2 a {
	background: transparent url(../images/recruit/bg_career.gif) no-repeat;
}

#local dd dt.menu3 a {
	background: transparent url(../images/recruit/bg_staff.gif) no-repeat;
}

#local dd dd li a {
	background: transparent url(../images/recruit/icon_arrow04.gif) no-repeat 8px 8px;
}

#local dd dd li a.select,
#local dd dd li a:focus,
#local dd dd li a:hover,
#local dd dd li a:active {
	background: #fff url(../images/recruit/icon_arrow03.gif) no-repeat 8px 8px;
}


/* ===================================================================
   採用トップボタン
=================================================================== */

div.buttonlist1 li {
	float: left;
}

div.buttonlist1 li p {
	margin-top: 3px;
	font-size: 0.7em;
	line-height: 1.25em;
	text-align: right;
}


div.buttonlist1 ul.number3 li {
	width: 182px;
	padding-bottom: 45px;
}

div.buttonlist1 ul.number3s li {
	width: 182px;
	padding-bottom: 15px;
}

div.buttonlist1 ul.number3 li img,
div.buttonlist1 ul.number3s li img {
	width: 176px;
	margin: 0 3px;
}

div.buttonlist1 ul.number3 li p,
div.buttonlist1 ul.number3s li p {
	padding: 0 3px;
}


/* ===================================================================
   新卒採用タイトル画像
=================================================================== */

.titleimg{
	position: relative;
	top: -12px;
	padding:0 0 12px 0; 
	margin:0;
}

/* ===================================================================
   エントリーフロー
=================================================================== */

div.flowlist1 li {
	float: left;
}

div.flowlist1 li p {
	margin-top: 3px;
	font-size: 0.7em;
	line-height: 1.25em;
	text-align: left;
	color:#373737;
}

div.flowlist1 ul.number1s li.comment {
	width: 151px;
	padding-bottom: 25px;
}

div.flowlist1 ul.number1s li img.flow {
	width: 149px;
	height: 95px;
	margin: 0 2px;
}

div.flowlist1 ul.number1s li img.arrow {
	width: 38px;
	height: 40px;
	margin: 0 2px;
	position:relative;
	top:25px;
}

div.flowlist1 ul.number1s li p {
	padding: 0 2px;
}


/* ===================================================================
   リスト
=================================================================== */

div.imglist2 {
	margin-bottom: 25px;
}

div.imglist2 ul li {
	width: 176px;
	margin: 7px 3px 0;
	background-color: #ddd;
	float: left;
	clear: none
}

div.imglist2 ul li p {
	padding: 3px 3px 5px;
	font-size: 0.7em;
	line-height: 1.25em;
}

div.imglist2 ul li img {
	width: 176px;
	height: 117px;
}


/* ===================================================================
   テーブル
=================================================================== */

div.training01 {
	width: 270px;
}

div.training01 table.table {
	width: 100%;
	margin: 15px 0;
}

div.training01 table.table th,
div.training01 table.table td {
	padding: 3px;
	border: 1px solid #888;
}

div.training01 table.table th {
	text-align: center;
	font-weight: bold;
	background-color: #eae0bc;
}

div.training01 table.table .no {
	width: 2em;
	text-align: center;
}


/* ===================================================================
   キャリア採用
=================================================================== */

div.column1 div div.step li {
	padding-left: 51px;
	background: transparent url(../images/recruit/bg_step.gif) no-repeat 5px 40%;
	float: left;
	clear: none;
}

div.column1 div div.step li p {
	padding-top: 3px;
}

div.column1 div div.step li.first {
	padding-left: 0;
}

div.column1 div div.define1 li.noicon,
div.column1 div div.defineno li.noicon {
	background-image: none;
}

p.contact {
	padding-left: 15px;
	line-height: 1.5em;
}