@charset "shift_jis";

#page-title {
	width:100%;
	/*box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);*/ 
	background-color:#005ccf;
	border-bottom:3px solid #dfdfdf;
	color:#ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005ccf), color-stop(0.00, #4286dc));
}
#page-title h1 {
	width:950px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	font-weight:normal;
}
#cramb {
	margin-top:5px;
}
#cramb li {
	float:left;
	padding-right:5px;
}



#main h2 {
	text-shadow: 0 1px #ffffff;
	clear:both; font-size:160%;
	padding:20px 15px 15px;
	font-weight:bold;
	color:#333;
	border-top:1px solid #e5e5e5;
	border-bottom: 3px solid #005ccf;
	position:relative;
	line-height:114.3%;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.20);	
}

#main h3 {
	text-shadow: 0 1px #ffffff;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); 
	position: relative; 
	clear:both; 
	font-size:16px;
	margin:40px 0px 35px; 
	padding:10px 10px 7px; 
	background-color:#f4f4f4;border-left: 3px solid #005ccf;
}

#main h4 {
	padding-top: 8px;
	text-shadow: 0 1px #ffffff;
	padding-bottom: 5px;
	color:#005ccf;
	position: relative;
	clear:both;
	font-size:18px;
	margin:30px 0px 10px;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}







/*-------------- サービスのご案内 --------------------*/

.leftbox{
	float: left;
	width: 250px;
	margin: 20px 16px 20px 0;
	line-height: 1.2;
}

.leftbox a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);	
	
}

.rightbox{
	float: left;
	width: 400px;
	margin: 20px 10px 20px 0;
	line-height: 1.2;
}

.servicesubtitle,
.servicesubtitle a{
	font-size:x-large;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}



#main p {
	margin-top:30px;
	line-height: 2em;
	font-size:14px;
}




/*-------------- サービスのご案内、封入作業 --------------------*/


.mpdf {
	margin-bottom:10px;
}

.mpdf a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#main .letter {
	margin-top:0px;
}
#main .letter a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);	
	
}

.contact {
	margin:20px 0 0 0;
}
.contact a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);	
}

.box{
float: left;
width: 205px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}





/*-------------- 価格のご案内、通常ハガキ --------------------*/

#topFreeArea	{ display:block; overflow:hidden;padding-bottom:25px;}
#topFreeArea p	{ margin-top:0;}

#main table {
	border-top: 1px solid #ccc;
	margin: 10px -1px 24px 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	line-height: 2;
}


#main table tr th,
#main table thead tr th {
	padding: 9px 24px;
	background-color:#f5f5f5;
	white-space:nowrap;
}

#main table tr th {
	border: 1px solid #ccc;
	padding: 10px 15px;
	vertical-align:top;
}
#main table tr td {
	border: 1px solid #ccc;
	padding: 10px 15px;
	vertical-align:top;
}
#main table tr td p	{
	margin:0px 0px 5px;
	padding:0px;
}



/*-------------- 発送までの流れ --------------------*/


.flowchart {
	margin:0px 0 30px 0;
}




.returnleft{
	float: left;
	text-align: center;
	width: 150px;
}

.returnright{
	float: left;
	width: 500px;
}
#main .returnright p {
	margin-top:0;
}

.returnright li{
      list-style:disc;
	  padding:0px;
	  margin-left:18px;
	  line-height:2.5em;
	  font-size:14px;
}


.sen {
	margin: 40px 0 20px 0;
}


/*------コスト削減例--------*/


.flowchart a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);		
}


/*------お客様の声--------*/

#main blockquote p {
	margin-top:0px;


}
#main blockquote .title {
	margin-top:0px;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); 
	font-size:14px;
	color:#3E90FF;
	margin:0 0 10px -30px; 
	padding:5px 10px 2px; 
	background-color:#f4f4f4;
}
#main blockquote .name {
	color:#333333;
	font-size:16px;
	border-bottom:1px solid #C3C3C3;
	margin:0 0 10px -25px;
}


blockquote {
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin:0 0 40px 0;
  position: relative;
  

  
  /*Borders - (Optional)*/
  border-left: 15px solid #005ccf;
  border-right: 2px solid #005ccf;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}



/*------よくある質問--------*/

.question {
	  font-size:large;
	  font-weight:bold;
	  color:#005ccf;
}
.question2 {
	  font-size:large;
	  color:#005ccf;
}




/*------お問い合わせ--------*/


/*			form
/*-------------------------------------------*/
#main form table	{ margin-top:25px; }
#main form input[type=text],
#main form textarea	{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px;}
#main form input[type=radio] { width:auto; }
#main form input[type=checkbox] { width:auto; }

/*			trust-form
/*-------------------------------------------*/
#main #trust-form	{ width:100%; }

/*			contactform7
/*-------------------------------------------*/
#main .wpcf7	{ margin-top:20px; }
#main form span.wpcf7-form-control-wrap	{ position:relative; display:block; overflow:hidden; clear:both; /*回り込みをしている為*/ }
#main form span.wpcf7-form-control-wrap .wpcf7-list-item,
#main form span.wpcf7-form-control-wrap .wpcf7-list-item label	{ display:block; float:left; }
#main form span.wpcf7-form-control-wrap .wpcf7-list-item	{ padding-top:8px; padding-bottom:8px; }
#main form span.wpcf7-not-valid-tip	{ position: relative; color: #fff; padding-left: 5px; position:relative; display:block; background-color:#F00;left:0px;top:8px; margin-bottom:8px; }
#main form span.wpcf7-not-valid-tip::after {content: "";position: absolute;bottom: 100%;left: 30px;height: 0;width: 0;border: 10px solid transparent;border-bottom: 10px solid #F00;}
#main form div.wpcf7-validation-errors	{ border:none; position: relative; color:#FFF; padding:7px; background-color:#F00; text-align:center; }
#main form div.wpcf7-validation-errors::after {content: "";position: absolute;bottom: 100%;left: 30px;height: 0;width: 0;border: 10px solid transparent;border-bottom: 10px solid #F00;}
#main .wpcf7 dl		{ display:block; overflow:hidden; border-bottom:1px dotted #ccc; }
#main .wpcf7 dl dt	{ display:block; overflow:hidden; padding:10px 0;float:left; width:20%; font-weight:lighter; }
#main .wpcf7 dl dt span.caution	{ color:#ca0000; }
#main .wpcf7 dl dd	{ display:block; overflow:hidden; padding:10px;margin-bottom:0px; }
#main .wpcf7 dl dd span.caption	{ color:#777; }

.scr {
  overflow: auto;   /* スクロール表示 */
  width: 680px;
  height: 200px;
  padding:0 10px;
  background-color: #ffffff;
  border:1px solid #D4D4D4;
}





/*------初めての方へ--------*/


.hpnew {
	margin:20px 0 20px 0;
}
.hpnew a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);		

}






/*------印刷に関して--------*/





#main .child_page_block	{
	display:block; overflow:hidden;
	margin-bottom: 15px;width:100%;
	border-top: 1px solid #eeeeee;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}

#main .child_page_block .child_page_blockInner{
	display:block;
	overflow:hidden;
	padding: 15px 15px;
}

#main .child_page_block.layout_even	{
	float:right;
}

#main .child_page_block h4	{
	font-size:16px;
	padding: 0 0 3px 0; margin:0px;
	margin-bottom:10px;
	border: none;
}

#main .child_page_block h4 a{
	border-bottom: 2px solid #cc0000;
	text-decoration:none; color:#333;
	display:block;overflow:hidden;
	line-height:118.8%;
	padding-bottom:2px; 
}

#main .child_page_block h4 a:hover	{
	text-decoration:none;
	color:#cc0000;
}










/*------雇用情報--------*/

ul.explain{ 
    margin:0px 0px 20px 20px;
	margin-top:10px; 
	}
	

ul.explain li	{
	  margin-bottom:10px; 
      list-style:disc;padding:0px;
	  font-size:14px;
	  line-height:1.5em; 
}

	
#main table {
           border-top: 1px solid #ccc; 
		   margin:10px -1px 24px 0;
		    text-align: left; 
			width: 100%;
			border-collapse: collapse; 
			border-spacing: 0;
			font-size:14px; 
			line-height:1.5em;
}

#main table thead tr th {
	 padding: 9px 24px; 
	 background-color:#f5f5f5; 
	 white-space:nowrap;
}

#main table tfoot tr td	{
	  font-weight:bold;
}

#main table tr td { 
      border: 1px solid #ccc;
	   padding: 10px 15px;
	    vertical-align:top; 
}
#main table tr td p	{
	 margin:0px 0px 5px; 
	 padding:0px;
}	



/*------sitemap--------*/

.sitemap {
	width: 680px;
	border:3px solid #A7A7A7;
	height: auto;
}
 .sitemap ul {
	display:block;
	width: 600px;
	margin:0 auto;

}
 .sitemap ul li{
	 


} 
 .sitemap ul li a:before{
    display: block;
    content: "";
    position:absolute;
    width: 8px;

} 

 .sitemap ul li a{
    padding: 0px 10px 0px 30px;

} 

.menu01 li a:hover {
	color: #A8A8A8;
}

.menu01 li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #FFFFFF;
	color: #262626;
	font-size: 12px;
	line-height: 40px;
	text-decoration: none;
}
.menu01 li ul.children {
	padding-left:15px;
}
.menu01 li ul.children li a {
	height:30px;
	line-height: 30px;
}



#list1 li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#list1 li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-color: #5B5B5B;
}


.color_red {
	color:#FF0000;
}