@charset "shift-JIS";
/*EC-Builder for 株式会社ファーンリッジ 様*/

/*////////////////////共通////////////////////*/

div#ecbuilder {
text-align:left;
.width:720px;
}

div#ecbuilder table,
div#ecbuilder th,
div#ecbuilder td{
border:none;
border-collapse:collapse;
padding:8px;
}

div#ecbuilder th{
width:140px;
text-align:left;
font-weight:bold;
vertical-align:top;
}

div#ecbuilder div#detail div#applicationGuideBlock th{
width:130px;
}

div#ecbuilder p.explanation {
font-size:10px;
margin:10px 0px 10px 10px;
}

div#ecbuilder p#titleCatch{
font-size:10px;
color:#ffffff;
background-color:#001d83;
padding:3px;
}

div#ecbuilder div#header {
background:url(../image/career_background.jpg) no-repeat right top;
border-bottom:3px solid #001d83;
margin-bottom:10px;
}

div#ecbuilder h1 {
padding:20px 0px 0px 10px;
}

div#ecbuilder h2 {
padding:20px 0px 0px 10px;
}

div#ecbuilder p#lead {
padding:10px 0px 10px 10px;
}

p#footer {
text-align:center;
border-top:1px solid #CCCCCC;
margin:0px 8px;
}

/*////////////////////求人一覧////////////////////*/

div#ecbuilder div#list div.item{
border:1px solid #CCCCCC;
margin:0px 10px 18px 10px;
}

div#ecbuilder div#list h3.itemTitle{
font-weight:bold;
font-size:14px;
padding:1px ;
border-bottom:1px solid #CCCCCC;
}

div#ecbuilder div#list h3.itemTitle a{
display:block;
padding:8px 8px 6px ;
background:url(../image/career_bg_itemTitle.gif) repeat-x left top;
}

div#ecbuilder div#list table{
width:675px;
}

div#ecbuilder div#list p.detailLink{
text-align:center;
margin:12px 0;
}

/*////////////////////求人詳細////////////////////*/

/*共通*/

div#ecbuilder div#detail div#outlineBlock,
div#ecbuilder div#detail div#applicationGuideBlock,
div#ecbuilder div#detail div#jobDetailBlock,
div#ecbuilder div#detail div#interview,
div#ecbuilder div#detail div#basicInfoBlock,
div#ecbuilder div#detail div#jobList{
margin-bottom:18px;
}

div#ecbuilder div#detail h4{
font-size:16px;
border-bottom:2px solid #cccccc;
padding-bottom:10px;
margin-bottom:10px;
margin-top:40px;
color:#004886;
}

div#ecbuilder div#detail div#jobDetailBlock h5 {
font-size:12px;
font-weight:bold;
margin-bottom:12px;
padding-top:10px;
border-top:1px solid #CCCCCC;
}

div#ecbuilder div#detail div#basicInfoBlock h5 {
background:url(../image/career_bg_dotted.gif) repeat-x left bottom;
padding:0px 0px 5px 0px;
margin-bottom:5px;
font-size:12px;
}

p.backLink {
margin-bottom:10px;
}

div#ecbuilder p.catch{
font-size:10px;
}

div#ecbuilder div#detail {
padding:0px 8px;
}

div#ecbuilder div#detail div#outlineBlock p {
padding:5px;
}

div#ecbuilder div#detail h3#jobTitle{
font-size:16px;
color:#004886;
font-weight:bold;
margin-bottom:15px;
padding:8px 0 8px 5px;
border-bottom:1px solid #52be44;
}

/*アウトライン*/
div#ecbuilder div#detail div#outlineImage{
float:right;
margin-left:8px;
}

div#ecbuilder div#detail p#outlineTitle{
font-size:14px;
font-weight:bold;
}

div#ecbuilder div#detail p.catch{
padding-bottom:1em;
}

/*スペシャルゾーン*/
body#search div#specialZone{
	padding:0 0 10px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}


/*for WinIE*/
/* recommendJobList*/
* html body div#specialZone{
height:1%;
}
/* */
/*スペシャルゾーンレイアウトA*/
div#specialZone div.A1{
margin-bottom:10px;
}
div#specialZone div.A2 div.pict{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
/*スペシャルゾーンレイアウトB*/
div#specialZone div.twoPictBox{
	float:right;
	width:460px;
}
div#specialZone div.twoPictBox div{
	width:225px;
	margin-left:5px;
	float:left;
}
* html div#specialZone div.twoPictBox div{
	margin-left:3px;
}
div#specialZone div.threePictBox{
	margin:10px 0;
}
div#specialZone div.threePictBox div.pict1{
width:225px;
float:left;
}

div#specialZone div.threePictBox div.pict1{
.width:240px;
}

div#specialZone div.threePictBox div.pict2{
	width:225px;
	margin:0 auto;
}
div#specialZone div.threePictBox div.pict3{
	width:225px;
	float:right;
}
div#specialZone div.pictBox{
	width:225px;
	margin-left:10px;
	float:right;
	clear:both;
}
div#specialZone div.pictBox div{
margin-bottom:10px;
}
div#specialZone div.clearBox{
	clear:both;
}
html>body div#specialZone div.clearBox{
overflow:hidden;
}
div#specialZone div.clearBox:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}/*NN7対応*/
/*for MacIE*/
/*\*//*/
div#specialZone div.clearBox{
	clear:none;
	float:left;
}
/**/
div#specialZone p.b2{
margin-right:240px;
}
div#jobPoint{
	border-top 1px solid #CCC;
/*	padding:0 0 10px;*/
	clear:both;
}
/*インタビュー*/
div#interview{
	border:1px solid #333;
	border-left:none;
	background:url(../image/career_interview.gif) no-repeat left top;
	background-color:#F2F2F5;
}
div#interview h3,
div#interview h4{
	display:none;
}

div#ecbuilder div#detail div#interview h5 {
border:none;
padding:0px !important;
}

div#interview div.fixedBox{
	padding-top:133px;
}
div#interview div.fixedBox p,
div#interview div.fixedBox dl{
	margin:0 5px;
}
div#interview div.fixedBox p,
div#interview div.fixedBox dt,
div#interview div.fixedBox dd{
	color:#FFF;
	background-color:#333333;
	font-size:10px;
}

div#interview dl#profile{
line-height:1.2;
}

div#interview dl#profile dt{
	float:left;
	clear:left;
}

div#interview div.innerContainer{
	padding:10px;
	padding-left:0;
}

div#interview div.innerContainer h5{
font-weight:normal;
color:#666666;
}

div#interview div.innerContainer dt{
	margin:10px 0;
	font-weight:bold;
}
/*
div#ecbuilder div#detail div#basicInfo table,
div#ecbuilder div#detail div#basicInfoBlock table{
	margin:10px 0;
}*/
/*その他の募集職種*/
div#ecbuilder div#detail div#jobList h2{
	border:none;
	background-color:transparent;
	background-image:url(../image/career_h3.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:5px;
	font-size:80%;
}
div#ecbuilder div#detail div#jobList li a{
background:none;
}

/*応募・選考*/

div#ecbuilder div#detail div#process {
width:340px;
float:left;
}

div#ecbuilder div#detail div#process h5 {
font-size:14px;
}

div#ecbuilder div#detail div#process p {
margin-bottom:30px;
}

div#ecbuilder div#detail div#contact {
width:300px;
float:right;
border:1px solid #CCCCCC;
padding:8px;
margin-top:20px;

}

div#ecbuilder div#detail div#contact dt{
float:left;
width:70px;
font-size:12px;
padding-bottom:15px;
margin-top:7px;
font-weight:bold;
}


div#ecbuilder div#detail div#contact h5 {
padding:0px 0px 10px 0px;
font-size:14px;
}

div#ecbuilder div#detail div#contact dd{
float:left;
width:200px;
padding-bottom:15px;
margin-top:7px;
}

div#ecbuilder div#detail p#inquiry{
margin-top:1em;
}

/*応募ボタン*/

p#entryButton {
clear:both;
width:500px;
margin:24px 0px 36px  100px !important;
padding:16px 0;
text-align:center;
color:#666666;
font-size:10px;
}

p#entryButton img{
margin-bottom:3px;
}

/*その他の募集職種*/

div#ecbuilder div#jobList {
border:2px solid #CCCCCC;
}

div#ecbuilder div#jobList h4{
border:none !important;
background:none !important;
padding: 8px 0px 8px 10px !important;
border-bottom:1px dotted #CCCCCC !important;
color:#6e6e6e;
margin-top:0px;
}

div#ecbuilder div#jobList li{
padding-left:10px;
margin-bottom:8px;
}


/*////////////////////////floatモジュール////////////////////////*/

/*****************360*****************/

div.box360Rfixed,
div.box360Lfixed{
clear:both;
overflow:hidden;
}

* html div.box360Rfixed,
* html div.box360Lfixed{
height:1%;
}/*IE6対応*/

div.box360Rfixed:before,
div.box360Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN7対応*/

div.box360Rfixed:after,
div.box360Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN対応*/

/*for MacIE*/
/*\*//*/
div.box360Rfixed,
div.box360Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box360Rfixed div.container{
margin-left:-370px;
float:left;
}

div.box360Lfixed div.container{
margin-right:-370px;
float:right;
}

div.box360Rfixed div.fixedBox{
float:right;
width:360px;
}

div.box360Lfixed div.fixedBox{
float:left;
width:360px;
}

div.box360Rfixed div.innerContainer{
margin-left:370px;
margin-right:0;
}

div.box360Lfixed div.innerContainer{
margin-right:370px;
}


* html div#contents div.box360Rfixed div.container{
position:relative;
left:370px;
}

/*****************320*****************/

div.box320Rfixed,
div.box320Lfixed{
clear:both;
overflow:hidden;
}

* html div.box320Rfixed,
* html div.box320Lfixed{
height:1%;
}

div.box320Rfixed:before,
div.box320Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

div.box320Rfixed:after,
div.box320Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

/*for MacIE*/
/*\*//*/
div.box320Rfixed,
div.box320Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box320Rfixed div.container{
margin-left:-330px;
float:left;
}

div.box320Lfixed div.container{
margin-right:-330px;
float:right;
}

div.box320Rfixed div.fixedBox{
float:right;
width:320px;
}

div.box320Lfixed div.fixedBox{
float:left;
width:320px;
}

div.box320Rfixed div.innerContainer{
margin-left:330px;
margin-right:0;
}

div.box320Lfixed div.innerContainer{
margin-right:330px;
}

* html div#contents div.box320Rfixed div.container{
position:relative;
left:330px;
}

/*****************240*****************/

div.box240Rfixed,
div.box240Lfixed{
clear:both;
overflow:hidden;
}

* html div.box240Rfixed,
* html div.box240Lfixed{
height:1%;
}

div.box240Rfixed:before,
div.box240Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

div.box240Rfixed:after,
div.box240Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

/*for MacIE*/
/*\*//*/
div.box240Rfixed,
div.box240Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box240Rfixed div.container{
margin-left:-250px;
float:left;
}

div.box240Lfixed div.container{
margin-right:-250px;
float:right;
}

div.box240Rfixed div.fixedBox{
float:right;
width:240px;
}

div.box240Lfixed div.fixedBox{
float:left;
width:240px;
}

div.box240Rfixed div.innerContainer{
margin-left:250px;
margin-right:0;
}

div.box240Lfixed div.innerContainer{
margin-right:250px;
}

* html div#contents div.box240Rfixed div.container{
position:relative;
left:250px;
}

/*****************225*****************/

div.box225Rfixed,
div.box225Lfixed{
clear:both;
overflow:hidden;
}

* html div.box225Rfixed,
* html div.box225Lfixed{
height:1%;
}

div.box225Rfixed:before,
div.box225Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

div.box225Rfixed:after,
div.box225Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

/*for MacIE*/
/*\*//*/
div.box225Rfixed,
div.box225Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
/*background:yellow;*/
}

div.box225Rfixed div.container{
margin-left:-235px;
float:left;
}

div.box225Lfixed div.container{
margin-right:-235px;
float:right;
}

div.box225Rfixed div.fixedBox{
float:right;
width:225px;
}

div.box225Lfixed div.fixedBox{
float:left;
width:225px;
}

div.box225Rfixed div.innerContainer{
margin-left:235px;
margin-right:0;
}

div.box225Lfixed div.innerContainer{
margin-right:235px;
}

* html div#contents div.box225Rfixed div.container{
position:relative;
left:235px;
}

/*****************200*****************/

div.box200Rfixed,
div.box200Lfixed{
clear:both;
overflow:hidden;
}

* html div.box200Rfixed,
* html div.box200Lfixed{
height:1%;
}

div.box200Rfixed:before,
div.box200Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}
div.box200Rfixed:after,
div.box200Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}

/*for MacIE*/
/*\*//*/
div.box200Rfixed,
div.box200Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box200Rfixed div.container{
margin-left:-210px;
float:left;
}

div.box200Lfixed div.container{
margin-right:-210px;
float:right;
}

div.box200Rfixed div.fixedBox{
float:right;
width:200px;
}

div.box200Lfixed div.fixedBox{
float:left;
width:200px;
}

div.box200Rfixed div.innerContainer{
margin-left:210px;
margin-right:0;
}

div.box200Lfixed div.innerContainer{
margin-right:210px;
}

/*WinIE6用入れ子対応*/
* html div#contents div.box200Rfixed div.container{
position:relative;
left:210px;
}

/*****************150*****************/

div.box150Rfixed,
div.box150Lfixed{
clear:both;
background:#F9F9F9;
overflow:hidden;
}

* html div.box150Rfixed,
* html div.box150Lfixed{
height:1%;
}/*IE6対応*/

div.box150Rfixed:before,
div.box150Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN7対応*/

div.box150Rfixed:after,
div.box150Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN対応*/

/*for MacIE*/
/*\*//*/
div.box150Rfixed,
div.box150Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box150Rfixed div.container{
margin-left:-160px;
float:left;
}

div.box150Lfixed div.container{
margin-right:-160px;
float:right;
}

div.box150Rfixed div.fixedBox{
float:right;
width:150px;
}

div.box150Lfixed div.fixedBox{
float:left;
width:150px;
}

div.box150Rfixed div.innerContainer{
margin-left:160px;
margin-right:0;
}

div.box150Lfixed div.innerContainer{
margin-right:160px;
}

/*WinIE6用入れ子対応*/
* html div#contents div.box150Rfixed div.container{
position:relative;
left:160px;
}

/*****************132*****************/

div.box132Rfixed,
div.box132Lfixed{
clear:both;
background:#F9F9F9;
overflow:hidden;
}

* html div.box132Rfixed,
* html div.box132Lfixed{
height:1%;
}/*IE6対応*/

div.box132Rfixed:before,
div.box132Lfixed:before{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN7対応*/

div.box132Rfixed:after,
div.box132Lfixed:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}/*NN対応*/

/*for MacIE*/
/*\*//*/
div.box132Rfixed,
div.box132Lfixed{
clear:none;
float:left;
}
/**/


div.container{
width:100%;
}

div.box132Rfixed div.container{
margin-left:-142px;
float:left;
}

div.box132Lfixed div.container{
margin-right:-142px;
float:right;
}

div.box132Rfixed div.fixedBox{
float:right;
width:132px;
}

div.box132Lfixed div.fixedBox{
float:left;
width:132px;
}

div.box132Rfixed div.innerContainer{
margin-left:142px;
margin-right:0;
}

div.box132Lfixed div.innerContainer{
margin-right:142px;
}

/*WinIE6用入れ子対応*/
* html div#contents div.box132Rfixed div.container{
position:relative;
left:142px;
}
/**********tabletest********/

div#applicationGuideBlock table {
    width: 690px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;

}

div#applicationGuideBlock table th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
text-align:left;
width:150px;
}

div#applicationGuideBlock table td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

div.item table tr {
border-bottom:1px dotted #cccccc !important;

}

/**********1304追加********/

body#career div#mainContents .clear{
	clear: both;
}

body#career div#mainContents .marginText{
	margin: 10px 0 10px 10px;
}

body#career div#mainContents #privacy {
}

body#career div#mainContents #privacy h2 {
    margin-bottom: 15px;
    padding: 8px 0 8px 5px;
    border-bottom: 1px solid #52BE44;
    color: #004886;
    font-size: 16px;
    font-weight: bold;
}







.career *{
font-size:14px;
line-height:1.5;
}

.career h2{
font-size:16px;
color:#004886;
font-weight:bold;
margin-bottom:15px;
padding:8px 0 8px 5px;
border-bottom:1px solid #52be44;
}

.career li{
margin-left:14px;
}

.career ul li{
list-style:disc outside;
}

.career ul.simple li{
margin-left:0;
list-style:none;
}

#mainContents .center{
text-align:center;
}

#mainContents .mb10{margin-bottom:10px;}
#mainContents .mb20{margin-bottom:20px;}
#mainContents .mb40{margin-bottom:40px;}

#mainContents .fsS{font-size:12px;}

.career .inner{
padding:10px;
}

.career .careerList{
position:relative;
}

.career .careerList dt{
clear:left;
float:left;
width:20%;
font-weight:bold;
}

.career .careerList dd{
width:80%;
margin-bottom:20px;
padding-left:20%;
padding-bottom:20px;
border-bottom:1px solid #dddddd;
}

.career .entryBtn{
display:inline-block;
}

.career .entryBtn:hover img{
	opacity:.8;
}



/*//////////////////clearfix//////////////////*/

.cf:after,
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cf,
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .cf,
* html .clearfix{height:1%;}

.cf,
.clearfix{display:block;}
/* End hide from IE-mac */

/*Safari*/
.cf,
.clearfix{overflow:hidden;#}