@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;
}