@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　フォーム　CSS
 更新日:08/11/25

 [目次]
	0:layout
	1:H Element
	2:div.stepFlow
	3:div.main
		3-1:div.textBox
		3-2:div.textBox02
		3-3:div.textBox03
		3-4:div.btnArea
		3-5:Text Element
		3-6:Table Element
		3-7:Error
		3-8:Complete
			1 entry
			2 mailmagazine
			3 contact
	4:div.sub
------------------------------------------------------------ */

/* 0:layout
--------------------------*/

div#contents{
width:950px;
margin:20px auto;
overflow:hidden;
}

html>/**/body #contents{
margin-bottom:20px;
}


div#contents p.topicPath{
margin-left:30px;
}

div#contents div.main{
width:670px;
display:inline;
float:left;
margin:0 0 0 30px;
}

div#contents div.sub{
width:195px;
display:inline;
float:right;
margin:0 30px 0 0;
}

/* 1:H Element
--------------------------*/

div#contents h2{
float:left;
width:460px;
padding:0 0 0 20px;
margin:0;
}

div#contents h2.nostepFlow{
float:none;
display:block;
width:950px;
border-bottom:3px solid #eeeeee;
margin:0 0 10px 0;
padding:0 0 13px 20px;
}

div#contents h2.normalFrame{
width:670px;
padding:0;
margin:0 0 10px 0;
}

/* 2:div.stepFlow
--------------------------*/


div#contents div.stepFlow{
border-bottom:3px solid #eeeeee;
padding:0 0 5px 526px;
margin:0 0 10px 0;

}

div#contents div.stepFlow ol{
width:391px;
border-right:1px solid #C0DCEA;
height:35px;
}

div#contents div.stepFlow li{
float:left;
}

div#contents div.stepFlow li img{
display:block;
}

div#contents div.stepFlow#mailmaga{
padding:0 0 5px 724px;
}

div#contents div.stepFlow#mailmaga ol{
width:198px;
}

div#contents div.stepFlow#step3{
padding:0 0 5px 379px;
}

div#popup div.stepFlow#step3 ol{
width:297px;
}



/* 3:div.main
--------------------------*/

/*3-1:div.textBox---------*/

div.textBox dl{
margin:0 0 5px 0;
}

div.textBox dt{
font-weight:bold;
display:inline;
line-height:1;
}

div.textBox dt img{
line-height:1;
vertical-align:middle;
margin:-1px 0 0 0;
}

div.textBox dd{
display:inline;
line-height:1;
}

/*3-2:div.textBox02---------*/

div.textBox02 *{
line-height:16px;
vertical-align:middle;
}

div.textBox02 dt{
font-weight:bold;
width:150px;
float:left;
margin:0;
}

#wrap .main .fontS{
font-size:87%;
overflow:hidden;
}

#wrap .main .fontS p{
padding:2px 0 0 0 !important;
}

#wrap .main .fontS dd p{
font-size:87%;
margin:0;
overflow:hidden;
zoom:1;
}

#wrap .main .fontS dd p span{
float:left;
width:250px;
margin-top:2px;
}

#wrap .main .fontS dd a{
float:right;
width:120px;
}

:root #wrap .main .fontS dd p{
font-size:100%;
}

div.textBox02 dt.check_agree{
width:250px;
}

div.textBox02 input{
vertical-align:middle;
margin:0 3px;
zoom:1;
}

div.textBox02 dd{
margin:2px 0 0 160px;
}

div.textBox02 p{
margin-bottom:0 !important;
}

/*3-4:div.btnArea---------*/

div.btnArea{
margin:0 0 50px 0;
}

div.btnArea li.back{
margin:0 10px 0 -90px;
position:relative;
top:-3px;
}

/*3-5:Text Element---------*/


p.freedial span{
font-weight:bold;
font-size:125%;
padding:0 20px 0 0;
}

p.freedial img{
vertical-align:middle;
margin:0 5px 0 0;
}

p.freedial{
color:#000000;
margin:10px 0;
}

.condition{
}

p.lead{
margin:0 0 10px 0;
}

div.textBox02 p{
margin:0;
}

a.popup{
padding:2px 5px 3px 17px;
}

/*3-6:Table Element---------*/

table.formTable01{
border-collapse:separate;
border-spacing:0;
border-top:2px solid #C3D0D8;
border-left:2px solid #C3D0D8;
border-right:2px solid #C3D0D8;
border-bottom:1px solid #C3D0D8;
width:670px;
margin:0 0 10px 0;
}

table.formTable01 span.lastName,
table.formTable01 span.firstName{
width:2em;
float:left;
}

table.formTable01 input.textName{
float:left;
margin:0 3px 0 0;
}



table.formTable01 td .emp{
font-weight:bold;
}

table.formTable01 caption{
padding:7px 5px;
text-align:left;
}

table.formTable01 caption img{
vertical-align:bottom;
}

table.formTable01 td img.addressImput{
vertical-align:middle;
}

table.formTable01 th{
padding:5px;
text-align:left;
border-right:1px solid #C3D0D8;
border-bottom:1px solid #C3D0D8;
background:#F9F9F8;
width:250px;
color:#000000;
}


table.confirmTable02 th.txt01{
width:80px;
}

table.confirmTable02 th.txt02{
width:110px;
}


table.confirmTable01 th.txt01,
table.formTable01 th.txt01{
width:100px;
}

table.confirmTable01 th.txt02,
table.formTable01 th.txt02{
width:140px;
}

table.formTable01 td .formL{
width:390px;
}

table.formTable01 textarea,
table.formTable01 select,
table.formTable01 input{
color:#595959;
font-size:100%;
}



table.formTable01 th img{
float:right;
}

table.formTable01 th img.inline{
vertical-align:middle;
float:none;
}

table.formTable01 td input{
margin:0 0 2px;
vertical-align:middle;
}

table.formTable01 td label{
margin-right:10px;
}

table.formTable01 td{
padding:5px;
border-bottom:1px solid #C3D0D8;
}

table.formTable01 option{
padding-right:1em;
}

table.confirmTable01{
border-collapse:separate;
border-spacing:0;
border-top:2px solid #C3D0D8;
border-left:2px solid #C3D0D8;
border-right:2px solid #C3D0D8;
border-bottom:1px solid #C3D0D8;
width:670px;
margin:0 0 10px 0;
}


table.confirmTable01 th{
padding:5px;
text-align:left;
border-right:1px solid #C3D0D8;
border-bottom:1px solid #C3D0D8;
background:#F9F9F8;
width:200px;
color:#000000;
font-weight:bold;
font-size:117%;
}

table.confirmTable01 td{
padding:5px;
border-bottom:1px solid #C3D0D8;
color:#000000;
font-weight:bold;
font-size:125%;
}

table.confirmTable02{
border-collapse:separate;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
width:670px;
margin:0 0 15px 0;
}

table.confirmTable02 th,
table.confirmTable02 td{
border-left:1px solid #e8e8e8;
border-top:1px solid #e8e8e8;
padding:5px;
text-align:left;
color:#000000;
vertical-align:top;
}

table.confirmTable02 th{
width:200px;
}

table.confirmTable02 caption{
padding:7px 5px;
text-align:left;
}

table.confirmTable02 caption img{
vertical-align:bottom;
}


/*3-7:Error------------*/

div.minutesSection p.error,
div.main p.error{
background:url(/common/imgs/ico_error.gif) no-repeat left top;
color:#ff0000;
font-weight:bold;
padding:0 0 0 25px;
margin:3px 0;
clear:both;
display:none;
}

div.errorArea{
border:3px solid #FFB3A9;
background:#FEF6E9;
padding:10px;
margin:0 30px 10px;
text-align:center;
}

div.errorArea h3{
color:#ff0000;
font-weight:bold;
display:inline;
background:url(/common/imgs/ico_error_l.gif) no-repeat left center;
padding:3px 0 3px 25px;
font-size:125%;
}

div.errorArea p{
margin:5px 0 0 0;
}

td.error{
background:#fef6e9;
}

td.error p.error{
display:block;
}

td.error input.error,
td.error textarea.error{
border:1px solid #f48a7c;
}

/*3-8-1:Complete - entry ---------*/
div.compContent_entry{
clear:both;
width:890px;
margin:30px auto 20px;
}

div.compContent_entry h3{
font-weight:bold;
font-size:136%;
color:#000000;
margin:0 0 30px 0;
}
div.compContent_entry dl{
	border:2px solid #C3D0D8;
	padding:5px 20px 0;
	margin: 0px 0px 20px;
}
div.compContent_entry dl dt{
margin:0 0 6px 0;
}
div.compContent_entry dl ol  {
	margin: 0px auto;
	width: 840px;
}
div.compContent_entry dl ol li{
	overflow:hidden;
	zoom:1;
	margin:0 15px 10px;
	width: 250px;
	float: left;
	display: inline;
}
div.compContent_entry dl ol li div.detailTxt{
	font-weight:bold;
}
div.compContent_entry dl ol li img {
	margin: 0px 0px 15px;
}
div.compContent_entry dl ol li p{
margin:0 0 10px 0;
color:#000000;
}

div.compContent_entry dl ol li p.notes{
color:#595959;
font-weight:normal;
margin:0;
}
div.compContent_entry dl ol li p.baseText{
color:#595959;
font-size:100% !important;
font-weight:normal;

}

div.compContent_entry dl ol li p.indent{
text-indent:-1em;
margin:0 0 0 1em;
}

/*3-8-2:Complete - mailmagazine ---------*/
.compContent_entry #mailmagazine_step {
	margin: 0px;
	border: 1px solid #C3D0D8;
	padding: 10px;
}
.compContent_entry #mailmagazine_step h4 {
	margin: 0px 0px 10px;
	font-weight: bold;
	color: #000;
}

/*3-8-3:Complete - contactBox ---------*/
div.contactBox{
border:1px solid #C3D0D8;
padding:10px;
margin:0 30px 30px;
}
div.contactBox dl{
	overflow:hidden;
	zoom:1;
}
div.contactBox dl dt{
float:left;
width:270px;
margin:12px 0 8px 0;
text-align:center;
display:block;
}
div.contactBox dl dd{
margin:0 0 0 280px;
}
div.contactBox dl dd p.freedial{
margin:0;
}
div.contactBox dl dd p.freedial span{
font-size:150%;
}
div.linkHome,p.linkHome{
margin:0 0 0 30px !important;
}
div.recnavi dl dt{
margin:10px 0 15px 0;
}
div.naviNextInfo{
width:890px;
margin:0 auto 20px auto;
border:#990000 1px solid;
}
div.naviNextInfo div.logo{
width:223px;
float:right;
margin:20px 20px 0 0;
text-align:right;
}
div.naviNextInfo div.contents{
margin:20px;
}

div.naviNextInfo .notes{
margin-bottom:15px;
}

div.naviNextInfo p{
margin:0 0 5px 0;
}


div.naviNextInfo div.btnArea {
margin:15px 0 0 0;
padding:50px 0 0 0;
background:url(/entry/imgs/finish_arrow.gif) no-repeat top center;
}

div.naviNextInfo div.btnArea ul li{
display:block;
margin-bottom:20px;
}

div.naviNextInfo div.btnArea ul li p{
margin:0 0 4px 0;
}

.connectionlink{
text-align:right;
}


div.rule2{
border:1px solid #E8E8E8;
height:200px;
overflow:auto;
padding:5px;
word-break:break-all;
}

div.agreeCheck{
margin:10px 0;
text-align:center;
}

div.agreeCheck img{
vertical-align:middle;
}


/* old ------------*/

div.compContent{
clear:both;
width:890px;
margin:30px auto 20px;
}
div.compContent h3{
font-weight:bold;
font-size:136%;
color:#000000;
margin:0 0 30px 0;
}
div.compContent dl{
border:2px solid #C3D0D8;
padding:5px 20px 0;
}
div.compContent dl dt{
margin:0 0 6px 0;
}
div.compContent dl ol li{
overflow:hidden;
zoom:1;
margin:0 0 10px 0;
}
div.compContent dl ol li img{
clear:left;
float:left;
}
div.compContent dl ol li div.detailTxt{
margin:0 0 0 270px;
font-weight:bold;
}
div.compContent dl ol li p{
margin:0 0 10px 0;
color:#000000;
}
div.compContent dl ol li p.notes{
color:#595959;
font-weight:normal;
margin:0;
}
div.compContent dl ol li p.baseText{
color:#595959;
font-size:100% !important;
font-weight:normal;
}


/* 4:div.sub
--------------------------*/

div.sub div.rule{
border:1px solid #E8E8E8;
height:290px;
overflow:auto;
padding:5px;
word-break:break-all;
}

div.sub div.rule_contact{
height:500px !important;
}

div.sub div.rule p.title{
font-weight:bold;
}

div.sub div.rule p,
div.sub div.rule li{
margin:0 0 10px 0;
}

div.sub div.rule ol{
list-style-type:decimal;
margin:0 0 0 25px;
}

div.sub div.rule ol ol{
list-style-type:decimal;
margin:0 0 0 25px;
}

div.sub div.rule ol.alpha{
list-style-type:lower-alpha;
}


div.compService {
clear:both;
width:890px;
overflow:hidden;
margin:30px auto 20px;
}

div.compService p{
margin:0 0 5px 0;
}

div.compService p.title{
font-size:125%;
font-weight:bold;
}

div.compService div.serviceBox{
border:1px solid #C3D0D8;
padding:10px;
}

div.compService h3{
margin:0 0 10px 0;
}

div.compService dl{
width:890px;
overflow:hidden;
margin:0 0 10px 0;
}

div.compService dl.end{
margin:0 0 0 0;
}

div.compService dl dt{
float:left;
}

div.compService dl dd{
float:left;
margin:0 0 0 10px;
}



div.mailaddressBox{
width:400px;
overflow:hidden;
padding:5px;
margin:0 auto 15px auto;
}

div.mailaddressBox img{
float:left;
}

div.mailaddressBox p{
float:left;
padding:13px 0 0 5px;
font-size:125%;
font-weight:bold;
}


div.compImg{
text-align:center;
margin:0 0 10px 0;
}


div.noticeBox{
background:#F2F2F2;
padding:4px;
margin-bottom:0;
}


p.lead02{
font-size:125%;
margin:0 0 10px 0;
}




div#popup div#contents h2{
width:100px;
float:left;
}

div#popup div.main{
width:470px;
margin:0 0 0 5px;
padding:0;
}

div#popup div#contents div.sub{
width:165px;
display:inline;
margin:0 5px 0 0;
}


div#popup div.compContent{
width:670px;
}

div#popup .compContent dl dd ol {
	margin: 0px auto;
	width: 90%;
}

div#popup div.compContent_entry{
width:670px;
}

div#popup .compContent_entry dl dd ol {
	margin: 0px auto;
	width: 90%;
}


div#popup table.confirmTable02,
div#popup table.confirmTable01,
div#popup table.formTable01{
width:480px;
}

div#popup table.confirmTable02 th.txt01,
div#popup table.confirmTable01 th.txt01,
div#popup table.formTable01 th.txt01{
width:100px;
}


div#popup table.confirmTable02 th.txt01,
div#popup table.confirmTable01 th.txt02,
div#popup table.formTable01 th.txt02{
width:140px;
}


div#popup div.contactBox02{
width:650px;
}


div#popup div.contactBox02 dl dt{
width:160px;
}

div#popup div.contactBox02 dl dd{
margin:0 0 0 170px;
}


div.contactBox02{
border:1px solid #C3D0D8;
padding:10px;
margin:0 10px 10px;
}

div.contactBox02 dl{
overflow:hidden;
zoom:1;
}

div.contactBox02 dl dt{
float:left;
width:200px;
margin:12px 0 8px 0;
text-align:center;
display:block;
}

div.contactBox02 dl dd{
margin:0 0 0 210px;
}

div.contactBox02 dl dd p.freedial{
margin:0;
}

div.contactBox02 dl dd p.freedial span{
font-size:150%;
}



/*--------------------
		contact_form
---------------------*/
div#popup .contact_form table.confirmTable01 th.txt01,
div#popup .contact_form table.formTable01 th.txt01{width:75px;}
div#popup .contact_form table.confirmTable01 th.txt02,
div#popup .contact_form table.formTable01 th.txt02{width:75px;}
div#popup .contact_form table.formTable01 th{width:170px;}
div#popup .contact_form table.formTable01 td{width:310px;}
div#popup .contact_form table.formTable01 td textarea.comment{width:305px;}
div#popup div#contents.contact_form{width:100%;}
div#popup div#contents.contact_form div.main{margin:0 0 0 20px;}
div#popup div#contents.contact_form div.sub{margin:0 20px 0 0;}


/* RSS系 */

.SeiSubmit{
width:200px;
}

div.ansBox{
padding:20px;
}


/*--------------------
		optgroup.sub_cate
---------------------*/
#contents .main table.formTable01 select optgroup{
font-style:normal;
}

#contents .main table.formTable01 optgroup.sub_cate option{
text-indent:1em;
}

#contents .main table.formTable01 option.cate_ttl{
font-weight:bold;
}

#contents .main table.formTable01 optgroup.cate_list{
text-indent:1em;
}

#contents .main table.formTable01 optgroup.cate_list option{
text-indent:2em;
}

/*text_box5*/
#contents .main p.last_txt{
margin-bottom:0;
}

.stepArrow{
margin:5px 0px 5px 70px;
display:block;
}

.kiyaku{
margin-top:3px;
clear:left;
text-align:center;
}