@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　サービス　CSS
 更新日:10/6/23
 
 [目次]
	0:service common
		0-1:em.checkico
		0-2:div.commentBox
	1:page original
		1-1:span.name
		1-2:div.flowBox
		1-3:div.threeColumn2
		1-4:div.analysisList
		1-5:ol.serviceFlow
		1-6:ul.companyList
		1-7:#chigaiTable
		1-8:div.analysis
		1-9:/service/nagare/report/
------------------------------------------------------------ */

/*------------------0:service common ---------------------*/



/* 0-1:em.checkico
------------------------------------------*/

.checkico{
padding-left:15px;
background:url(/common/imgs/ico_check.gif) no-repeat;
}

.checkico02{
background:url(/common/imgs/ico_check02.gif) no-repeat 0 2px;
padding-left:15px;
}

/* 0-2:div.commentBox
--------------------------------------*/

div.commentBoxL,
div.commentBoxR,
div.commentBoxMore,
div.commentBoxNoPhoto{
width:620px;
overflow:hidden;
margin:0 auto 13px auto;
}

div.commentBoxL div.photo,
div.commentBoxL div.photo,
div.commentBoxMore div.photo{
width:86px;
float:left;
margin:0 10px 0 0;
}

div.commentBoxL div.photo img,
div.commentBoxMore div.photo img{
margin:0 0 3px 0;
}

div.commentBoxR div.photo,
div.commentBoxMore img.pct{
float:right;
margin:0 0 0 10px;
}

div.commentBoxL div.textArea,
div.commentBoxR div.textArea{
width:520px;
}

div.commentBoxMore div.photo{
width:120px;
margin-right:0;
}

div.commentBoxMore div.textArea{
width:330px;
}


div.commentBoxNoPhoto div.textArea h4,
div.commentBoxL div.textArea h4,
div.commentBoxR div.textArea h4{
font-size:117%;
min-height:15px;
height:15px;
}

div.commentBoxL div.textArea{
float:right;
}

div.commentBoxR div.textArea,
div.commentBoxMore div.textArea{
float:left;
background:#ccc;
}

div.commentBoxNoPhoto em.emp,
div.commentBoxR em.emp,
div.commentBoxL em.emp{
color:#3293d4;
}


div.commentBoxL div.textArea{
background:url(/service/imgs/commentbox_bg_btm.gif) no-repeat bottom left;
}

div.commentBoxL div.textArea h4{
background:url(/service/imgs/commentbox_bg_top.gif) no-repeat top left;
padding:20px 10px 0 45px;
}

div.commentBoxMore div.textArea{
background:url(/service/imgs/commentbox330_bg_btm.gif) no-repeat bottom left;
}

div.commentBoxMore div.textArea p{
background:url(/service/imgs/commentbox330_bg_top.gif) no-repeat top left;
padding:15px 10px 10px 45px;
}

div.commentBoxR div.textArea{
background:url(/service/imgs/commentbox_r_bg_btm.gif) no-repeat bottom left;
}

div.commentBoxR div.textArea h4{
background:url(/service/imgs/commentbox_r_bg_top.gif) no-repeat top left;
padding:20px 45px 0 10px;
}

div.commentBoxL div.textArea p{
padding:0 10px 15px 45px;
}

div.commentBoxR div.textArea p{
padding:0 45px 15px 10px;
}


div.commentBoxL h4,
div.commentBoxR h4,
div.commentBoxNoPhoto h4{
margin:0 0 15px 0;
font-weight:bold;
color:#000000;
}

div.commentBoxL h4 span,
div.commentBoxR h4 span,
div.commentBoxNoPhoto h4 span{
font-weight:normal;
}


div.commentBoxNoPhoto{
background:url(/service/imgs/commentbox_nophoto_bg_btm.gif) no-repeat bottom;
padding:0 0 20px 0;
}

div.commentBoxNoPhoto div.textArea{
background:url(/service/imgs/commentbox_nophoto_bg_top.gif) no-repeat top;
padding:20px 15px 0 25px;
}


/* div.commentArea------------*/

.article div.imgBoxR div.commentArea{
width:460px;
}

div.commentArea p{
width:440px;
}

div.commentArea .commentBoxS{
background:url(/service/imgs/commentboxs_btm.gif) no-repeat bottom left;
padding:0 0 10px 0;
margin-bottom:10px;
overflow:hidden;
}

div.commentArea .commentBoxS .inner{
background:url(/service/imgs/commentboxs_top.gif) no-repeat top left;
padding:10px 0 0 0;
overflow:hidden;
zoom:1;
}

div.commentArea .commentBoxS .inner p{
float:left;
width:340px;
}

div.commentArea .commentBoxS img{
float:left;
padding:0 10px 0 10px;
}

/*------------------1:page original ---------------------*/


/* 1-1:span.name
※/service/adviser/で使用
------------------------------------------*/

span.name{
display:block;
}


/* 1-2:div.flowBox
※/service/adviser/template/entry_template.htmlで使用
------------------------------------------*/

div.case h5{
font-weight:bold;
margin:0 0 10px 0;
color:#000000;
font-size:117%;
}

div.case h5 span{
color:#595959;
}

div.case dt{
float:left;
}

div.case dd{
margin:2px 0 0 105px;
font-size:117%;
}

div.case div.flowBox{
overflow:hidden;
width:100%;
margin:0 0 10px 0;
}


div.case dl.after dd{
font-weight:bold;
}

div.case dl.before{
float:left;
width:300px;
}

div.case dl.after{
float:right;
width:300px;
background:url(/service/adviser/imgs/ico_flow_arrow.gif) no-repeat left center;
padding:0 0 0 30px;
}

div.case div.textBox{
clear:both;
}


/* 1-3:div.threeColumn2
※/service/merit/で使用
------------------------------------------*/

.threeColumn2{
overflow:hidden;
width:100%;
margin-bottom:10px;
}

.main .threeColumn2 .first,
.main .threeColumn2 .second,
.main .threeColumn2 .third{
float:left;
width:210px;
padding:0 10px 0 0;
overflow:hidden;
}
.main .threeColumn2 .first img,
.main .threeColumn2 .second img,
.main .threeColumn2 .third img{
float:left;
}

.main .threeColumn2 .first p,
.main .threeColumn2 .second p,
.main .threeColumn2 .third p{
float:right;
width:150px;
padding:5px 10px 0 0;
margin:0;
}

#contents .threeColumn2 p.ttl{
margin-bottom:0;
}


/* 1-4:div.analysisList
※/service/merit/で使用
------------------------------------------*/

.analysisList{
padding:20px 20px 10px 20px;
overflow:hidden;
zoom:1;
}

.analysisList p.notes{
clear:both;
text-align:right;
margin:0 !important;
}

.lastData{
text-align:right;
padding:0 50px 0 0;
}

.analysisList ul{
width:100%;
margin:0 0 5px 0;
}

.analysisList ul li{
width:200px;
float:left;
text-align:center;
}

.analysisList ul li img{
margin:0 0 12px 0;
vertical-align:bottom;
}

.analysisList ul li span{
}



/* 1-5:ol.serviceFlow
※/service/nagare/で使用
--------------------------------------*/

/* 画像が個別の時
ol.serviceFlow {
width:586px;
height:43px;
overflow:hidden;
margin:0 auto 20px auto;
}
ol.serviceFlow li{
float:left;
}
*/

div.serviceFlow{
margin-bottom:20px;
}



/* 1-6:ul.companyList
※/service/hikoukai/で使用
--------------------------------------*/

/*1-6-1:ul.companyListDetail----------*/

ul.companyListDetail{
width:565px;
overflow:hidden;
margin:0 auto 10px;
}

ul.companyListDetail li{
float:left;
width:49%;
overflow:hidden;
margin:0 0 10px 0;
}

ul.companyListDetail li img{
float:left;
margin:0 5px 0 0;
border:1px solid #e8e8e8;
vertical-align:bottom;
}

ul.companyListDetail li p{
float:left;
}

/*1-6-2:ul.companyList----------*/

ul.companyList{
width:565px;
overflow:hidden;
margin:0 auto 15px;
border-top:1px solid #e8e8e8;
border-left:1px solid #e8e8e8;
}

ul.companyList li{
float:left;
margin:0;
}

ul.companyList li img{
border-bottom:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
vertical-align:bottom;
}

/* 1-7:#chigaiTable
※/service/chigai/で使用
--------------------------------------*/

#chigaiTable{
border-top:none;
margin:0 0 15px 0;
}

#chigaiTable th,
#chigaiTable td{
padding:10px 5px;
border-bottom:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
}




#chigaiTable thead th{
border-bottom:1px solid #a7b4be;
border-right:none;
}

#chigaiTable thead th p{
margin:0;
}

#chigaiTable thead th p img{
vertical-align:middle;
}

#chigaiTable tbody th{
text-align:left;
background:#f9f9f8;
border-left:1px solid #a7b4be;
}

#chigaiTable td.endCell,
#chigaiTable th.endCell{
border-bottom:1px solid #a7b4be;
}

#chigaiTable td.rightCell,
#chigaiTable th.rightCell{
border-right:1px solid #a7b4be;
}

#chigaiTable tbody th{
font-weight:bold;
}

#chigaiTable tbody td{
vertical-align:top;
}


#chigaiTable tbody td img.imgL{
float:left;
margin:0 5px 0 0;
}

#chigaiTable tbody p{
margin:0 0 0 40px;
}

/* 1-8:div.analysis
※/service/data/で使用
--------------------------------------*/

div.analysis{
margin:0 0 15px 0;
}

div.analysis dt{
font-weight:bold;
background-image:url(/service/data/imgs/ico_zoom.gif);
background-repeat:no-repeat;
background-position:10px 5px;
padding:10px 10px 10px 38px;
}

div.analysis dd p{
margin:0 !important;
}

/* 1-9:div.article
※/service/nagare/attention/で使用
--------------------------------------*/
.article ul.space li{
line-height:1.4;
margin:0 0 5px 0;
}

/*
※/service/nagare/report/で使用
-----------------------------------*/

.article div.textBox div.imgBoxL,
.article div.textBox div.imgBoxR{
margin:0;
}


.article div.textBox div.imgBoxL div.textArea,
.article div.textBox div.imgBoxR div.textArea{
width:420px;
}

.flow{
background:url(/service/nagare/report/imgs/flow_arrow_s.gif) no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 10px 0 !important;
}

#contents div.section div.adviserTop div.twoColumn div.first,
#contents div.section div.adviserTop div.twoColumn div.second{
width:312px;
}

#contents div.section div.adviserTop div.twoColumn div.first img.imgR,
#contents div.section div.adviserTop div.twoColumn div.second img.imgR{
margin:0 0 0 5px;
}

.hikokai{
background:url(/service/imgs/img_hikoukai_01.gif) no-repeat top right;
}

table.caProfile{
border-collapse:collapse;
}

table.caProfile th{
font-weight:bold;
text-align:left;
width:50%;
vertical-align:top;
}

table.caProfile td{
vertical-align:top;
padding:0 10px 10px 0;
}

p.checkTitle{
background:url(/common/imgs/ico_check02.gif) no-repeat left center;
padding:0 0 0 18px;
font-weight:bold;
margin:0 0 5px 0 !important;
color:#000000;
}


/* 1-9:/service/nagare/report/
※/service/nagare/report/で使用
--------------------------------------*/
div.imgBoxL div.textAreaS .SerReport {
margin: 0 0 0 10px;
}
.talk {
font-weight: bold;
}