@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　はじめての転職　CSS
 更新日:08/12/11

 [目次]
------------------------------------------------------------ */

/* div.flowBtnArea
------------------------------------*/

#contents div.flowBtnArea{
background: url(/common/imgs/flow_arrow_blue.gif) no-repeat 50% top;
}

#contents div.flowBtnArea p.title{
font-size:125%;
font-weight:bold;
width:50%;
margin:0 auto 5px;
color:#000000;
}

#contents div.flowBtnArea p.lead{
width:50%;
margin:0 auto 10px;
text-align:center;
color:#000000;
}

/* div.contentsHead
------------------------------------*/

div.contentsHead{
background:url(/hajimete/imgs/h2_bg.jpg) no-repeat left top;
height:230px;
position:relative;
margin:0 0 15px 0;
}

div.contentsHead h2{
padding:12px 0 0 0;
}

div.contentsHead p.lead{
position:absolute;
top:110px;
left:620px;
}

div.contentsHead .btn{
position:absolute;
top:35px;
left:620px;
}

/* div#hajimete01
------------------------------------*/

div.section{
margin:0 0 20px 0;
}

div#hajimete01 .article{
background:url(/hajimete/imgs/hajimete01_bg.jpg) no-repeat top right;
padding:0 220px 0 0 ;
}

div#hajimete01 div.section{
background:url(/hajimete/imgs/hajimete01_section_bg.gif) no-repeat bottom left;
padding:0 0 7px 0;
margin:0 0 5px 0;
overflow:hidden;
zoom:1;
}

div#hajimete01 div.section h4{
float:left;
background:url(/hajimete/imgs/hajimete01_h4_bg.gif) no-repeat top left;
padding:7px 0 0 10px;
}

div#hajimete01 div.section p{
margin:0 0 0 249px;
padding:7px 15px 0 15px;
background:url(/hajimete/imgs/hajimete01_txt_bg.gif) no-repeat top right;
}

p.quoto{
text-align:right;
}


/* div#hajimete02
------------------------------------*/

div#hajimete02 .title01{
margin:0 0 5px 0;
}

div#hajimete02 div.serviceFlow{
background:url(/hajimete/imgs/hajimete02_box_top_bg.gif) no-repeat top left;
padding:12px 0 0 0;
}

div#hajimete02 div.serviceFlow p{
background:url(/hajimete/imgs/hajimete02_box_btm_bg.gif) no-repeat bottom left;
/* <p>に文章が入る場合 下記追加
　padding:12px 0 12px 10px;*/
}

div#hajimete02 dt{
font-weight:bold;
color:#00326E;
margin:0 0 10px 12px;
}

div#hajimete02 ol{
width:810px;
overflow:hidden;
margin:0 auto;
}

div#hajimete02 div.serviceFlow ol li p{
padding:0;
margin:5px 0 0 0;
background:none;
}

div#hajimete02 ol li{
width:250px;
float:left;
margin:0 30px 0 0;
}

div#hajimete02 ol li.end{
margin:0;
}

div#hajimete02 div.serviceFlow p{
clear:both;
}

/* div#hajimete03
------------------------------------*/

div#hajimete03 h4{
margin:0 0 18px 0;
}

div#hajimete03 dl{
margin:0 0 0 10px;
}

div#hajimete03 dd{
clear:left;
background:url(/hajimete/imgs/hajimete03_flow_bg.gif) no-repeat 400px center;
width:100%;
overflow:hidden;
z-index:10;
}

div#hajimete03 dd p{
width:400px;
margin:0;
float:left;
}


div#hajimete03 dd dl.merit{
width:430px;
float:right;
color:#000000;
}

div#hajimete03 dd dl.merit dt{
}

div#hajimete03 dd dl.merit dd{
background:none;
padding:15px 10px 10px 10px;
border:5px solid #eaeaea;
border-top:none;
}

div#hajimete03 dd dl.merit dd ul{
margin:20px 0 10px 0;
width:410px;
list-style-type:none;
}


/* div#hajimete04
------------------------------------*/


div#hajimete04 div.section{
background:url(/hajimete/imgs/hajimete04_bg.jpg) no-repeat bottom left;
padding:0 0 22px 0;
width:100%;
overflow:hidden;
}

div#hajimete04 h4{
background:url(/hajimete/imgs/hajimete04_q_bg.jpg) no-repeat left top;
padding:15px 21px 0px 18px;
width:393px;
float:left;
}

div#hajimete04 .aLine01 h4{
background:url(/hajimete/imgs/hajimete04_q_bg02.jpg) no-repeat left top;
}




div#hajimete04 h5{
background:url(/hajimete/imgs/hajimete04_a_bg.jpg) no-repeat right top;
padding:12px 0 10px 0;
}

div#hajimete04 p{
padding:0 10px;
}

div#hajimete04 h5,
div#hajimete04 p{
margin:0 0 0 432px;
}

div#hajimete04 div.flowBtnArea p{
margin:0 0 10px 0;
}

div#stepFlow div.stepHead{
width:100%;
overflow:hidden;
margin-bottom:5px;
}

div#stepFlow div.stepHead #flow{float:left;}
div#stepFlow div.stepHead #merit{float:right;}

div#stepFlow div.section{
width:100%;
overflow:hidden;
margin:0 5px 10px 5px;
background:url(/hajimete/imgs/step_bg_bottom.gif) no-repeat bottom left;
}

div#stepFlow div.section p.stepTitle{
float:left;
}

div#stepFlow div.section div.stepBox{
width:725px;
margin-left:10px;
float:left;
}

div#stepFlow div.section div.stepBox div.stepInner{
width:100%;
overflow:hidden;
margin-bottom:10px;
width:100%;
}

div#stepFlow div.section div.step{
float:left;
width:335px;
border:3px solid #e9e9e9;
padding:12px 10px;
}

div#stepFlow div.section div.step p{
margin:4px 0 4px 28px;
}

div#stepFlow div.section div.merit{
padding-top:8px;
width:362px;
float:right;
background:url(/hajimete/imgs/step_merit_bg.gif) no-repeat top left;
}

div#stepFlow div.section div.merit ul{
padding:0 13px 13px 0;
background:url(/hajimete/imgs/step_merit_bg_bottom.gif) no-repeat bottom left;
}

div#stepFlow div.section div.merit ul li{
margin:0 0 3px 25px;
}

/*
div#stepFlow div.section div.merit ul li a{
text-decoration:underline;
}
*/

div#stepFlow div.last{
margin-bottom:0 !important;
}

div#stepFlow #step04{
background:url(/hajimete/imgs/step_bg_bottom_end.gif) no-repeat bottom left;
}


/* 2013.03.13
----------------------------------------------------------*/
#blacksheet {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	padding:20px 0;
	width:100%;
	/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000)\9;
	background: rgba( 0, 0, 0, 0.7);
}

.content_wrap {
	position:relative;
	margin:0 auto;
	width:950px;
	content:"";
	text-align:center;
}

.content_wrap .btn_close {
	position:absolute;
	top:0;
	right:10px;
}

.content_wrap .link_next {
	position:absolute;
	top:43px;
	right:10px;
}

.content_wrap .link_next a {
	color:#fff;
	text-decoration:underline;
}
.content_wrap .link_next a:hover {
	text-decoration:none;
}