@charset "utf-8";

/*
採用情報
1. TOPメッセージ
2. 募集職種一覧
3. 募集職種詳細
4. 職場情報
5. 職種紹介
6. 職種紹介詳細
7. 社員紹介詳細
*/



/*　1. TOPメッセージ　*/
#recruit{
width:600px;
}
#recruit .message p{
 width:400px;
 color:#303030;;
 font-size:19px;
 font-weight:bold;
 margin:10px 0px 10px 5px;
}
#recruit .msgleft{
 float:left;
}
#recruit .msgleft p{
 font-size:13px;
 font-weight:normal;
 width:350px;
}
#recruit .msgright{
 float:right;
 width:210px;
}
#recruit .msgright img{
 border:1px solid #999999;
}
#recruit .msgright p{
 width:auto;
 font-size:11px;
 font-weight:normal;
 line-height:normal;
 border-left:6px solid silver;
 padding: 0px 0px 0px 10px;
}
#recruit .msgright p.none{
 border:none;
 font-size:11px;
}
#recruit .msgkeireki{
 clear:both;
 width:550px;
 background-color:#FFFFCC;
}
#recruit .msgkeireki dd{
 margin-top:10px;
}

/*　2. 募集職種一覧　*/
#bosyulist ul{
 margin-top:10px;
 font-size:14px;
}
#bosyulist li{
 margin-top:10px;
 margin-left:10px;
}

/*　3. 募集職種詳細　*/
#bosyu h3{
 font-size:16px;
 font-weight:bold;
 margin:10px 0px 15px 0px;
}
#bosyu table{
 width:580px;
 border:2px solid #CACACA;
 border-collapse:collapse;
 font-size:13px;
 line-height:1.5em;
 letter-spacing:0.1em;
}
#bosyu th{
 width:150px;
 background-color:#EAEAEA;
 border-bottom:1px solid #CACACA;
 padding-left:8px;
}
#bosyu tr{
 border-bottom:1px solid #CACACA;
}
#bosyu td{
 border-bottom:1px solid #CACACA;
 border-left:1px solid #CACACA;
 padding:8px;
}

/*　4. 職場情報　*/
#syokuba h3{
 font-size:16px;
 font-weight:bold;
 margin:10px 0px 15px 8px;
}
#syokuba p.p01{
 width:580px;
 margin:0px 0px 10px 8px;
}
#syokuba img{
 border: solid 1px #CACACA;
 padding:5px;
}
#syokuba table{
 width:550px;
 margin-bottom:10px;
}
#syokuba tr{
  vertical-align:top;
}
#syokuba td{
  padding:5px;
} 
#syokuba td h4{
  font-size:15px;
}
#syokuba td p{
color:#557FAA;
}

/*　5. 職種紹介　*/
#shokusyuintoro .list{
 clear:both;
}
#shokusyuintoro .photo{
 float:left;
 width:170px;
}
#shokusyuintoro .photo img{
 border: solid 1px #CACACA;
 padding:5px;
 margin-top:20px;
}
#shokusyuintoro .intoro{
 float:right;
 width:400px;
 margin-right:25px;
}
*html #shokusyuintoro .intoro{
 margin-right:15px;
}
#shokusyuintoro .intoro h3{
	padding:4px 5px;
	border-color:#336699;
	border-width:0 0 2px 0;
	border-style:solid;
	background:#F2F2F2;
	margin-top:20px;
	margin-bottom:5px;
	font-size:14px;
}
#shokusyuintoro .intoro h4{
 font-size:15px;
 margin-bottom:5px;
}
#shokusyuintoro .link{
 font-weight:bold;
 text-align:right;
 margin-bottom:10px;
}

/*　6. 職種紹介詳細　*/
#shokushu h3{
 font-size:16px;
}
#shokushu h4{
 clear:both;
 padding:5px;
 background:#F2F2F2;
 height:15px;
 width:575px;
 border-color:#336699;
 border-width:0 0 0 5px;
 border-style:solid;
 font-size:13px;
 margin-bottom:10px;
}
#shokushu .syokushu_top{
 width:590px;
}
#shokushu .syokushu_top .top_left{
 margin-top:20px;
 float:left;
 width:360px;
}
#shokushu .syokushu_top .top_img{
 float:right;
 margin-bottom:20px;
}
#shokushu .syokushu_top .top_img img{
 border: solid 1px #CACACA;
 padding:5px;
 margin-top:20px;
}
#shokushu .syokushu_top .top_img p{
 width:210px;
}
#shokushu .report{
 margin-top:10px;
 margin-left:2px;
 margin-bottom:10px;
}
#shokushu p.p01{
 width:590px;
 margin-top:10px;
}
#shokushu .report_img table{
 width:590px;
}
#shokushu .report_img table tr td img{
 border: solid 1px #CACACA;
 padding:5px;
}
#shokushu .report_img table tr td p{
 font-size:11px;
 color:#557FAA;
 line-height:1.2em;
 padding:5px;
}
#shokushu .report_plan table{
 width:585px;
 border:solid 1px #CACACA;
 margin-left:2px;
}
#shokushu .report_plan .plan_title{
 background-color:#996600;
 font-weight:bold;
 text-align:center;
}
#shokushu .report_plan .plan_w{
 padding-left:5px;
}


/*　7. 社員紹介詳細　*/
#syain{
 width:590px;
}

#syain .toptitle .toptitle_left{
 float:left;
 width:350px;
}
#syain .toptitle .toptitle_left h3{
 font-size:16px;
 font-weight:bold;
}

#syain .toptitle .toptitle_right{
 float:right;
 width:215px;
 height:50px;
 border-color:#333333;
 border-width:0 0 0 5px;
 border-style:solid;
}

#syain .toptitle .toptitle_right .name{
 margin-left:5px;
}

#syain .topiview{
 clear:both
 width:580px;
}

#syain .topiview .topiview_left{
 float:left;
 width:340px;
}

#syain .topiview .topiview_right{
 float:right;
 width:200px;
 margin-right:20px;
}

*html #syain .topiview .topiview_right{
 margin:0px 5px 0px 0px;
}

#syain .topiview .topiview_right img{
 border: solid 1px #CACACA;
 padding:5px;
}

#syain .p_img img{
 margin-top:10px;
 margin-bottom:10px;
}

#syain .middleview{
 clear:both;
}

#syain .middleview_left{
 float:left;
 width:330px;
}

#syain .middleview_left h4{
 padding:5px;
 background:#F2F2F2;
 height:15px;
 width:330px;
 border-color:#336699;
 border-width:0 0 0 5px;
 border-style:solid;
 font-size:13px;
 margin-bottom:10px;
 margin-top:10px;
}

#syain .middleview_left h5{
 font-size:13px;
}

#syain .middleview_right{
 float:right;
 width:195px;
 margin-right:25px;
}

*html #syain .middleview_right{
  margin-right:5px;
}

#syain .middleview_right h4{
 padding:5px;
 background:#CBCBCB;
 height:15px;
 width:185px;
 border-color:#333366;
 border-width:0 10px 0 10px;
 border-style:solid;
 text-align: center;
 margin-top:10px;
}

#syain .schedule_cell{
 clear:both;
 width:215px;
 border-bottom:dashed 1px #333399;
}

#syain .schedule_time{
 float:left;
 width:25px;
 padding-left:5px;
}

#syain .schedule_cmt{
 float:right;
 width:140px;
 padding-left:10px;
 font-size:12px;
 text-align:justify;
 border-left: double 1px #333399;
}

#syain .schedule_cmt img{
 border: solid 1px #CACACA;
 padding:5px;
 margin-bottom:10px;
}

#syain .bottomview{
 clear:both;
}

#syain .bottomview h4{
 padding:5px;
 background:#F2F2F2;
 height:15px;
 width:560px;
 border-color:#336699;
 border-width:0 0 0 5px;
 border-style:solid;
 font-size:13px;
 margin-top:20px;
 margin-bottom:10px;
}

#syain .bottomview h5{
 font-size:16px;
}

#syain .weekly{
 clear:both;
 width:570px;
 border-top:dashed 1px #B0B0B0;
 margin-top:10px;
}

#syain .weekly_l{
 float:left;
 width:120px;
}

#syain .weekly_l img{
 border: solid 1px #CACACA;
 padding:5px;
 margin-left:10px;
 margin-top:10px;
}

#syain .weekly_r{
 float:right;
 margin-top:10px;
 width:440px;
}

#syain .weekly_r .weekly_r_p01{
 font-size:17px;
 font-weight:bold;
 border-bottom:dashed 1px #B0B0B0;
 padding-bottom:5px;
}

#syain .weekly_r .weekly_r_p01_s{
 color:#000033;
}

#syain .weekly_r .weekly_r_p02{
 font-size:10px;
 line-height:15px;
}

#syain .bottomcareer h4{
 padding:5px;
 background:#F2F2F2;
 height:15px;
 width:560px;
 border-color:#336699;
 border-width:0 0 0 5px;
 border-style:solid;
 font-size:13px;
 margin-top:20px;
 margin-bottom:10px;
}

#syain .bottomcareer h6{
 font-size:17px;
 font-weight:bold;
 border-bottom:dashed 1px #B0B0B0;
 padding-bottom:5px;
 width:560px;
 margin-bottom:10px;
}

#syain .career_plan{
margin-top:10px;
}
#syain .career_plan table{
 width:585px;
}
#syain .career_plan .career_title{
 background-color:#996600;
 font-weight:bold;
 text-align:center;
}
#syain .career_plan .career_img{
 padding:5px;
}
#syain .career_plan .career_w{
padding:5px;

}