@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: recruit.css
  Summary: recruit styles
  Created: 
  Last update: 2011.11.30
  Author:
  Base-Color:#39A727;
 
  Order of description
  	=01.Contact-form
		=01-0.Common
		=01-1.Contents

 
 
------------------------------------*/




/*	=01-0.Common
-----------------------------------------------------------------------*/
#Recruit-body{ margin-bottom:100px;}


#Recruit-body #ContentsArea h2{
	background: url(../../recruit/images/ttl_main.jpg) no-repeat left top;
}






/*	=01-1.Contents
-----------------------------------------------------------------------*/



/*	----------採用情報セカンド----------	*/

#Recruit-body #ContentsArea div{ margin-bottom:20px;}


#Recruit-body #ContentsArea div h4{
	padding:5px 5px 5px 10px; margin-bottom:10px;
	font-size:15px; font-weight:bold;
	color:#FFF;
	background: url(../images/sub_ttl_back.png) no-repeat left center;
}

#Recruit-body #ContentsArea div p{ font-size:15px; line-height:1.6; text-align:left; margin-bottom:5px;}



/*	----------新卒者用dl----------	*/

#Recruit-body #ContentsArea div dl{ text-align:left; width:700px; font-size:15px; overflow:hidden;}
#Recruit-body #ContentsArea div dl dt{width:120px; float:left;clear:both;}
#Recruit-body #ContentsArea div dl dd{width:580px; float:right;}

#Recruit-body #ContentsArea div dl dt,
#Recruit-body #ContentsArea div dl dd{ font-size:15px; line-height:1.7; padding-bottom:10px;}	


#Recruit-body #ContentsArea div dl dd table{
    border-collapse: separate;
    border-spacing: 0;
	margin-bottom:30px;
}

#Recruit-body #ContentsArea div table.shin{
	font-size:15px;
	line-height:1.6;
}


#Recruit-body #ContentsArea div dl dd table th,
#Recruit-body #ContentsArea div dl dd table td{
	vertical-align:top;
	padding:7px 0;
	background: url(../images/icon_dot02.gif) repeat-x left bottom;
}

#Recruit-body #ContentsArea div dl dd table th{	white-space:nowrap; padding-right:15px;}


#Recruit-body #ContentsArea #Contact{
	width:698px;
	padding-bottom:10px;
	border:1px solid #39A727;
	overflow:hidden;
}
#Recruit-body #ContentsArea #Contact h3{
    margin:30px 0 15px;
    padding: 0 0 15px 21px;
    color: #39A727;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
	border-bottom:1px #39a727 solid;
    background: url(../../../../common/images/icon_ttl.gif) no-repeat left top;
}

#Recruit-body #ContentsArea #Contact h4{
	padding-left:1em;
	height:24px; 
	line-height:24px;
	color:#FFF; 
	font-size:15px;
	background:#39A727;
}
#Recruit-body #ContentsArea #Contact h5{
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
#Recruit-body #ContentsArea #Contact h5:before{
    content: "■";
    color: #39A727;
}
#Recruit-body #ContentsArea #Contact div{
	width:314px;
	padding:0 10px; 
	margin:0;
	font-size:15px; 
	line-height:1.6;
}

/*	----------採用Q&A----------	*/

#Recruit-body #ContentsArea div.Recruit-QA{ width:700px;}

#Recruit-body #ContentsArea div.Recruit-QA dl.QA{ width:700px; overflow:hidden;}
#Recruit-body #ContentsArea div.Recruit-QA dl.QA dt,
#Recruit-body #ContentsArea div.Recruit-QA dl.QA dd{ float:left; font-size:15px; line-height:1.6;}

#Recruit-body #ContentsArea div.Recruit-QA dl.QA dt{ clear:both; width:30px;color:#39A727; font-weight:bold;}
#Recruit-body #ContentsArea div.Recruit-QA dl.QA dd{ width:650px;}