@charset "utf-8";



/*-------------------------------------------------------------------------
 sectionMainBox
-------------------------------------------------------------------------*/

.sectionMainBox{
width:660px;
min-height:200px;
background:url(../image/career/top_mainbox_bg.jpg) 0 0 no-repeat;
margin-bottom:20px;
}

* html .sectionMainBox{
height:200px;
}

.sectionMainBox p{
width:420px;
margin-bottom:17px;
}


/*-------------------------------------------------------------------------
 sectionContBox
-------------------------------------------------------------------------*/

.sectionContBox{
border:1px solid #86C2E0;
border-top:none;
}

.sectionContBoxInner{
padding:10px 15px 20px 15px;
border:4px solid #C4E0F0;
border-top:none;
}


/*-------------------------------------------------------------------------
 twoColumnCont
-------------------------------------------------------------------------*/

.twoColumnCont{
clear:both;
width:660px;
}

.twoColumnCont div{
margin:0;
}

.twoColumnCont .fLeft{
float:left;
}

.twoColumnCont .fRight{
float:right;
}

.twoColumnCont .w320{
width:318px;
border:1px solid #CCCCCC;
}

.twoColumnCont .w320sup03{
width:320px;
}

.twoColumnCont .w322{
width:322px;
}

.twoColumnCont .w221{
width:212px;
padding-left:9px;
}

.twoColumnCont .w437{
width:412px;
padding:0 15px 0 10px;
}


/*-------------------------------------------------------------------------
 threeColumnCont
-------------------------------------------------------------------------*/

.threeColumnCont{
clear:both;
width:660px;
}

.threeColumnCont div{
margin:0;
}

.threeColumnCont .fLeft{
float:left;
}

.threeColumnCont .fLeft.w210{
width:210px;
}


/*-------------------------------------------------------------------------
 contSectionWap
-------------------------------------------------------------------------*/
.contSectionWap{
padding:9px;
margin-bottom:10px;
border:1px solid #C6C6C6;
}

.SectionTitleWap {
padding:6px 8px 5px 8px;
background-color:#EBEBEB;
}

.contSectionWap .stepCont{
padding:10px;
border:1px solid #EBEBEB;
}

.stepArrow{
margin-bottom:10px;
text-align:center;
}


/*-------------------------------------------------------------------------
 contInterWap
-------------------------------------------------------------------------*/
.contInterWap{
padding:1px 0;
border:1px solid #CCCCCC;
}

.contInterWap .contInterInner{
padding:9px 0;
background:url(/common/image/career/inter_box_bg01.jpg) 0 0 repeat-y;
}

.contInterWap .twoColumnCont .w437 dl{
clear:both;
overflow:hidden;
margin-bottom:15px;
}

.contInterWap .twoColumnCont .w437 dl dt{
float:left;
width:33px;
height:26px;
}

.contInterWap .twoColumnCont .w437 dl dd{
float:left;
width:379px;
}



/*-------------------------------------------------------------------------
 careerColumnBox
-------------------------------------------------------------------------*/

.careerColumnBox{
clear:both;
margin-bottom:15px;
}

.catch{
font-weight:bold;
font-size:120%;
margin-bottom:10px;
}

.careerColumnBox .text{
float:left;
width:420px;
}

.careerColumnBox .photo{
float:right;
width:220px;
}


.careerColumnBox .photo2{
float:left;
width:220px;
}

.careerColumnBox .text2{
float:right;
width:420px;
}




/*オーダーメイド求人の流れ
-------------------------------------------------------------------------*/

.flow{
background-color:#fffdec;
border:#e10f15 solid 1px;
padding:10px 0;
}

.flow .ttl{
	padding:0 0 10px 10px;
}

.flow .txt1{
font-size:13px;
line-height:20px;
color:#666;
padding:0 10px;
}

.flow .link a{
background:transparent url(/common/image/side_arrow.gif) no-repeat 0px 3px;
padding-left:10px;
}

.flow .step{
	margin:0 0 0 1px;
}



/*キャリア・デザイン
-------------------------------------------------------------------------*/
.careerDesign{
	clear:both;
	border:#fa9223 solid 1px;
	padding-bottom:10px;
}

.careerDesign .designImage{
	float:left;
	width:260px;
	padding-left:10px;
}

.careerDesign .listtxt{
	padding-right:10px;
}

.careerDesign .listtxt p{
	margin-bottom:10px;
}

.careerDesign .listtxt ul{
	margin:0;
	padding:0;
	list-style:none;
}


.careerDesign .listtxt ul li{
	margin:0 0 5px 0;
}

.careerDesign .listtxt .icn{
	margin:0 5px 0 0;
	color:#F90;
	font-size:12px;
}


/*転職成功事例
-------------------------------------------------------------------------*/
.example{
padding-bottom:25px;
}

.example .title01{
background:url(/common/image/top/title_bg.gif) no-repeat;
padding:7px 0 20px 30px;
font-size:16px;
color:#666;
}

.example .txt{
font-size:12px;
color:#333;
line-height:18px;
}

.example .title02{
margin-bottom:10px;
}

.example .frame{
}

.example .frame01{
background:url(../image/top/example_frame01.gif) no-repeat;
width:330px;
height:240px;
float:left;
padding-top:13px;
}

.example .frame01 .txt{
padding-left:70px;
padding-right:15px;
}

.example .frame02{
background:url(../image/top/example_frame02.gif) no-repeat;
width:330px;
height:240px;
float:right;
padding-top:13px;
}

.example .frame02 .txt{
padding-left:85px;
padding-right:15px;
}

.example .frame03{
background:url(../image/top/example_frame03.gif) no-repeat;
width:330px;
height:257px;
float:left;
padding-top:13px;
}

.example .frame03 .txt{
padding-left:90px;
padding-right:15px;
}

.example .frame04{
background:url(../image/top/example_frame04.gif) no-repeat;
width:330px;
height:257px;
float:right;
padding-top:13px;
}

.example .frame04 .txt{
padding-left:80px;
padding-right:15px;
}


.entryBtn{
	text-align:center;
}


.tokuten02{
	background:url(../image/tokuten_02_bg.png) no-repeat left top;
	width:230px;
	height:80px;
}


.tokuten02 ul{
	list-style:none;
	margin:0;
	padding:0;
}


.tokuten02 ul li{
	float:left;
	margin:0;
	padding:0;
}


.tokuten02 ul li.magazine{
	padding:4px 0 0 10px;
}