/*
Theme Name: Futaba Paint
Author: postage
Description: Futaba Paint Website
Version: 1.1
*/

body, p, img, div {
	margin:0;
	padding:0;
	font-family:'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
}
body {
	background-image:url(images/bg_body.gif);
	background-repeat:repeat-x;
}

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

/*トップぼたん*/
.pagetop {
	position: fixed;
	bottom: -50px;
	right: 20px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}
.pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #3A9667;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	line-height: 30px;
}
.pagetop:hover{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

/*-----------共　通-----------*/
#top{
	width: 960px;
	height: 114px;
	border-top: 8px #3A9667 solid;
}

#top .logo{
	float: left;
}

#top .top{
	top: 0;
	left: 0;
}

#top .catch{
	font-size: 14px;
	padding-top: 5px;
	text-align: right;
}


#navi{
	background-color: #C1C1C0;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 47px;
}

main-nav{
	
}

#navi ul{
	margin: 0;
	padding: 0;
}

#navi li{
	list-style: none;
	display: inline;
	float: left;
	width:149px;
	height:48px;
}

#navi ul li{
	width:149px;
	height:48px;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}
#navi ul li a{
 display:block;
	height:48px;
}
#navi ul li.current-menu-item{
 display:block;
	height:48px;
}

#navi ul li.menu01{
 background-image:url(images/navi_01_off.gif);
	width:66px;
}
#navi ul li.menu01.menu-item:hover,
#navi ul li.menu01.current-menu-item a {
	background-image:url(images/navi_01_on.gif);
}

#navi ul li.menu02{
 background-image:url(images/navi_02_off.gif);
}
#navi ul li.menu02.menu-item:hover,
#navi ul li.menu02.current-menu-item a {
 background-image:url(images/navi_02_on.gif);
}

#navi ul li.menu03{
 background-image:url(images/navi_03_off.gif);
}
#navi ul li.menu03.menu-item:hover,
#navi ul li.menu03.current-menu-item a {
 background-image:url(images/navi_03_on.gif);
}

#navi ul li.menu04{
 background-image:url(images/navi_04_off.gif);
}
#navi ul li.menu04.menu-item:hover,
#navi ul li.menu04.current-menu-item a {
 background-image:url(images/navi_04_on.gif);
}

#navi ul li.menu05{
 background-image:url(images/navi_05_off.gif);
}
#navi ul li.menu05.menu-item:hover,
#navi ul li.menu05.current-menu-item a {
 background-image:url(images/navi_05_on.gif);
}

#navi ul li.menu06{
 background-image:url(images/navi_06_off.gif);
}
#navi ul li.menu06.menu-item:hover,
#navi ul li.menu06.current-menu-item a {
 background-image:url(images/navi_06_on.gif);
}

#navi ul li.menu07{
 background-image:url(images/navi_07_off.gif);
}
#navi ul li.menu07.menu-item:hover,
#navi ul li.menu07.current-menu-item a {
 background-image:url(images/navi_07_on.gif);
}



#news{
	margin: 0;
	padding: 0;
	border-top:  #3A9667 1px solid;
	width: 615px;
	border-bottom: #9FA0A0 1px dotted;
	background-image:url(images/bg_news.gif);
	background-repeat:repeat-x;

}

#news h4{
	font-size: 16px;
	color: #333333;
	border-top:  #3A9667 5px solid;
	width: 4.5em; 
	font-weight: 500;
	font-weight: bold;
	padding-left: 0.5em;
	margin: 0;
	height: 45px;
	padding-top: 2px;

}

/*
#news dl{
	border-top: #9FA0A0 1px dotted;
	font-size: 14px;
	color: #355B9F;
	margin: 0;
}

#news dt{
	float: left;
	padding: 13px;
	width: 140px;
	line-height: 1.5em;
}

#news dt span{
 	color:  #9CCAB3;
 	font-size: 10px;
 	vertical-align: top;
}
 
#news dd{
	padding: 13px;
	line-height: 1em;
	line-height: 1.5em;
}
*/
#news dl{
	/*border-top: #9FA0A0 1px dotted;*/
	font-size: 14px;
	color: #355B9F;
	margin: 0;
}

#news dt{
	border-top: #9FA0A0 1px dotted;
	float: left;
	padding: 13px;
	width: 140px;
	line-height: 1.5em;
}

#news dt span{
 	color:  #9CCAB3;
 	font-size: 10px;
 	vertical-align: top;
}
 
#news dd{
	border-top: #9FA0A0 1px dotted;
	padding: 13px;
	line-height: 1em;
	line-height: 1.5em;
}


#pankuzu{
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 40px;	
	width: 500px;
}


h1{
	height: 40px;
	width: 912px;
	font-size: 28px;
	font-weight: 500;
	border-top:  #C1C1C0 1px solid;
	border-bottom: #C1C1C0 1px solid;
	background-image:url(images/bg_h1.gif);
	background-repeat:no-repeat;
	padding-top: 15px;
	padding-left: 48px;
	line-height: 1em;
	margin-bottom: 40px;	
}

#footer{
	margin-top:5em;
	background-color:#3a9667;
	color:#FFF;
	text-align:center;
	font-size:12px;
	line-height:1em;
	padding:10px 0 20px 0;
	clear: both;
}

/*-----------製品紹介-----------*/

#products .select{
/* 	background-color: #C1C1C0; */
	margin: 0;
	padding: 0;
	width: 900px;
	margin-left: 30px;
/* 	height: 47px; */
}


#products .select ul{
	margin: 0;
	padding: 0;
	margin-left: 2px;
}

#products .select li{
	list-style: none;
	display: inline;
	float: left;
	line-height: 0;
/* 	padding: 1px; */
}



#products table{
/* 	background-image:url(images/bg_news.gif); */
/* 	background-repeat:repeat-x; */
	vertical-align: middle;
}
#products td{
	padding: 10px;
	font-size: 14px;
}

#products .sl{
	border-left: #ccc 1px solid;
	padding-left: 20px;
}

#products h2{
	font-size: 24px;
	color: #3A9667;
	font-weight: 600;
	border-bottom: 1px solid;
}

#products h2 span{
	font-size: 20px;
	color: #333;
	font-weight: 100;
	vertical-align: middle;	
}



/*-----------受託加工-----------*/

#commissioned .left{
	width: 500px;
	float: left;
}

#commissioned .left .txt{
	font-size: 14px;
	text-align: justify;
	line-height: 2em;
	padding-left: 35px;
	margin-bottom: 60px;
}

#commissioned .left .area{
	width: 278px;
	border: 1px solid;
	background-image:url(images/bg_news.gif);
	background-repeat:repeat-x;
	margin-left: 80px;
}

#commissioned .left .area h3{
	font-size: 18px;
	padding-left: 20px;
}

#commissioned .left .area h3:before {
  content: "◤";
  color: #3A9667;
 }

#commissioned .left .area ul{
	padding-left: 40px;
}

#commissioned .left .area li{
	font-size: 16px;
	color: #3A9667;
}

#commissioned .left .area li span{
	color: #000000;
}

/*-----------会社概要-----------*/
#company table{
/* 	background-image:url(images/bg_news.gif); */
/* 	background-repeat:repeat-x; */
	vertical-align: middle;
}
#company td{
	padding: 10px;
	font-size: 14px;
}

#company .sl{
	border-left: #ccc 1px solid;
	padding-left: 20px;
}


#company .contents1{
	width: 960px;
	height: 450px;
	background-image:url(images/company01.jpg);
	background-repeat:no-repeat;
}

#company .contents2{
	width: 960px;
/* 	height: 500px; */
/* 	background-image:url(images/company01.jpg); */
/* 	background-repeat:no-repeat; */
}

#company .contents2 p.cap{
	text-align: center;
	font-size: 14px;
}

#mapField {
  width: 350px;
  height: 350px;
}

/*-----------求人情報-----------*/

#recruit .left{
	width: 500px;
	float: left;
}

#recruit .left .txt{
	font-size: 14px;
	text-align: justify;
	line-height: 2em;
	padding-left: 35px;
	margin-bottom: 60px;
}

#recruit .left h3{
	font-size: 16px;
	font-weight: 100;
	line-height: 1em;
	padding-left: 30px;
	margin-bottom: 5px;
}

#recruit .left h3:before {
  content: "●";
  color: #3A9667;
 }
/*-----------ISO9001-----------*/

#iso{
	display: flex;
	justify-content: space-between;
}

#iso .left{
	width: 500px;
/* 	float: left; */
}

#iso .right{
}


#iso .left .txt{
	font-size: 14px;
	text-align: justify;
	line-height: 2em;
	padding-left: 35px;
	margin-bottom: 60px;
}

#iso .left .txt h2{
	font-size: 22px;
	font-weight: 300;
	line-height: 2em;
	margin-top: 80px;
}


#iso .left .txt h3{
	font-size: 21px;
	font-weight: 300;
	color: #3A9667;
}

#iso .left .txt h2 span{
	font-weight: 600;
	font-size: 24px;
}

#iso .left .txt .area{
	width:415px;
	padding: 0px 25px 25px 25px;
	border: 1px solid;
	background-image:url(images/bg_news.gif);
	background-repeat:repeat-x;
	margin-top: 200px;
}

/*-----------お問い合わせ-----------*/
#contact .cont_l{
	width: 7em;
	vertical-align: top;
	padding-left:10px;
	padding-top: 10px;
	font-size: 14px;
}

#contact .cont_r{
	vertical-align: middle;
	padding-left:10px;
}

#contact input{
	font-size: 14px;
}

#contact select{
	font-size: 14px;
}
#contact textarea{
	font-size: 14px;
}

#contact #company{
	width:320px;
}
#contact #shimei{
	width:250px;
}
#contact #ubin1{
	width:50px;
}
#contact #ubin2{
	width:50px;
}
#contact #adress1{
	width:400px;
	margin-bottom:5px;
}
#contact #adress2{
	width:400px;
}
#contact #tel{
	width:150px;
}
#contact #e-mail{
	width:200px;
}
#contact #naiyo{
	width:500px;
}
#contact .screen-reader-response{
	text-align:center;
	color:red;
}
#contact .screen-reader-response ul li{
	list-style:none;
}
#contact .wpcf7-response-output{
	margin-top:30px;
	text-align:center;
	color:red;
}
#contact .wpcf7-not-valid-tip{
	padding-left:5px;
	color:#F00;
}





/*-----------調整用-----------*/
.m0  {margin:  0px!important;}
.m5  {margin:  5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.m25 {margin: 25px!important;}
.m30 {margin: 30px!important;}
.m35 {margin: 35px!important;}
.m40 {margin: 40px!important;}
.m45 {margin: 45px!important;}
.m50 {margin: 50px!important;}
.m55 {margin: 55px!important;}
.m60 {margin: 60px!important;}
.m65 {margin: 65px!important;}
.m70 {margin: 70px!important;}
.m75 {margin: 75px!important;}
.m80 {margin: 80px!important;}
.m85 {margin: 85px!important;}
.m90 {margin: 90px!important;}
.m95 {margin: 95px!important;}
.m100{margin:100px!important;}

.mt0  {margin-top:  0px!important;}
.mt5  {margin-top:  5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 95px!important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:  0px!important;}
.mb5  {margin-bottom:  5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb95 {margin-bottom: 95px!important;}
.mb100{margin-bottom:100px!important;}

.ml0  {margin-left:  0px!important;}
.ml5  {margin-left:  5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml55 {margin-left: 55px!important;}
.ml60 {margin-left: 60px!important;}
.ml65 {margin-left: 65px!important;}
.ml70 {margin-left: 70px!important;}
.ml75 {margin-left: 75px!important;}
.ml80 {margin-left: 80px!important;}
.ml85 {margin-left: 85px!important;}
.ml90 {margin-left: 90px!important;}
.ml95 {margin-left: 95px!important;}
.ml100{margin-left:100px!important;}
.ml105{margin-left:105px!important;}
.ml110{margin-left:110px!important;}
.ml115{margin-left:115px!important;}
.ml120{margin-left:120px!important;}
.ml125{margin-left:125px!important;}
.ml130{margin-left:130px!important;}
.ml135{margin-left:135px!important;}
.ml140{margin-left:140px!important;}
.ml145{margin-left:145px!important;}
.ml150{margin-left:150px!important;}
.ml155{margin-left:155px!important;}
.ml160{margin-left:160px!important;}
.ml165{margin-left:165px!important;}
.ml170{margin-left:170px!important;}
.ml175{margin-left:175px!important;}
.ml180{margin-left:180px!important;}
.ml185{margin-left:185px!important;}
.ml190{margin-left:190px!important;}
.ml195{margin-left:195px!important;}
.ml200{margin-left:200px!important;}



.mr0  {margin-right:  0px!important;}
.mr5  {margin-right:  5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr55 {margin-right: 55px!important;}
.mr60 {margin-right: 60px!important;}
.mr65 {margin-right: 65px!important;}
.mr70 {margin-right: 70px!important;}
.mr75 {margin-right: 75px!important;}
.mr80 {margin-right: 80px!important;}
.mr85 {margin-right: 85px!important;}
.mr90 {margin-right: 90px!important;}
.mr95 {margin-right: 95px!important;}
.mr100{margin-right:100px!important;}

/*--- padding ---*/
.p0   {padding:  0px!important;}
.p5   {padding:  5px!important;}
.p10  {padding: 10px!important;}
.p15  {padding: 15px!important;}
.p20  {padding: 20px!important;}
.p25  {padding: 25px!important;}
.p30  {padding: 30px!important;}
.p35  {padding: 35px!important;}
.p40  {padding: 40px!important;}
.p45  {padding: 45px!important;}
.p50  {padding: 50px!important;}
.p55  {padding: 55px!important;}
.p60  {padding: 60px!important;}
.p65  {padding: 65px!important;}
.p70  {padding: 70px!important;}
.p75  {padding: 75px!important;}
.p80  {padding: 80px!important;}
.p85  {padding: 85px!important;}
.p90  {padding: 90px!important;}
.p95  {padding: 95px!important;}
.p100 {padding:100px!important;}

.pt0  {padding-top:  0px!important;}
.pt5  {padding-top:  5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt55 {padding-top: 55px!important;}
.pt60 {padding-top: 60px!important;}
.pt65 {padding-top: 65px!important;}
.pt70 {padding-top: 70px!important;}
.pt75 {padding-top: 75px!important;}
.pt80 {padding-top: 80px!important;}
.pt85 {padding-top: 85px!important;}
.pt90 {padding-top: 90px!important;}
.pt95 {padding-top: 95px!important;}
.pt100{padding-top:100px!important;}

.pb0  {padding-bottom:  0px!important;}
.pb5  {padding-bottom:  5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb55 {padding-bottom: 55px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb65 {padding-bottom: 65px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb75 {padding-bottom: 75px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb85 {padding-bottom: 85px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb95 {padding-bottom: 95px!important;}
.pb100{padding-bottom:100px!important;}

.pl0  {padding-left:  0px!important;}
.pl5  {padding-left:  5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pl55 {padding-left: 55px!important;}
.pl60 {padding-left: 60px!important;}
.pl65 {padding-left: 65px!important;}
.pl70 {padding-left: 70px!important;}
.pl75 {padding-left: 75px!important;}
.pl80 {padding-left: 80px!important;}
.pl85 {padding-left: 85px!important;}
.pl90 {padding-left: 90px!important;}
.pl95 {padding-left: 95px!important;}
.pl100{padding-left:100px!important;}
.pl105{padding-left:105px!important;}
.pl110{padding-left:110px!important;}
.pl115{padding-left:115px!important;}
.pl120{padding-left:120px!important;}
.pl125{padding-left:125px!important;}
.pl130{padding-left:130px!important;}
.pl135{padding-left:135px!important;}
.pl140{padding-left:140px!important;}
.pl145{padding-left:145px!important;}
.pl150{padding-left:150px!important;}
.pl155{padding-left:155px!important;}
.pl160{padding-left:160px!important;}
.pl165{padding-left:165px!important;}
.pl170{padding-left:170px!important;}
.pl175{padding-left:175px!important;}
.pl180{padding-left:180px!important;}
.pl185{padding-left:185px!important;}
.pl190{padding-left:190px!important;}
.pl195{padding-left:195px!important;}
.pl200{padding-left:200px!important;}





.pr0  {padding-right:  0px!important;}
.pr5  {padding-right:  5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pr55 {padding-right: 55px!important;}
.pr60 {padding-right: 60px!important;}
.pr65 {padding-right: 65px!important;}
.pr70 {padding-right: 70px!important;}
.pr75 {padding-right: 75px!important;}
.pr80 {padding-right: 80px!important;}
.pr85 {padding-right: 85px!important;}
.pr90 {padding-right: 90px!important;}
.pr95 {padding-right: 95px!important;}
.pr100{padding-right:100px!important;}

.fl {float: left!important;}
.fr {float: right!important;}
.cl{clear: both;}

.vt{vertical-align: top!important;}
.vb{vertical-align: bottom!important;}
.vm{vertical-align: middle!important;}

.l0{line-height: 0;}

.just{text-align: justify;}


/* reCAPTCHA アイコン非表示*/
/* .grecaptcha-badge { visibility: hidden; } */