@charset "UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/* base */
body {
  position: relative;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.5; /*21px相当*/
/*  letter-spacing:0.05em;*/
  color: #131304;
  min-width: 1000px;
}


p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 明朝体 */
.serif{
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ＭＳ Ｐ明朝',serif;
	letter-spacing:0.1em;
}



a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}

a.current,
a.parentsLink{
	cursor:default;
	color: #444;
	text-decoration: none;
}

a.alpha:hover img{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
a.trans:hover img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}


/****************************************************************************
header
****************************************************************************/

/* .greenline */
.greenline{
	width: 100%;
	line-height:1;
	background-color:#A2CA0F;
	text-align:right;
}
#header_greenline{
	z-index: 9999;
	position: fixed;
	left: 0px;
	top: 0px;
}
#b-entry #header_greenline {
	position: relative;
}

.greenline_contact{
	display:inline-block;
	padding-left:34px;
	border-left:solid 6px #fff;
}
.greenline_contact a{
	display:inline-block;
	padding:6px 30px 0;
	height:20px;
	border-left:solid 6px #fff;
	color:#fff;
	font-size:14px;
}




/* #header */

#header {
	width: 100%;
	height:74px;
	position: fixed;
	z-index: 9000;
	left: 0px;
	top: 26px;
	background-color:#fff;
}
#b-entry #header {
	position: relative;
	top: 0;
}

#header_inner{
	width:960px;
	margin:0 auto;
}

.header_title{ /*h1*/
	width:357px;
	height:61px;
	margin-top:4px;
	float:left;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/yasuda_paint_recruit.png) 0 50% no-repeat;
}
/* small */
#header_title.smaller {
	background-image: url(../img/yasuda_paint_recruit_s.png);
}




.header_info{
	display:inline-block;
	padding-top:18px;
	float:right;
	color:#666;
	line-height:1.2;
}
.header_info p{
	text-align:right;
}
.hinfo_address{
	font-size:12px;
}
.hinfo_tel{
	font-weight:bold;
}



#mainimage{
	width:100%;
	margin-top:100px;
	background-color:#ECE7D7;
}
#mainimage p{
	text-align:center;
}




#header_nav{
	width:100%;
	position:relative;
	z-index: 9990;
}
#header_nav ul{
	width:1000px;
	height:74px;
	margin:0 auto -10px;
	padding:0 0 10px;
	text-align:center;
	background:url(../img/bg_shadow.png) 50% 100% no-repeat;
}
#header_nav li{
	display:inline-block;
	padding-top:8px;
}
#header_nav li a{
	display:block;
	padding:20px 10px 16px;
	color: #131304;
	font-size:16px;
}


/* transition */
#header_title,
#header_nav,
#header_nav ul,
#header_nav ul li,
#header_nav ul li a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* Fixed */
#header_nav.fixed{
	position: fixed;
	left: 0px;
	top: 26px;
}
#header_nav.fixed ul{
	text-align:right;
}
#header_nav.fixed li{
}
#header_nav.fixed li a{
	font-size:14px;
}


.icn_gt{
	display:inline-block;
	vertical-align: middle;
	margin-right:5px;
	padding:1px 1px 3px 3px;
	width:10px;
	font-size:10px;
	line-height:1;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-indent:0;
	background-color:#A2CA0F;
	border-radius:1em; 
}
/*.fixed .icn_gt{
	width:8px;
	font-size:8px;
	line-height:1;
}*/



/****************************************************************************
#main   ■div#main  mainタグは使わないこと！ IEでおかしくなる■
****************************************************************************/

#main{
	width: 100%;
	z-index: 100;
	padding-bottom:100px;
	background:url(../img/bg_footer.png) 0 100% repeat-x;
}
#header_nav.fixed + #main{
	padding-top:70px;
}


/* section */

section{
	width:100%;
}
section + section{
	margin-top:60px;
}

section h2{
	width:100%;
	padding:41px 0;
	background:url(../img/bg_hatch_gre.png) 0 0 repeat;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
section#craftsman h2,
section#voice h2{
	background-image:url(../img/bg_hatch_ora.png);
}
section#entry h2{
	background-image:url(../img/bg_hatch_yel.png);
}

.section_body{
	width:960px;
	margin:40px auto 0;
}


.section_body p{
	line-height: 1.9;
}



.img_center{
	padding:20px 0;
	text-align:center;
}
.img_right{
	display:inline-block;
	padding:0 0 20px 40px;
	float:right;
}
.img_left{
	display:inline-block;
	padding:0 40px 20px 0;
	float:left;
}
.section_body p.img_right + p,
.section_body p.img_left + p{
	margin-top:0;
}


.ta_right{
	text-align:right;
}
.ta_center{
	text-align:center;
}



ul.dot li{
	padding-left:12px;
	background:url(../img/dot_green.png) 0 9px no-repeat;
}
.section_body ul.dot{
	margin:20px 0;
}






/* #message ****************************/

.message_body{
	width:540px;
	padding-left:25px;
	float:left;
}
#message_copy{
	width:488px;
	height:71px;
	margin:5px 0 50px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/message_copy.png) 0 0 no-repeat;
}
.message_body p{
	font-size:16px;
	line-height: 1.8;
}
.message_body p + p{
	margin-top:20px;
}



/* #craftsman ****************************/
#craftsman .section_body{
}
#craftsman .craftsman_odd{
	background-color:#F5F3EB;
}
#craftsman .craftsman_even{
	border:solid 1px #F4C75B;
}
#craftsman .section_body + .section_body{
	margin-top:30px;
}

.craftsman_txt{
	width:550px;
	padding-bottom:20px;
}
.craftsman_odd .craftsman_txt{
	padding-left:40px;
	float:left;
}
.craftsman_even .craftsman_txt{
	padding-right:40px;
	float:right;
}

.craftsman_copy{
	width:600px;
	margin-top:-10px;
	padding-bottom:20px;
	font-weight:normal;
	letter-spacing:0.1em;
}
.craftsman_odd .craftsman_copy{
	margin-left:-55px;
}
.craftsman_even .craftsman_copy{
	margin-right:-55px;
}

.craftsman_odd .craftsman_copy img{
	float:left;
	padding-right:30px;
}
.craftsman_even .craftsman_copy img{
	float:right;
	padding-left:30px;
}

.craftsman_tatsujin{
	display:block;
	padding-top:40px;
	font-size:20px;
	font-weight:bold;
	color:#F3A500;
}
.craftsman_name{
	display:inline-block;
	padding-right:10px;
	font-size:18px;
}

.craftsman_ph{
	padding:15px;
}
.craftsman_odd .craftsman_ph{
	float:right;
}
.craftsman_even .craftsman_ph{
	float:left;
}


/* .contact ****************************/

.contact .section_body{
	width:1000px;
	background-color:#EFBB4F;
}

.contact h2{
	padding:0;
	width:1000px;
	height:164px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/contact_copy.jpg) 0 0 no-repeat;
}

.contact p{
	width:500px;
	height:139px;
	margin-top:-50px;
	float:left;
}


/* #works ****************************/

#works_concept{
	width:1010px;
}
.concept_body{
	width:286px;
	padding:0 25px;
	float:left;
}

.works_num{
	position:relative;
	z-index: 510;
	display:block;
	margin:0 auto;
	padding:7px;
	width:20px;
	font-size:20px;
	font-weight:normal;
	color:#A2CA0F;
	line-height:1;
	text-align:center;
	background-color:#fff;
	border:solid 3px #A2CA0F;
	border-radius:1em;
}
.concept_body h3{
	position:relative;
	z-index: 500;
	padding:23px;
	margin-top:-20px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	background-color:#A2CA0F;
	border-radius:10px;
	text-align:center;
}

.concept_lead{
	padding:15px 4px;
	border-bottom:solid 1px #A2CA0F;
}
.concept_lead p{
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	color:#A2CA0F;
}

.heightLine-concept{
	padding:5px 6px 0;
}
.heightLine-concept p{
	padding-top:10px;
	line-height:1.7;
}


.concept_btn{
	padding-top:15px;
}
.concept_btn a{
	display:block;
	padding:10px 40px 10px 15px;
	border:solid 1px #A2CA0F;
	background:url(../img/arrow_down.png) 95% 50% no-repeat;
	font-size:18px;
	letter-spacing:0.05em;
}
.concept_btn em{
	display:block;
	color: #A2CA0F;
	font-weight:bold;
	font-size:14px;
}
.concept_btn strong{
	font-size:18px;
}
.concept_btn a:hover{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}



.works_body{
	margin-top:40px;
	background-color:#F5F3EB;
}
.works_txt{
	width:610px;
	float:left;
}

.works_label{
	width:120px;
	padding:10px 4px 25px;
	float:left;
	background-color:#A2CA0F;
	border-bottom-right-radius:10px;
	text-align:center;
}
.works_label em{
	display:block;
	color:#fff;
}
.works_label strong{
	display:block;
	color:#fff;
	font-size:26px;
}

.works_txt h4,
.works_name,
.works_paint{
	width:450px;
	float:right;
}
.works_txt h4{
	padding:40px 0 30px;
	font-size:22px;
	font-weight:bold;
}
.works_name{
	font-size:16px;
	font-weight:bold;
	color:#8CB20C;
}
.works_name span{
	display:inline-block;
	padding:2px 7px 1px;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#A2CA0F;
}
.works_paint{
	padding:15px 0 25px;
	font-size:12px;
	line-height:1.6;
}

.works_comment{
	clear:both;
	width:540px;
	padding: 20px 25px;
	margin:0 0 15px 20px;
	background-color:#fff;
	border:solid 1px #C9E270;
	border-radius:10px;
}

.works_ph{
	padding:10px;
	width:320px;
	float:right;
}


#works_more .concept_btn{
	padding-top:0;
}
#works_more .concept_btn a{
	padding-right:80px;
	background:url(../img/arrow_right.png) 99% 50% no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#8CB20C;
}
.kokoroiki_link{
	display:inline-block;
	float:right;
	font-size:12px;
	font-weight:normal;
	color:#222;
}
.kokoroiki_link strong{
	font-size:15px;
	color:#F2A500;
}


/* #voice ****************************/

#voice{
}
.akiyama_info{
	width:260px;
	float:left;
	background-color:#F2BB39;
	border-radius:10px;
	overflow:hidden;
}
.akiyama_name{
	padding:20px 25px;
}
.akiyama_name em{
	font-size:16px;
}

.akiyama_message{
	width:660px;
	float:right;
}
.akiyama_message h3{
	font-size:26px;
	font-weight:bold;
	color:#F5A500;
	padding-bottom:20px;
}
.akiyama_message p{
	font-size:16px;
	line-height:1.7;
	padding-top:10px;
}



.header_interview{
	border-top:solid 1px #F7A804;
	border-bottom:solid 1px #F7A804;
	text-align:center;
	margin-bottom:15px;
}
.header_interview span{
	display:inline-block;
	padding:2px 40px;
	background-color:#F7A804;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.interview{
	padding:25px 25px 25px 0;
}
.interview_even{
	background-color:#F5F3EB;
}

.interview dt{
	display:inline-block;
	width:275px;
	padding:15px 0 10px 32px;
	margin-top:-15px;
	margin-left:-10px;
	background:url(../img/icn_q.png) 0 0 no-repeat;
	font-size:18px;
	font-weight:bold;
}
.answer{
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	color:#F7A804;
}
.interview_ph{
	display:inline-block;
	margin-top:60px;
}
.answer_detail{
	width:630px;
	float:right;
}
.answer_detail p{
	margin-top:10px;
}


/* #guideline ****************************/

#guideline table{
	width:100%;
}
#guideline table + table{
	margin-top:20px;
}
#guideline tr + tr{
	border-top:solid 1px #999;
}
#guideline th{
	width:17%;
	padding:13px 30px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.05em;
	color:#444;
	vertical-align:middle;
	background-color:#A2CA0F;
}
#guideline td{
	padding:13px 30px;
	font-size:16px;
	background-color:#F7FAE2;
}

#guideline td a{
  color: #131304;
  border-bottom:dotted 1px #131304;
}
#guideline td a:hover{
  color: #999;
  border-bottom-color:#999;
}



/* #entry ****************************/

.entry_form{
	padding:30px 20px 30px 80px;
	margin-top:10px;
	background-color:#F5F3EB;
	font-size:16px;
}


.entry_form th,
.entry_form td{
	padding:8px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.entry_form th{
	width:25%;
}
.entry_form th label{
	display:inline;
}

.must{
	display:inline-block;
	margin-left:10px;
	padding:4px;
	font-size:0.7em;
	line-height:100%;
	color:#fff;
	font-weight:bold;
	background-color:#FA3025;
	border-radius: 5px;
	float:right;
}

.entry_form input,
.entry_form select,
.entry_form textarea{
	padding:10px;
	background-color:#fff;
	border:solid 1px #ccc;
}
.input-01{
	width:280px;
}
.input-02{
	width:360px;
}
.input-03{
	width:360px;
	height:10em;
}

.label_birthy input{
	vertical-align:middle;
}
.label_birthy{
	padding-right:10px;
}

.form_notice,
#mail2,
#spref,
#address,
#strt,
#address1,
#address2
{
	margin-top: 10px;
}


input[type="submit"],
input[type="button"] {
   -webkit-appearance: none;
   border-radius: 0;
}

.entry_form #form_btn{
	margin-top:20px;
	text-align:center;
}
.submitbtn{
	text-align: center;
	padding-bottom: 20px;
}

.submitbtn input[type="submit"],
.submitbtn input[type="button"] {
	-webkit-appearance: none;
	display:inline-block;
	width:auto;
	height:auto;
	padding:18px 40px;
	margin-left: 5px;
	margin-right: 5px;
	cursor:pointer;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	color:#fff;
	border:solid 3px #F4A400;
	background-color:#F4A400;
	border-radius:0;
/*	box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);*/
	transition: all 0.3s ease-in-out;
}
.submitbtn input[type="submit"]:hover{
/*	box-shadow: 0 3px 6px 2px rgba(0,0,0,.3);*/
	color:#F4A400;
	background-color:#fff;
}
.submitbtn input[type="button"] {
	border:solid 3px #A2CA0F;
	background-color:#A2CA0F;
}
.submitbtn input[type="button"]:hover{
	color:#A2CA0F;
	background-color:#fff;
}

/* 入力画面 */
.mw_wp_form .contact_lead_confirm{
	display:none;
}

/* エラーメッセージ */
.errmsg,
 .mw_wp_form .entry_form .error{
	display:inline-block !important;
	margin-top:3px;
	margin-left: 5px;
	padding:4px 8px;
	background-color:#E84231;
	border-radius:0;
	font-size:12px;
	line-height: 1;
	font-weight:bold;
	color:#fff !important;
}

/* 確認画面 */
.mw_wp_form_confirm #contact_tel,
.mw_wp_form_confirm .contact_lead_input,
.mw_wp_form_confirm .notice,
.mw_wp_form_confirm .form_notice,
.mw_wp_form_confirm .form_mail2,
.mw_wp_form_confirm .addbtn{
	display:none;
}
.mw_wp_form_confirm .contact_lead_confirm{
	display:block;
}

.confirm_text {
    display: block;
    padding: 8px 10px;
    min-height: 2.75em;
    background-color: rgba(219,204,191,0.20);
}



#entry_thx{
	padding:100px 80px;
}
#entry_thx h3{
	font-size:18px;
	text-align:center;
}
#entry_thx p{
	padding-top:20px;
	font-size:14px;
	text-align:center;
}





/****************************************************************************
footer
****************************************************************************/

#page-top {
    bottom: 20px;
    position: fixed;
    right: 0;
	z-index:600;
}

#page-top a {
    background: none repeat scroll 0 0 #988A8A;
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
	font-size:11px;
	line-height:150%;
    width: 66px;
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
#page-top a .and{
	font-size:16px;
}
#page-top a:hover{
  filter:alpha(opacity=1);
  opacity: 1;
  -ms-filter: "alpha(opacity=1)";
  -moz-opacity:1;
  -khtml-opacity: 1;
}


#footer{
	margin:50px auto 35px;
	width: 960px;
}




#footer_bnr{
	width:420px;
	padding-bottom:20px;
	float:left;
}

#footer_bnr ul{
}
#footer_bnr li{
	padding:0 30px 20px 0;
	float:left;
}
#subbnr-iamagirl{
	display:block;
	height:60px;
	width:179px;
	padding:0;
	border-right:solid 1px #E3017F;
	overflow:hidden;
}

#footer_fb{
	width:500px;
	height:550px;
	padding-bottom:20px;
	float:right;
}
.fb-like{
	margin-bottom:5px;
}




#footer_info{
	clear:both;
	padding-top:30px;
	border-top:solid 1px #ccc;
}
#b-entry #footer_info{
	padding-top:0;
	border-top:none;
}

#campany_info{
	display:inline-block;
	color:#666;
}
.cinfo_address{
	font-size:12px;
	line-height:1.6em;
}

.footer_btn{
	display:inline-block;
	float:right;
}
.footer_btn a{
	display:block;
	padding:5px 60px 5px 15px;
	background:url(../img/arrow_right.png) 95% 50% no-repeat;
	font-size:12px;
	border:solid 1px #ccc;
}
.footer_btn strong{
	font-size:15px;
	font-weight:bold;
	color:#F2A500;
}




#footer_message{
	padding-top:30px;
	font-size:12px;
	color:#666;
}

#copyright {
	width: 100%;
	padding:8px 0;
	background-color: #EEF5D4;
	font-size:10px;
	color:#999;
	letter-spacing:0.1em;
}
#copyright small {
	padding-left:20px;
}








/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.small{
	font-size:12px;
	line-height:1.7;
}
.x-small{
	font-size:10px;
	line-height: 1.7;
}

.large{
	font-size:20px;
	line-height:1.6;
}
.x-large{
	font-size:24px;
	line-height:1.5;
}

.notice{
	color:#e71410;
}

strong{
	font-weight:bold;
	color:#FF6600;
}
em{
	font-weight:bold;
	font-style:normal;
}
em.underline{
/*	padding-bottom:0;
	background:url(../img/line_3px_red.png) 0 100% repeat-x;*/
	border-bottom:solid 3px #FF855B;
}