@charset "utf-8";
/* CSS Document */


/* index==========================

	1.for common style
	2.for header
	3.for navigation
	4.for contetns
	5.for sidebar
	6.for footer
	7.for others
	
*/


/* 1.for common style ==============================================*/
div#key{width:710px; margin:0 0 20px 0;}

div#key_client{background:url(../img/static/key_client_bg.gif) no-repeat; height:180px; position:relative; width:710px; margin:0 0 20px 0;}


div.Box_inner{margin:0 15px 30px 15px;}
p.Box_inner{margin:0 15px 5px 15px;}


div.G_Box_inner{border:1px solid #c7c7c7; padding:15px;}

div.G_Box_inner li{margin:0 0 15px 0;}

div.G_Box_inner li .no_li{margin:0;}


div.Y_Box_inner{border:1px solid #c7c7c7; margin:0 15px 30px 15px; padding:15px; background:#fffced;}


div.bg_tiG_Box_inner{background:url(../img/static/bg_policy.gif) left top no-repeat; height:44px;}
div.bg_G_Box_inner{border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; margin:0 15px 15px 15px; padding:15px 15px 0 15px;}



h3.title_result{
	display:block;
	margin-bottom: 15px;
	padding-left: 14px;
	line-height: 34px;
	color: #ffffff;
	font-weight: bold;
	background:url(../img/static/bg_title.gif) no-repeat #4fb5e9;
}


div.Box_inner_dot{margin:0 15px 15px 15px; background:url(../img/dot02.gif) repeat-x bottom left; padding:0 0 10px 0;}
div.Box_inner_dot_no{margin:0 15px 30px 15px; padding:0 0 10px 0;}


div.Box_inner_dot h4{margin:0 0 10px 0;}

div.Box_inner_list p,div.Box_inner_list li{margin:0 0 0 1.2em;}

div.Box_inner_list ol{margin:10px 0 0 0;}


div.Box_inner_company{margin:0 15px 30px 15px;}

div.Box_inner_company dl{border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
div.Box_inner_company dt{width:130px; background:#e8f0f9; padding:10px; float:left; border-bottom:1px solid #e4e4e4;}
div.Box_inner_company dd{padding:10px; border-bottom:1px solid #e4e4e4;}

div.Box_inner_Column{margin:0 15px 30px 15px; padding:0 0 30px 0; border-bottom:2px solid #51acdd;}







div.G_col{width:218px; float:left; margin:10px 13px 0 0; background:url(../img/static/bg_Support_b.gif) bottom left no-repeat; padding:0 0 5px 0; vertical-align:bottom;}
div.G_col_no{width:218px; float:left; margin:10px 0 0 0; background:url(../img/static/bg_Support_b.gif) bottom left no-repeat; padding:0 0 5px 0;}

div.G_col_inner{background:url(../img/static/bg_Support_m.gif) repeat-y; padding:10px; height: 106px;}

div.G_col_txt{width:195px; float:left; margin:0 13px 0 0; padding:10px;}
div.G_col_txt_no{width:195px; float:left; padding:10px;}


div.G_col2{background:url(../img/static/bg_client_b.gif) bottom left no-repeat; padding:0 0 5px 0; margin:0 0 20px 0;}
div.G_col2_inner{background:url(../img/static/bg_client_m.gif) repeat-y;}
div.G_col2_inner_t{background:url(../img/static/bg_client_t.gif) top left no-repeat; padding:15px 15px 10px 15px;}

.col_txt_client{width:310px; padding:10px; margin:5px 0 0 0;}
.col_txt_client2{padding:10px; margin:5px 0 0 20px;}


div.G_col_style{width:218px; float:left; margin:10px 13px 0 13px; padding:0 0 5px 0; background:url(../img/static/bg_Support_b.gif) bottom left no-repeat; _margin:10px 12px 0 11px;}
div.G_col_style_no{width:218px; float:left; margin:10px 0 0 0; padding:0 0 5px 0; background:url(../img/static/bg_Support_b.gif) bottom left no-repeat;}


div.G_col_style_inner_style1{background:url(../img/static/bg_Style1.gif) bottom left no-repeat; padding:10px;}
div.G_col_style_inner_style2{background:url(../img/static/bg_Style2.gif) bottom left no-repeat; padding:10px;}
div.G_col_style_inner_style3{background:url(../img/static/bg_Style3.gif) bottom left no-repeat; padding:10px;}


.mi_blue{font-weight:bold; color:#0481e1; border-left:5px solid #0481e1; padding:0 0 0 5px;}
.mi_red{font-weight:bold; color:#cc3366; border-left:5px solid #cc3366; padding:0 0 0 5px;}
.mi_green{font-weight:bold; color:#87bd11; border-left:5px solid #87bd11; padding:0 0 0 5px;}


div.bg_tiG_Box_inner_guide{background:url(../img/static/bg_guide.gif) left top no-repeat; height:44px; width:450px;}
div.bg_G_Box_inner_guide{border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; margin:0 0 15px 0; padding:15px; width:418px;}
div.G_Box_inner_guide{padding:15px 15px 15px 0; width:435px;}





p.key_client1{position:absolute; top:29px; left:33px;}
h2.key_client2{position:absolute; top:50px; left:33px;}
p.key_client3{position:absolute; top:99px; left:33px;}
p.key_client4{position:absolute; top:108px; left:451px;}


/* Q&A -------------------------------------------------------------------------------*/
p.f_blue3 {
	font-size: 115%;
	font-weight: bold;
	color: #0179D0;
}
.coordinator {
	border: 1px solid #D9D9D9;
	background: #FBFBFB;
	padding: 8px 5px;
}
.coordinator dl {
	padding: 0;
	margin: 0;
}
.coordinator dl dt {
	margin-right: 20px;
	float: left;
}
dl.qa {
	padding: 0 15px 40px 5px;
}
dl.qa dt {
	background: url(../img/static/img_faq_icon1.gif) no-repeat;
	font-weight: bold;
	color: #F5790A;
	padding: 2px 0 10px 35px;
	margin-top: 23px;
	font-size: 115%;
}
dl.qa dd {
	padding: 15px 3px 0 22px;
	color: #555555;
	background: url(../img/static/bg_faq_line.gif) repeat-x;
}
dl.qa dd a {
	padding-top: 7px;
	float: right;
	margin-left: 25px;
}
.parallel_btn {
	margin-bottom: 35px;
}
.parallel_btn li {
	float: left;
}
#key_faq {
	background: #FFF8F1 url(../img/static/key_faq_detail.jpg) no-repeat;
	height: 205px;
	width: 710px;
	position: relative;
	margin-bottom: 15px;
}
#key_faq h2 {
	position: absolute;
	left: 29px;
	top: 57px;
}
#key_faq p {
	position: absolute;
	left: 29px;
	top: 123px;
}
.answerTop {
	background: #FFF8F1 url(../img/static/bg_faq_t.gif) no-repeat;
	font-weight: bold;
	color: #F5790A;
	padding: 18px 0 2px 0;
	font-size: 115%;
}
.answerTop p {
	border-right: 2px solid #FCDEBF;
	border-left: 2px solid #FCDEBF;
	padding: 0 20px 0 48px;
}
.answerMdl {
	background: #F1F9FF url(../img/static/bg_faq_m.gif) no-repeat;
	font-weight: bold;
	color: #0179D0;
	padding: 40px 0 0;
	font-size: 115%;
}
.answerMdl p {
	border-right: 2px solid #C8EDFF;
	border-left: 2px solid #C8EDFF;
	padding: 0 20px 10px 48px;
}
.answerBlock {
	border-right: 2px solid #C8EDFF;
	border-left: 2px solid #C8EDFF;
	background: #F1F9FF;
}
.answerBlock p {
	line-height: 1.5;
}
.Box_inne_answer {
	background: #F1F9FF url(../img/static/bg_faq_line2.gif) repeat-x left top;
	margin: 0 13px;
	padding-top: 15px;
}
.Box_inne_answer p {
	padding: 0 0 0 12px;
	margin-bottom: 1.5em;
}
.Box_inne_answer .respondent {
	text-align: right;
}
.closingBox {
	background: url(../img/static/bg_faq_b.gif) no-repeat left bottom;
	padding: 0 15px 25px;
}
p.faqTop {
	text-align: center;
	padding-top: 25px;
}



/* サポート体制 -------------------------------------------------------------------------------*/
h3.title_result img.iconImage {
	/vertical-align: middle;
}
.jobSupport {
	padding-bottom: 25px;
}
.jobSupport dl {
	width: 418px;
	background: url(../img/static/line1.gif) repeat-x left top;
	padding: 5px 0;
	margin: 0 10px 0 0;
}
.jobSupport dl dt,
.jobSupport dl dd {
	float: left;
}
.jobSupport dl dd.txt_box {
	width: 240px;
	padding: 0 12px;
	line-height: 1.2;
	font-size: 95%;
}
.recruitBox {
	background: url(../img/static/bg_recruit_b.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding:0 0 10px 0;
}

.recruitBox .coordinatorBlock {
	
	background: url(../img/static/bg_recruit_t.gif) no-repeat left top;
	padding: 10px 10px 5px;
}
.recruitBox .coordinatorBlock_bg{
background: url(../img/static/bg_recruit.gif) repeat-y;
padding:0 0 5px 0;
}
.recruitBox .coordinatorBlock dl {
	display: block;
	float: left;
	width: 345px;
	margin: 0;
	
	padding-bottom: 10px;
	/padding-bottom: 0;
}
.recruitBox .coordinatorBlock dl dt {
	float: left;
	padding: 0 10px 0 3px;
}
.recruitBox .coordinatorBlock dl dd {
	padding: 5px 35px 0 0;
}
p.iconLink a {
	background: url(../img/arrow02.gif) no-repeat left center;
	padding-left: 17px;
}
.recruitBox .voiceBlock {
	background: url(../img/static/bg_recruit_t.gif) no-repeat left top;
	padding: 10px 10px 0;
	/padding: 10px 10px 0;
}
h3.title_job {
	display:block;
	margin-bottom: 15px;
	padding-left: 14px;
	line-height: 34px;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/bg_title9.gif) no-repeat #4fb5e9;
}


.supportLink {
	padding: 0;
	background: #F2F2F2;
}
.supportLink li {
	border-bottom: 1px solid #D4D4D4;
	border-top: 1px solid #FFFFFF;
	padding: 5px 7px;
	color: #20A1E2;
}
.supportLink li img {
	margin-right: 15px;
}
.supportLink li.positionTop {
	border-top: none;
	background: url(../img/static/bk_support_t.gif) no-repeat left top;
	padding-top: 7px;
}
.supportLink li.positionBtm {
	border-bottom: none;
	background: url(../img/static/bk_support_b.gif) no-repeat left bottom;
	padding-bottom: 7px;
}
.supportLink li a {
	color: #20A1E2;
}
.supportLink li a:hover {
	color: #FF6666;
}
#key_job {
	height: 196px;
	width: 710px;
	position: relative;
	margin-bottom: 15px;
}
#key_job h2 {
	position: absolute;
	left: 30px;
	top: 48px;
}
#key_job p {
	position: absolute;
	left: 29px;
	top: 114px;
}
.key_recruit {
	background: url(../img/static/key_recruit.jpg) no-repeat;
}
.key_staffing {
	background: url(../img/static/key_staffing.jpg) no-repeat;
}
.key_temptoperm {
	background: url(../img/static/key_temptoperm.jpg) no-repeat;
}
ol.flow {
	padding: 0 26px 0 5px;
}
ol.flow li {
	background: url(../img/static/bg_flow.gif) no-repeat right top;
	height: 50px;
	margin-bottom: 10px;
}
ol.flow li img {
	float: left;
}
ol.flow li strong {
	color: #319BD0;
	display: block;
	width: 152px;
	float: left;
	padding: 10px 0 0 15px;
}
ol.flow li span {
	padding: 10px 25px 0;
	display: block;
	float: left;
	width: 378px;
}
.key_recruit_flow {
	background: url(../img/static/key_recruit_flow.jpg) no-repeat;
}
ol.flow2 {
	padding: 0 26px 0 5px;
}
ol.flow2 li {
	background: url(../img/static/bg_flow2.gif) no-repeat right top;
	margin-bottom: 20px;
}
ol.flow2 li img {
	float: left;
}
ol.flow2 li strong {
	color: #319BD0;
	display: block;
	float: left;
	padding: 10px 0 0 15px;
}
ol.flow2 li strong span {
	color: #ED657F;
}
ol.flow2 li div {
	clear: left;
	margin-left: 84px;
}
ol.flow2 li div dl dt img {
	float: none;
}
ol.flow2 li div dl dd {
	background: url(../img/static/line2.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
ol.flow2 li div dl dd img {
	float: left;
	margin-right: 15px;
}
ol.flow2 li div dl dd span {
	color: #D10000;
	font-size: 86%;
}
ol.flow2 li .note {
	color: #D30027;
	background: #FFEFEF;
	border: 1px solid #FFD4D4;
	padding: 8px 15px;
	margin: 20px 0 0;
	font-size: 95%;
}
ol.flow2 li p img {
	margin-right: 15px;
}
ol.flow2 li div p.note {
	margin-left: 215px;
}
.staffing1 {
	background: #FBFBFB;
	padding: 15px;
	margin-bottom: 20px;
}
.pb15_ie{
	/padding-bottom:15px!important;
}
dl.chemist dt {
	font-size: 115%;
	font-weight: bolder;
	color: #0571C4;
	background: url(../img/static/line3.gif) repeat-x left bottom;
	padding: 0 0 12px;
	margin-bottom: 10px;
}
dl.chemist dd {
	margin-bottom: 15px;
}
p.recom {
	float: left;
	margin: 0 10px 20px 10px;
	/margin: 0 10px 10px 10px;
	display:inline;
}



/* 転職講座 -------------------------------------------------------------------------------*/
#key_resume {
	background: url(../img/static/key_resume.jpg) no-repeat;
	height: 210px;
	width: 710px;
	position: relative;
	margin-bottom: 15px;
}
#key_resume h2 {
	position: absolute;
	left: 30px;
	top: 63px;
}
#key_resume p {
	position: absolute;
	left: 501px;
	top: 133px;
}
dl.resume {
	float: left;
	width: 232px;
	margin: 0 0 20px 0;
}
dl.resume dd {
	margin-left: 14px;
	background: url(../img/static/bg_recom.gif) repeat;
	padding: 0 5px 5px;
}
dl.resume dd span {
	background: #FFFFFF;
	padding: 5px 8px;
	display: block;
}



/* 利用者の声 -------------------------------------------------------------------------------*/
.voiceTopBox {
	background: url(../img/static/bg_voice.gif) no-repeat;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	padding: 15px 30px 15px 15px;
}
.voiceCont {
	margin-bottom: 40px;
}
.voiceCont p {
	line-height: 1.6;
}
.voiceTopBox dl {
	padding-left: 200px;
}
.voiceTopBox dl dt {
	background: url(../img/static/line2.gif) repeat-x left bottom;
	font-weight: bold;
	color: #735437;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.voiceTopBox dl dt b {
	font-size: 130%;
}
.voiceTopBox dl dt span {
	padding-left: 20px;
	font-weight: normal;
	color: #3D3D3D;
}
h4.voiceTitle {
	background: url(../img/static/bg_faq_line.gif) repeat-x left bottom;
	padding: 25px 0 10px;
	margin-bottom: 25px;
	display: block;
}
.voiceCol_r {
	margin-left: 230px;
}
h3.voiceCmment {
	background: url(../img/static/h3_voice.jpg) no-repeat #4fb5e9;
	height: 25px;
	padding: 15px 0 0 55px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
.voiceCmmentBox {
	border-right: 1px solid #A0DCF9;
	border-left: 1px solid #A0DCF9;
	padding: 10px 10px 5px;
}
.voiceCmmentLine {
	vertical-align: top;
	height: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.voiceCmmentBox img {
	float: left;
	margin-right: 15px;
}
.voiceCmmentBox b {
	font-size: 115%;
	font-weight: bold;
	color: #555555;
	display: block;
	padding: 5px 0 10px;
}



/* 単発派遣 -------------------------------------------------------------------------------*/
#key_haken {
	background: url(../img/static/key_haken.jpg) no-repeat;
	height: 180px;
	width: 710px;
	position: relative;
	margin-bottom: 15px;
}
#key_haken h2 {
	position: absolute;
	left: 31px;
	top: 40px;
}
#key_haken p {
	position: absolute;
	left: 30px;
	top: 100px;
}


/* サイトマップ -------------------------------------------------------------------------------*/

.sitemap dt{
	float: left;
	font-weight: bold;
	width:220px;
}

.sitemap dd {
	margin:0 0 0 230px;
}

dl.sitemap{
	background: url(../img/dot01.gif) repeat-x bottom left;
	padding:0 0 15px 0;
	}
	
/* cafe -------------------------------------------------------------------------------*/
	
	
.cafe{background:#ecfbeb; border-left:1px solid #82c366; border-right:1px solid #82c366; border-bottom:1px solid #82c366; padding:15px; width:624px; margin-bottom:20px;}



/* google map -------------------------------------------------------------------------------*/

div#map ,
div#map2 ,
div#map3 ,
div#map4 {
	width:400px;
	height:300px;
	float:left;
}


/* コーディネーターコラム ------------------------------------------------------------------*/

div.title_Column{background:url(../img/static/bg_title_cordinator_Column.gif) no-repeat; height:43px; padding:0 27px 0 55px;}
div.title_Column p{margin:12px 0 0 0;}
p.title_Column_txt{color:#593c22; font-weight:bold; font-size:120%; padding:4px 0 0 0;}


dl.typeColumn dt.infoFirst,
dl.typeColumn dd.infoFirst{
background:#FFFFFF;
	padding:13px 0 7px 0;
}

dl.typeColumn dt {
	float: left;
	width: 6em;
	padding:7px 0;
	line-height: 1.2;
	background:url(../img/dot01.gif) repeat-x top left;
	}
dl.typeColumn dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0 6em;
	padding:7px 0;
	line-height: 1.2;
	background:url(../img/dot01.gif) repeat-x top left;
	}
	
div.bg_Column{border-bottom:1px solid #e5e5e5; background:url(../img/static/bg_Column_border.gif) top left repeat-y; margin:-8px 0 0 0;}

div#accordion{width:200px; margin-right:20px; float:left; padding:0 0 40px 0;}
div.accordion2{margin-top:15px;}
h4.accordion_toggle{font-weight:bold; color:#4788ca; font-size:120%; background:url(../img/arrow02.gif) center left no-repeat; padding-left:15px; width:185px; cursor:pointer;}


ul.accordion_content{width:200px; overflow:hidden;}



.day_column{padding:10px 0 0 0;}




div#column_txt{width:490px; background:url(../img/static/bg_cordinator_column.gif) top left no-repeat; float:left; margin:0 0 20px 0;}
div#column_txt_m{width:460px; background:url(../img/static/bg_cordinator_column_m.gif) repeat-y; padding:15px;}
div#column_txt_b{width:490px; background:url(../img/static/bg_cordinator_column_b.gif) no-repeat bottom left; padding-bottom:5px;}
div#column_txt h3{font-weight:bold; font-size:120%;}
div#column_title{width:460px; margin:10px 15px 0 15px; background:url(../img/static/dot.gif) repeat-x bottom left; padding:0 0 10px 0;}
div#column_title2{width:460px; margin:25px 15px 0 15px; background:url(../img/static/dot.gif) repeat-x bottom left; padding:0 0 10px 0;}




div#other_column{background:url(../img/static/bg_other_cordinator_b.gif) bottom no-repeat; width:200px; margin:20px 0 0 0; padding:0 0 15px 0;}
div.other_column_m{background:url(../img/static/bg_other_cordinator_m.gif) repeat-y;}
div.other_column_t{background:url(../img/static/bg_other_cordinator_t.gif) top no-repeat; padding:33px 0 0 0;}

ul.other_column_list{margin:11px 0 0 20px;}
ul.other_column_list li{width:130px; clear:both;}
ul.other_column_list img{float:left; padding:0 10px 3px 0;}
ul.other_column_list span{float:left; padding:7px 0 0 0;}


ul.other_column_list a:link{
    color:#593c22;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
ul.other_column_list a:visited{
    color:#593c22;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
ul.other_column_list a:hover{
    color:#593c22;
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
}
ul.other_column_list a:active{
    color:#593c22;
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
}


div.btn_cordinator_back{width:100%; float:left; margin:20px 0 0 0; text-align:center;}


.group:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.group{
	_height: 1px;
	min-height: 1px;
}


/* コーディネーターコラム一覧　*/


div#column_txt2{width:710px; background:url(../img/static/bg_cordinator_column_list.gif) top left no-repeat; padding:22px 0 0 0;}
div#column_txt2_m{width:680px; background:url(../img/static/bg_cordinator_column_list_m.gif) repeat-y; padding:0 15px;}
div#column_txt2_b{width:710px; background:url(../img/static/bg_cordinator_column_list_b.gif) no-repeat bottom left; padding-bottom:5px;}

span.info_list{
	display:block;
	background-position:0 4px;
	padding-left:10px;
	width:500px;
	padding: 15px 0 0 0;
	float:left;
}

.info_list_name{
width:60px;
float:right;
text-align:left;
margin:15px 0 0 10px;
vertical-align:top;
font-size:12px;
}

.info_list_img{
float:right;
padding: 6px 0 0 0;
}
dl.type07 dt {
	float: left;
	width: 4em;
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
	line-height: 1.2;
	background:url(../img/static/dot.gif) repeat-x top left;
	}
dl.type07 dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 5px 4em;
	line-height: 1.2;
	background:url(../img/static/dot.gif) repeat-x top left;
	}
	
dl.type07 dt.infoFirst,
dl.type07 dd.infoFirst{
	background:none;
}