@charset "UTF-8";
/* CSS Document */
body{
	margin:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3E3A39;
}
a{text-decoration:none;border:none;color:#3E3A39;}
a:link{color:#3E3A39;}
a:hover{
	color:#3E3A39;
	opacity: 0.6;
    filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#contents_wrap{width:100%;background-image:url(../images/contents_bg.png);background-repeat:repeat-y;background-position:50%;}
#contents{width:960px;margin-right:auto;margin-left:auto;background-color:#fff;}
#contents:before,#contents:after{content:"";display:table;}
#contents:after{clear:both;}
#contents{*zoom:1;}
/* header */
#head_wrap{
	width:100%;
	position:relative;
	z-index:999;
	box-shadow:0px 3px 9px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 3px 9px rgba(0,0,0,0.3);
	}
#head_area{width:960px;margin-left:auto;margin-right:auto;/*margin-bottom:30px;margin-bottom:10px;*/height:100px;padding-top:15px;}
#head_area:before,#head_area:after{content:"";display:table;}
#head_area {clear:both;}
#head_area {*zoom:1;}
.box_logo{margin-right:68px;float:left;}
#head_menu_area{float:left;margin-top:50px;}
.head_menu{float:left;line-height:1.8em;padding:0px 30px;}
.head_menu.ask{
	background-image:url(../images/menu_image.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	margin-left:24px;
}
/* top */
.box_top_text{margin-left:30px;float:left;margin-top:130px;color:#717071;font-size:90%;line-height:1.8em;}
.box_top_img{float:right;position:relative;}
.end_img{text-align:right;width:960px;margin-right:auto;margin-left:auto;padding-top:100px;line-height:0em;background-color:#fff;/*float:left;*/}
/*.end_img:before,.end_img:after{content:"";display:table;}
.end_img{clear:both;}
.end_img{*zoom:1;}*/
/* footer */
#footer_wrap{
	width:100%;
	margin-top: 0px;
	z-index: 10000;
	box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.3);
	height:80px;
}
#footer_area{width:960px;margin-left:auto;margin-right:auto;}
.box_copy{font-size:10px;color:#717071;padding-top:5px;}
/* contents */
.area_allwidth{width:960px;}
.area_allwidth:before,.area_allwidth:after{content:"";display:table;}
.area_allwidth{clear:both;}
.area_allwidth{*zoom:1;}

#main_contents{width:860px;margin-left:auto;margin-right:auto;background-color:#fff;padding:0 50px;}
#main_contents:before,#main_contents:after{content:"";display:table;}
#main_contents:after{clear:both;}
#main_contents{*zoom:1;}

#main_contents .area_allwidth{width:100%;}
#page_title{width:100%;height:125px;border-left:6px solid #9e9e9f;position:relative;margin-bottom:25px;}
#page_title h1{
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:-2px;
	left:10px;
	font-size:22px;
	font-weight:normal;
}
#area_left{float:left;width:230px;}
#area_right{float:right;width:600px;}
#area_right h2{width:100%;margin:0px;padding:0px;font-size:20px;font-weight:normal;color:#A56600;border-left:6px solid #A56600;font-size:16px;height:18px;padding:0px 0px 3px 8px;margin-botom:20px;}
.list_S{margin-bottom:10px;border-left:6px solid #e0c49b;color:#A56600;font-size:14px;padding-left:5px;}
.list_S a{color:#A56600;}
.list_S a:hover{color:#A56600;}
.list_L{width:100%;border-bottom:1px solid #B4B4B5;padding:6px 0px 3px 0px;}
.list_L:first-child{width:100%;border-bottom:1px solid #B4B4B5;border-top:1px solid #B4B4B5;padding-top:7px;margin-top:25px;}
.list_L:last-child{width:100%;border:none;padding-top:7px;margin-bottom:20px;}
.list_L:before,.list_L:after{content:"";display:table;}
.list_L:after{clear:both;}
.list_L{*zoom:1;}
.title{font-size:13px;width:340px;margin-right:20px;float:left;line-height:1.6em;}
.box_image{float:right;width:240px;}
.copy, .photo{width:240px;float:right;font-size:70%;text-align:right;color:#9E9E9F;}
.cp_style{font-size:130%;line-height:1.3em;vertical-align: top;}
.image{width:240px;float:right;}
.category{float:left;font-size:13px;color:#9E9E9F;width:100px;text-align:left;line-height:1.6em;margin-right:20px;}
.detail{float:left;font-size:13px;color:#9E9E9F;width:120px;text-align:right;line-height:1.6em;}
.allwidth_bar{width:100%;}
.go_top{text-align:right;font-size:12px;color:#A56600;}


#company{width:730px;margin-left:auto;margin-right:auto;background-color:#fff;padding:0 115px;}
.area_allwidth_nocol{width:730px;}
.item_col{/*height:26px;border-bottom:1px solid #B4B4B5;*/padding:0px;font-size:13px;margin:0;}
.item_col:first-child{border-bottom:1px solid #B4B4B5;border-top:1px solid #B4B4B5;padding-top:7px;font-size:13px;}
.item_col:before,.item_col:after{content:"";display:table;}
.item_col:after{clear:both;}
.item_col{*zoom:1;}
.item_col .item{width:auto;float:left;color:#888888;padding:7px 0;}
.item_col .item_text{width:100%;/*float:left;*/padding: 7px 0 7px 105px;border-bottom: 1px solid #B4B4B5;margin: 0;box-sizing: border-box;}
.forsub{position:relative;}
.sub_menu{
	display:none;
	width:210px;
	height:auto;
	background-color:#FFF;
	position:absolute;
	top:56px;
	left:50%;
	margin-left:-105px;
	border-radius: 5px;/* CSS3草案 */  
    -webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
	padding:10px 8px;
}
.sub_menu:first-line{line-height:1em;}
.text_sub{font-size: 14px;width:100%;text-align:center;}
.box_kado{width:13px;height:16px;position:absolute;top:-17px;left:93px;}

#reqruit{width:730px;margin-left:auto;margin-right:auto;background-color:#fff;padding:0 115px;}
.form_item{width:170px;float:left;color:#888888;}
.form_input{width:560px;float:left;}
.red{color:#F33E43;}
.box_summary{padding:0px 15px 15px 15px;width:700px;font-size:90%;color:#666;}
.area_allwidth_nocol .item_col:first-child{border-bottom:1px solid #B4B4B5;border-top:none;padding-top:7px;font-size:13px;}
.area_allwidth_nocol .item_col:last-child{border:none;padding-top:7px;font-size:13px;}
#reqruit .item_col{
	padding:15px 0px;
}
.item_col button.form_btn{
	 display:block;
	  width:110px;
	  height:30px;
	  background-color:#333333;
	  color:#FFF;
	  text-decoration:none;
	  border:none;
	  cursor:pointer;
	  /*margin-left:105px;*/
	  margin-top:20px;
	  font-size:100%;
}
.item_col button.form_btn:hover{
	background-color:#808080;
}

/*メールフォームプロ上書きcss*/
form#mailformpro input,form#mailformpro textarea {
	padding: 2px 2px 0px 2px;
	font-size: 13px;
	vertical-align: middle;
}
form#mailformpro select {
	vertical-align: middle;
	font-size: 13px;
}
div#mfp_phase_confirm {
	clear: both;
}
div#mfp_phase_confirm h4 {
	font-size:16px;
	padding: 10px 0px 0px 0px;
	text-align:left;
}
div#mfp_phase_confirm div#mfp_phase_confirm_inner {
	
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	text-align: left;
	font-size: 13px;
	border-top: solid 1px #CCC;
	padding: 10px 10px;
}
div.mfp_buttons button#mfp_button_send {
	display:block;
	 width:80px;
	 height:20px;
	 background-color:#333333;
	 color:#FFF;
	 text-decoration:none;
	 border:none;
	 cursor:pointer;
	 /*margin-left:105px;*/
	 margin-top:30px;
	 font-size:11px;
	 float:left;
	
}
div.mfp_buttons button#mfp_button_cancel {
	display:block;
	 width:80px;
	 height:20px;
	 background-color:#333333;
	 color:#FFF;
	 text-decoration:none;
	 border:none;
	 cursor:pointer;
	 margin-left:30px;
	 margin-top:30px;
	 font-size:11px;
	 float:left;
	
}
div.mfp_buttons button#mfp_button_send:hover,div.mfp_buttons button#mfp_button_cancel:hover{background-color:#808080;}
table#mfp_confirm_table tr th {
	white-space: nowrap;
	width: 100px;
	padding-right:0px;
	font-weight:lighter;
	color:#888888;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	text-align: left;
	font-size: 13px;
	border-top: solid 1px #CCC;
	padding: 10px 10px 10px 0px;
}