@charset "UTF-8";

/* CDP 001 css 15/04/19 */

/* default set */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts(Yahoo UI) */
body {
	font: 13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
select,input,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

a {
	color: #000000;
	text-decoration: none;
}


/*---------- 本体 ----------*/
body{
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
#wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/header_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper:after {
  content : "";
  display : block;
  visibility: hidden;
  height : 0;
  clear : both;
}

#navi_top {
	width: 100%;
	clear: left;
	}
.top{
	margin-left: 10px;
	}
#navi_top ul {
	margin: 0px 0px 0px 500px;
}
#navi_top li {
	display: inline;
	padding: 0 0.3em;
	font-size: 92%;
	}
#navi_top a{
text-decoration: none;
}
h1{
display: block;
	float: left;
	margin-top: 0px;
	margin-left: 30px;
}
#head_all{
	width: 940px;
	height: 120px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}
#head_all_top{
	background-image: url(../images/indexheader.gif);
	background-repeat: no-repeat;
	background-position: 50% 10px;
	height: 120px;
	width: 940px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}


/*----------------グローバルナビ----------------*/
#glnavi {
	margin: 0;
  	padding: 0;
 	width: 960px;
}

#glnavi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 19px;
}
#glnavi li{
	float: left;
	width: 156px;
	margin: 5px 1px 0px 0;
	padding: 0px 0px 0px 0px;
}
#glnavi a{
	text-align: center;
	display:block;
	padding: 0;
	width: 100%;
}
img{
	vertical-align:bottom;
}
/* Firefox */
@-moz-document url-prefix()
{
Selector {
		margin-top: 0;
	}
}
/*------------*/
/*----main----*/
/*------------*/
#main{
	padding-left: 30px;
}
#main h2{
	text-align: center;
	font-size: 30px;
	line-height: 3.3em;
}
#main h3{
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 3em;
}


/*index*/
h4#area{
	font-size:40px;
	text-align: center;
	padding: 30px 0px;
	line-height: 1em;
}

#indextop_gazou{
	margin:0px 0px 2px 10px;
}
.index_jobsearch{
	width: 940px;
	height: 300px;
	background-color:#fff699;
	margin: 2px 10px;
}
.guide_jobsearch{
	width: 940px;
	height: 300px;
	background-color: #f6f6f6;
	margin: 0px 10px 0px 10px;
}

dl#search ul.area-li{
	width:940px;
	margin:10px 0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
dl#search ul.area-li li{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	margin:0px 10px;
	}
.submit{
	background-image:url(../images/jobsearch.gif);
	width: 248px;
	height: 48px;
	cursor:pointer;
}
.submitc{
	background-image:url(../images/send.gif);
	width: 337px;
	height: 61px;
	cursor:pointer;
}
.submitbutton{
	width: 248px;
	height: 48px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
.sendc{
	width: 337px;
	height: 61px;
	margin-left:auto;
	margin-right:auto;
}
#search .steparrow{
	text-align:center;
	width: 40px;
	margin: 20px 0px;
	margin-left: auto;
	margin-right: auto;
}
#searchbottom{
	margin-bottom:20px;
	text-align:center;
	padding:10px 0px;
}
.topqa{
	width: 940px;
	height: 1106px;
	background-color: #f6f6f6;
	margin: 2px 10px 0px 10px;
	padding-top:10px;
}
.topqa p{
	padding-left: 20PX;
	font-size: 15.4px;
	line-height: 2em;
}
.topqa img{
	vertical-align: middle;
	padding-bottom: 4px;
	margin-right: 12px;
}
.topqa p.toc9p{
	padding-left: 52px;
}
.topqa p.toc9q{
	font-weight: 500;
	font-size: 18px;
}
.topqa h3{
	font-size: 32px;
	margin: 20px 0px;
	line-height: 1.5em;
	text-align: center;
}
.topqa p.steps{
	margin: 70px 0px;
}

.newentry{
	width: 940px;
/*	height: 236px;*/
	margin: 2px 10px;
	padding: 40px 0;
}
.new{
	padding-top: 20px;
	/*text-decoration: underline;*/
}
.new a{
	text-decoration: underline;
	font-size: 16px;
}


/*submenu*/
#submenu01{
	margin-top: 10px;
	float: left;
}
#submenu02{
	margin-top: 10px;
	float: left;
}#submenu03{
	margin-top: 10px;
	float: left;
}#submenu04{
	margin-top: 10px;
	float: left;
}

/*guide*/
#guidetop{
	padding-left:10px;
}
#guidetopgazou{
	margin-left: 10px;}
#guide_ltop{
	float: left;
	padding: 5px 0px 5px 10px;
}
#guide_ctop{
	float: left;
	padding: 5px 5px 5px 5px;
}
#guide_rtop{
	float: left;
	padding: 5px 10px 5px 0px;
}
.guidel{
	float: left;
	padding: 0px 0px 5px 10px;
}
.guidec{
	float: left;
	padding: 0px 5px 5px 5px;
}
.guider{
	float: left;
	padding: 0px 10px 5px 0px;
}
#guide_lbtm{
	float: left;
	padding-left: 10px;
}
#guide_cbtm{
	float: left;
	padding: 0px 5px 0px 5px;
}
#guide_rbtm{
	float: left;
	padding: 0px 10px 0px 0px;
}

#.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#kyujin_search{
	width: 940px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
hr.headline{
	border-top: 2px dotted #c0c0c0;
	width: 940px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom:0;
}
hr.headline_top{
	border-top: 2px dotted #c0c0c0;
	width: 940px;
	text-align:center;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  hr.headline_top{
	border-top: 2px dotted #c0c0c0;
	width: 940px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom:0;}
}

/*--rules--*/
#rules{
	padding-top:15px;
}
#rules p{
	padding-left:40px;
}

/*--privacypolicy--*/
#pptop{
	padding-left: 30px;
	padding-bottom: 10px;
}
#pptop h2{
	text-align: center;
	font-size: 30px;
	line-height: 3.3em;
	padding-bottom: 10px;
}
#pptop p{
	text-align:center;
	font-size:14px;
}
#pp p{
	padding-left:30px;
}
/*--company--*/
.comapanytable{
	width: 725px;
	padding-left: 10px;
}
.comapanytdl{
	width: 135px;
	padding: 0px 0px 25px 0px;
	border-right: 1px solid #333333;
	vertical-align: top;
}
.comapanytdr{
	width: 540px;
	padding: 0px 0px 25px 10px;
}
.comapanytdr a{
	color: #00bbdd;
}

/*toclients*/
#toclients h3{
	font-size: 32px;
	border-left: 1px solid #000000;
	margin: 20px 16px 10px 16px;
	padding: 0px 0px 15px 20px;
	line-height: 1.5em;
}
#toclients01{
	width: 940px;
	height: 520px;
	margin: 1px 10px;
	padding: 0;
}
#toclients02{
	width: 940px;
	height: 460px;
	background-color: #f6f6f6;
	margin: 2px 10px;
	padding-top:10px;
}
#toclients03{
	width: 920px;
	height: 495px;
	text-align: center;
	border:10px solid #aadddd;
	margin: 2px 10px;
	padding: 0;
}
#toclients04{
	width: 940px;
	height: 680px;
	background-color: #f6f6f6;
	margin: 2px 10px;
	padding-top:10px;
}
#toclients05{
	width: 920px;
	height: 690px;
	text-align: center;
	border:10px solid #ffbbbb;
	margin: 2px 10px;
	padding: 0;
}
#toclients06{
	width: 940px;
	height: 445px;
	background-color: #f6f6f6;
	margin: 2px 10px;
	padding-top:10px;
}
#toclients07{
	width: 940px;
	height: 835px;
	background-color: #f6f6f6;
	margin: 2px 10px;
	padding-top:10px;
}
#toclients08{
	width: 940px;
	height: 1910px;
	background-color: #f6f6f6;
	margin: 2px 10px;
	padding-top:10px;
}
#toclients09{
	width: 940px;
	background-color: #f6f6f6;
	margin: 2px 10px 0px 10px;
	padding-top:10px;
}

.toc2table{
	width: 940px;
	padding-left: 10px;
}
.toc2tdl{
	width: 470px;
	padding: 30px;
	vertical-align: top;
}
.toc2tdl h4{
	font-weight: normal;
	font-size: 23px;
	color: #00cc99;
	line-height: 1.5em;
	margin-bottom: 6px;
}
.toc2tdl p{
	font-size: 14px;
}
.toc2tdr{
	width: 470px;
	padding: 30px;
	vertical-align: top;
}
.toc2tdr h4{
	font-weight: normal;
	font-size: 23px;
	color: #00cc99;
	line-height: 1.5em;
	margin-bottom: 6px;
}
.toc2tdr p{
	font-size: 14px;
}

.toc4table{
	width: 940px;
	padding-left: 10px;
}
.toc4td{
	width: 470px;
	font-size: 14px;
	padding: 16px;
	vertical-align: top;
}
.toc4td img{
	margin-bottom: 16px;
}
#toclients05 h4{
	font-size: 25px;
	margin: 20px 16px 0px 16px;
	padding: 0px;
	line-height: 1.5em;
}
.toc5table{
	width: 940px;
	height: 520px;
	padding-left: 10px;
}
.toc5td{
	width: 313px;
	padding: 16px;
	vertical-align: top;
}
.toc6table{
	width: 940px;
	padding-left: 10px;
}
.toc6tdl{
	width: 470px;
	padding: 20px;
	vertical-align: top;
}
.toc6tdl h4{
	font-size: 23px;
	color: #000000;
	line-height: 1.5em;
	margin-bottom: 6px;
}
.toc6tdl p{
	font-size: 13px;
}
.toc6tdr{
	width: 470px;
	padding: 20px;
	vertical-align: top;
}
.toc6tdr h4{
	font-size: 23px;
	color: #000000;
	line-height: 1.5em;
	margin-bottom: 6px;
}
.toc6tdr p{
	font-size: 13px;
}
.kyuujinmousikomi{
	width: 336px;
	margin-left: auto;
	margin-right: auto;
}
#toclients08 .kyuujinmousikomi{
	margin-top:40px;
}

#toclients06 .kyuujinmousikomi{
	margin-top:30px;
}
#toclients07 .kyuujinmousikomi{
	margin-top:30px;
}
p.steps{
	font-weight:bold;
	color:#444444;
	font-size:16px;
	padding-left:10px;
}
.stepsicon{
	text-align:	center;
	padding:15px 0px;
}
#step {
	padding:0 20px;
}

#step p{
	font-size:12.1px;
	line-height: 1.5em;
	padding: 70px 0px 0px 120px;
}

#step #step-1{
	background:url("../images/client_main08s1.gif") no-repeat;
	border:1px dashed #000000;
	height: 48px;
	margin: 15px 0px;
}
#step #step-2{
	background:url("../images/client_main08s2.gif") no-repeat;
	border:1px dashed #000000;
	height: 48px;
	margin: 15px 0px;
}
#step p#step-3{
	background:url("../images/client_main08s3.gif") no-repeat;
	border:1px dashed #000000;
	height:48px;
	margin: 15px 0px;
}
#step p#step-4{
	background:url("../images/client_main08s4.gif") no-repeat;
	border:1px dashed #000000;
	height:48px;
	margin: 15px 0px;
}
#step p#step-5{
	background:url("../images/client_main08s5.gif") no-repeat;
	border:1px dashed #000000;
	height:48px;
	margin: 15px 0px;
}
#step p#step-6{
	background:url("../images/client_main08s6.gif") no-repeat;
	border:1px dashed #000000;
	height:68px;
	margin: 15px 0px;
}
#step p#step-7{
	background:url("../images/client_main08s7.gif") no-repeat;
	border:1px dashed #000000;
	height:48px;
	margin: 15px 0px;
}
#step p#step-8{
	background:url("../images/client_main08s8.gif") no-repeat;
	border:1px dashed #000000;
	height:96px;
	margin: 15px 0px;
}
.steparrow{
	text-align:center;
	width: 40px;
	margin-left: auto;
	margin-right: auto;
}
#toclients08 h4{
	font-size:50px;
	text-align:center;
	letter-spacing: 0.2em;
}

#toclients09 p{
	padding-left: 20PX;
	font-size: 15.4px;
	line-height: 2em;
}
#toclients09 img{
	vertical-align: middle;
	padding-bottom: 4px;
	margin-right: 12px;
}
#toclients09 p.toc9p{
	padding-left: 52px;
}
#toclients09 p.toc9q{
	font-weight: 500;
	font-size: 18px;
}
/*contacts*/
.cnttxt{
	text-align: center;
	font-size: 16px;
}
.cursoldown,
.cursoldown2 {
	text-align: center;
	padding: 30px 0px;
	}
.cursoldown2{
	background-color: #f6f6f6;
	width:940px;
	margin-left: 10px;
}
.contacts{
	width: 940px;
	padding-left: 10px;
	margin-bottom: 50px;
}

.contacts th{
	width: 200px;
	padding: 0px 0px 20px 20px;
	border-right: 1px solid #333333;
	vertical-align: top;
}
.contacts td{
	width: 700px;
	padding: 0px 0px 20px 10px;
	vertical-align: top;
}
div.cnctlbt,
div.cnctrbt,
div.cncltb,
div.cncrtb{
	padding-top: 10px;
}
div.cnctlbt,
div.cncltb {
	padding-left: 30px;
	width: 80%;
}

div.cnctrbt,
div.cncrtb{
	padding-left: 20px;
	width: 100%;
}
div.cncltb,
div.cncrtb {
	border-top: 1px solid #333333;
}
strong{
	color: #FF0000;
}
td input#name,
td input#address,
td textarea#text {
border: 1px solid #cbcbcb;
font-size: 105%;
padding: 6px;
width: 50em;
}


/*----------*/
/*--footer--*/
/*----------*/
#footer{
	text-align: center;
	height: 140px;
}
#footer ul{
	padding-top: 80px;
}
.guidefooter{
	text-align: center;
	width: 940px;
	margin-left: 10px;
	background-color: #f6f6f6;
	height: 140px;
}
.guidefooter ul{
	padding-top: 80px;
}
#topfooter01{
	padding: 20px 0px 10px 0px;
	text-align: center;
	height: 50px;
	background-color: #f6f6f6;
	margin-left:10px;
}
#topfooter02 img{
	padding-top: 10px;
}


#topfooter01 ul{
	padding-top: 0px;
}
#topfooter02{
	text-align: center;
	height: 180px;
	background-color:#fff699;
	margin-left:10px;
	margin-top: 2px;
}
#topfooter02 ul{
	padding-top: 0px;
	background-color:#fff699;
}
#topft{
	margin:2px 0px;
}
#navi_ft{
	width: 100%;
	height: 30px;
	clear: left;
	text-align: center;
	margin-top: 80px;
	}
#navi_ft ul {
padding-top:10px;
}
#navi_ft li {
	display: inline;
	padding: 0 0.3em;
	font-size: 92%;
	}
#navi_ft a{
text-decoration: none;
}
#twitter img{
	padding-top:40px;
	text-align:left;
	margin-right: 860px;
}
.job-search   {
	background-color: #fff699;
	padding: 20px 0px;
	text-align: center;
}
.job-search .list-area li {
	display: inline-block;
	width: 17%;
	margin: 0 1% 20px;
}
.job-search .list-area li a {
	background-color: rgba(255,255,255,1.00);
	font-size: 16px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	border-radius: 4px;
	line-height: 70px;
	display: inline-block;
}