@charset "utf-8";

html {
	overflow-y:scroll;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
*{zoom:1;}
.clearfix {display:block;}
/* --- /clearfix ---*/

img {
	vertical-align:bottom;
	outline:none;
	border:none;
	}

a,
a:link,
a:visited {
	color:#009BE0;
	text-decoration:none;
}
a:hover {
	opacity:0.70;
	filter:alpha(opacity=70);
}
a:active {
}


body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#000;
	
	-webkit-text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	}
	
* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	-webkit-text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	}


.site-width {
	width:1500px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.side_margin {
	padding:0 10px;
}




/* ---------------------------------------- 
 - layout
---------------------------------------- */
#wrapper {
}

header {
	position:relative;
}

header nav {
	position:fixed;
	z-index:100;
	width:100%;
}


header .slide_wrapper {
	position:fixed;
	top:72px;
	width:1500px;
-	height:886px;
}

header .copy_chara_wrapper {
	position:relative;
}



section {
	position:absolute;
	top:72px;
	padding-top:464px;
	width:100%;
}

section article {
	background:#fff;
	padding:100px 0;
}

footer {
	background:#999;
}




/* ---------------------------------------- 
 - header
---------------------------------------- */
header {
}

header nav .site-width {
	padding:0 12px;
}


header nav {
	height:72px;
	box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.2);
	background:#fff;
}



header a {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

header h1 {
	float:left;
	margin-top:14px;
}

header h1 a {
	width:243px;
	height:44px;
	background:url(img/head_h1_logo.png) 0 0 no-repeat;
}


header ul {
	float:right;
	margin-top:24px;
	overflow:hidden;
	border-right:1px solid #000;
}

header li {
	float:left;
	border-left:1px solid #000;
}

header li a {
	width:156px;
	height:25;
}



header .nav01 a {
	background:url(img/head_nav_01.png) center center no-repeat;
}
header .nav02 a {
	background:url(img/head_nav_02.png) center center no-repeat;
}
header .nav03 a {
	background:url(img/head_nav_03.png) center center no-repeat;
}
header .nav04 a {
	background:url(img/head_nav_04.png) center center no-repeat;
}
header .nav05 a {
	background:url(img/head_nav_05.png) center center no-repeat;
}
header .nav06 a {
	background:url(img/head_nav_06.png) center center no-repeat;
}




/* ---------------------------------------- 
 - footer
---------------------------------------- */
footer {
	overflow:hidden;
}

footer .site-width {
	padding:30px 10px 16px;
	height:360px;
	position:relative;
}

footer a {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

footer h2 a {
	width:243px;
	height:43px;
	background:url(img/foot_h2_logo.png) 0 0 no-repeat;
}


footer ul {
	overflow:hidden;
	position:absolute;
	top:130px;
	right:110px;
}

footer li {
	float:left;
	margin-left:134px;
}

footer li a {
	width:156px;
	height:30;
}



footer .nav01 a {
	width:55px;
	background:url(img/foot_nav_01.png) center center no-repeat;
}
footer .nav02 a {
	width:56px;
	background:url(img/foot_nav_02.png) center center no-repeat;
}
footer .nav03 a {
	width:56px;
	background:url(img/foot_nav_03.png) center center no-repeat;
}
footer .nav04 a {
	width:74px;
	background:url(img/foot_nav_04.png) center center no-repeat;
}
footer .nav05 a {
	width:132px;
	background:url(img/foot_nav_05.png) center center no-repeat;
}
footer .nav06 a {
	width:127px;
	background:url(img/foot_nav_06.png) center center no-repeat;
}



footer copylight {
	width:100%;
	display:block;
	text-align:center;
	color:#fff;
	position:absolute;
	bottom:10px;
	font-size:11px;
}






/* ---------------------------------------- 
 - ホーム
---------------------------------------- */
#home section {
	padding-top:886px;
}

#home header .copy,
#home header .chara {
	position:absolute;
}

#home header .copy {
	top:324px;
	left:380px;
}

#home header .chara {
	top:257px;
	left:959px;
}


#home header .slideshow,
#home header .slideshow img.pic2,
#home header .slideshow img.pic3,
#home header .copy,
#home header .chara {
	display:none;
}

#home header .slideshow {
	width:1500px;
-	height:886px;
	overflow:hidden;
}

#home header .slidecopy {
	width:1500px;
	height:886px;
	overflow:hidden;
}

#home header .slideshow img {
	position:absolute;
	top:0;
	left:0;
}


#home article h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	width:224px;
	height:39px;
	background:url(img/home_h2.png) 0 0 no-repeat;
	margin:0 auto 25px;
}

#home article .service_copy {
/*
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(img/home_service_copy.png) 0 0 no-repeat;
	height:67px;
*/
	width:530px;
	margin:0 auto 30px;
}

#home article ul {
	overflow:hidden;
	margin-bottom:70px;
}
#home article li {
	width:499px;
	overflow:hidden;
	float:left;
	text-align:center;
}

#home article li.service_2 {
	margin:0 1px;
}

#home article li p {
	border-bottom:1px solid #ccc;
	padding:2em 0 2.5em;
	background:url(img/home_service_arrow.png) right 3px bottom 3px no-repeat;
}

#home article li.service_2 p {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}



/* ---------------------------------------- 
 - よくあるお問い合せ
---------------------------------------- */

#faq .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(faq/img/title.jpg) 0 0 no-repeat;
	height:464px;
}





#faq article dl {
	width:1055px;
	margin:2em auto;
}


#faq article dt {
	background:#009CE1;
	color:#fff;
	padding:1.5em 86px;
}

#faq article dd {
	padding:1.0em 86px 3em;
}

#faq article dd span {
	display:block;
	padding-left:1em;
	text-indent:-1em;
}



/* ---------------------------------------- 
 - よくあるお問い合せ
---------------------------------------- */

#privacy .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(privacy/img/title.jpg) 0 0 no-repeat;
	height:464px;
}


#privacy article .site-width {
	width:1055px;
	font-size:88%;
}

#privacy article p {
	margin:0 1em 1em;
}

#privacy article h3 {
	font-size:122%;
	border-bottom:1px solid #000;
	padding:5px 28px;
	margin-bottom:1em;
	margin-top:3em;
}

#privacy article h3 span {
	display:block;
	border-left:7px solid #009CE1;
	padding:0.5em 1em;
}

#privacy article ul {
	list-style-type:disc;
	padding-left:1.5em;
	margin-left:2em;
}

#privacy article li {
	margin-bottom:3px;
}






/* ---------------------------------------- 
 - 会社概要
---------------------------------------- */

#company .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(company/img/title.jpg) 0 0 no-repeat;
	height:464px;
}


#company article .site-width {
	width:1055px;
	font-size:88%;
}


#company article table {
	width:100%;
	border-top:1px solid #000;
	margin-bottom:56px;
}

#company article th,
#company article td {
	padding:18px 0;
	border-bottom:1px solid #000;
}

#company article th {
	width:166px;
	padding-left:55px;
	vertical-align:middle;
}


#company article td span {
	display:block;
	border-left:7px solid #009CE1;
	padding:24px 0 24px 50px;
}


#company article dt {
	float:left;
	clear:left;
	width:454px;
	height:90px;
}

#company article dd {
	margin-left:454px;
	height:90px;
	padding-top:1.5em;
}


#company article .first {
	margin-bottom:3em;
}


#company article dd a {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(company/img/button_map.png) 0 0 no-repeat;
	width:323px;
	height:51px;
}


#company article a.soshikizu {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(company/img/button_soshikizu.png) 0 0 no-repeat;
	width:323px;
	height:91px;
	margin-left:678px;
}






/* ---------------------------------------- 
 - メッキ 鍍金
---------------------------------------- */

#plating .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/title.jpg) 0 0 no-repeat;
	height:464px;
}

#plating article .site-width {
	width:1379px;
}


#plating article a {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	width:658px;
	height:257px;
}

#plating article a.lup_01 {
	background:url(plating/img/lup_01.png) 0 0 no-repeat;
	float:left;
}
#plating article a.lup_02 {
	background:url(plating/img/lup_02.png) 0 0 no-repeat;
	float:right;
}
#plating article a.lup_03 {
	background:url(plating/img/lup_03.png) 0 0 no-repeat;
	float:right;
	margin-top:62px;
}

#plating article a.lup_04 {
	background:url(plating/img/lup_04.png) 0 0 no-repeat;
	float:left;
	margin-top:62px;
}


/* ---------------------------------------- 
 - 部分リフロースズめっき
---------------------------------------- */
#sp_suzu .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
background:url(plating/img/sp_suzu_title.jpg) 0 0 no-repeat;
    
	height:464px;
}

#suzu_table {
	width:1120px;
	border:1px solid #666;
	margin:0 auto 30px;
}

#suzu_table th,
#suzu_table td {
	text-align:center;
	width:33.3%;
	padding:1.5em 0;
	font-size:111%;
}

#suzu_table th {
	background:#666;
	color:#fff;
	font-weight:bold;
}

#suzu_table td {
	background:#eee;
}
#suzu_table .odd td {
	background:#fff;
}

/*#suzu_table .odd .sen{
    border-top: 5px;
}*/
.suzu_proven{
    font-weight:bold;
	color:#009BE0;
    margin-left: 735px;
    font-size: 1.2em;
}

#sp_suzu article .site-width {
	width:1283px;
}

#sp_suzu article .pic1 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_hrd_pic1.png) 0 0 no-repeat;
	width:1165px;
	height:407px;
	margin:0 auto 54px;
}


#sp_suzu article .sec1 {
	margin:0 0 5em 2em;
	overflow:hidden;
}

#sp_suzu article .sec1 img {
	float:left;
	margin-right:100px;
}

#sp_suzu article .sec1 p {
	margin-top:160px;
	font-size:138%;
}


/*
#sp_suzu article .sec2 {
	margin:0 0 15px 515px;
	overflow:hidden;
}


#sp_suzu article .sec2 div {
	overflow:hidden;
	margin-bottom:3em;
}

#sp_suzu article .sec2 div p {
	float:left;
	font-size:111%;
}

#sp_suzu article .sec22 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_hrd_pic3.png) 0 0 no-repeat;
	width:545px;
	height:231px;
	margin:2em 4em 0 1em;
}

#sp_suzu article .sec23 {
	margin-top:10.5em;
}
*/

/* ---------------------------------------- 
 - 銀めっきラインナップ
---------------------------------------- */
#sp_lup .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_lup_title.jpg) 0 0 no-repeat;
	height:464px;
}

#sp_lup article .site-width {
	width:1283px;
}


#dev4 article h3,
#sp_lup article h3,
#sp_hrd article h3,
#sp_htr article h3
#sp_suzu article h3{
	font-size:155%;
	font-weight:bold;
	color:#009BE0;
	border-bottom:1px solid #009BE0;
	margin-bottom:60px;
}

#lup_table {
	width:1120px;
	border:1px solid #666;
	margin:0 auto 110px;
}

#lup_table th,
#lup_table td {
	text-align:center;
	width:33.3%;
	padding:1.5em 0;
	font-size:111%;
}

#lup_table th {
	background:#666;
	color:#fff;
	font-weight:bold;
}

#lup_table td {
	background:#eee;
}
#lup_table .odd td {
	background:#fff;
}



#pure {
	width:1100px;
	margin:0 auto 120px;
	overflow:hidden;
}

#pure li {
	width:50%;
	float:left;
	text-align:center;
}

#pure img {
	margin-bottom:1em;
}

#pure .pure1 img {
	margin-top:0.5em;
}




/* ---------------------------------------- 
 - 銀めっきラインナップ
---------------------------------------- */
#sp_hrd .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_hrd_title.jpg) 0 0 no-repeat;
	height:464px;
}

#sp_hrd article .site-width {
	width:1283px;
}

#sp_hrd article .pic1 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_hrd_pic1.png) 0 0 no-repeat;
	width:1165px;
	height:407px;
	margin:0 auto 54px;
}


#sp_hrd article .sec1 {
	margin:0 0 5em 2em;
	overflow:hidden;
}

#sp_hrd article .sec1 img {
	float:left;
	margin-right:100px;
}

#sp_hrd article .sec1 p {
	margin-top:160px;
	font-size:138%;
}


#sp_hrd article .sec2 {
	margin:0 0 5em 2em;
	overflow:hidden;
}


#sp_hrd article .sec2 div {
	overflow:hidden;
	margin-bottom:3em;
}

#sp_hrd article .sec2 div p {
	float:left;
	font-size:111%;
}

#sp_hrd article .sec22 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_hrd_pic3.png) 0 0 no-repeat;
	width:545px;
	height:231px;
	margin:2em 4em 0 1em;
}

#sp_hrd article .sec23 {
	margin-top:10.5em;
}


#workability {
	width:1113px;
	border:1px solid #666;
	margin:0 auto 2em;
}

#workability th,
#workability td {
	text-align:center;
	width:33.3%;
	padding:1.5em 0;
	font-size:111%;
	vertical-align:middle;
}

#workability th {
	background:#666;
	color:#fff;
	font-weight:bold;
}

#workability td {
	background:#eee;
}
#workability .odd td {
	background:#fff;
}

#workability .odd td {
	color:#009BE0;
}

#workability .odd td.second {
	color:#000;
}


#sp_hrd article .d_arrow {
	font-size:144%;
	text-align:center;
	margin-bottom:1em;
}
#sp_hrd article .mage {
	font-size:144%;
	font-weight:bold;
	text-align:center;
	padding:1em 0;
	width:670px;
	margin:0 auto 4em;
	border:3px solid #009BE0;
	border-radius:5px;
}
#sp_hrd article .kanou {
	font-size:133%;
	margin-bottom:3em;
}


#sp_hrd article h4 {
	font-size:111%;
	font-weight:bold;
	margin-bottom:1em;
}
#sp_hrd article .pic_hikaku {
	margin-left:2em;
	margin-bottom:3.5em;
}



#sp_hrd article h5 {
	font-size:144%;
	margin-bottom:0.5em;
}
#sp_hrd article .kakoumae {
	font-size:144%;
	font-weight:bold;
	color:#009BE0;
	margin-left:1em;
}





/* ---------------------------------------- 
 - 高耐熱銀めっき
---------------------------------------- */
#sp_htr .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(plating/img/sp_htr_title.jpg) 0 0 no-repeat;
	height:464px;
}

#sp_htr article .site-width {
	width:1283px;
}


#sp_htr article h4 {
	font-size:122%;
	font-weight:bold;
	margin:-1em 0 1em 1em;
}

#sp_htr article .sec1 {
	width:1113px;
	margin:0 auto 5em;
}

#sp_htr article .sec1 p {
	font-size:111%;
	margin:0 0 1em 0;
}

#sp_htr article .sec1 table {
}


#fiveh {
	width:100%;
	border:1px solid #666;
	margin:0 auto 2em;
}

#fiveh th,
#fiveh td {
	text-align:center;
	padding:1.5em 0;
	font-size:111%;
	vertical-align:middle;
}
#fiveh td {
	padding:3em 0;
}

#fiveh .seihin {
	width:23%;
}
#fiveh .mekkisou {
	width:23%;
}
#fiveh .tenmin {
	width:54%;
}


#fiveh th {
	background:#666;
	color:#fff;
	font-weight:bold;
}

#fiveh td {
	background:#eee;
}
#fiveh .odd td {
	background:#fff;
}

#fiveh .third {
	text-align:left;
	padding-left:3em;
}

#fiveh .third img {
	float:left;
	margin-right:1em;
}

#fiveh .third p {
	padding-top:3.5em;
}

#sp_htr article .crad {
	margin-bottom:5em;
}

#sp_htr article .sec2 {
	padding-top:2.5em;
	margin-left:1em;
	margin-bottom:3em;
}


#sp_htr article .sec2 h5 {
	font-size:106%;
	font-weight:bold;
	color:#009BE0;
	margin-bottom:1.5em;
}

#sp_htr article .sec2 .first {
	padding-right:6em;
}








/* ---------------------------------------- 
 - 開発
---------------------------------------- */
#development .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(development/img/dev0_title.jpg) 0 0 no-repeat;
	height:464px;
}

#title_bottom {
	width:1500px;
	background:#000;
	height:229px;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}

#title_bottom p {
	margin:0 auto;
	width:634px;
}

#development section {
	padding-top:693px;
}

#development section article {
	padding:0;
}


#development article a,
#development article img {
	float:left;
}

#development article a {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	width:750px;
	height:227px;
}

#development .link1 {
	background:url(development/img/dev0_link1.jpg) 0 0 no-repeat;
}
#development .link2 {
	background:url(development/img/dev0_link2.jpg) 0 0 no-repeat;
}
#development .link3 {
	background:url(development/img/dev0_link3.jpg) 0 0 no-repeat;
}
#development .link4 {
	background:url(development/img/dev0_link4.jpg) 0 0 no-repeat;
}







/* ---------------------------------------- 
 - SERVICE 1 試作の流れ
---------------------------------------- */
#dev1 .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(development/img/dev1_title.jpg) 0 0 no-repeat;
	height:464px;
}

#dev1 article .site-width {
	width:1195px;
}



#dev1 article div h3 {
	font-size:255%;
	margin-bottom:0.5em;
	text-align:center;
}

#dev1 article div div {
	overflow:hidden;
	margin-bottom:170px;
}
#dev1 article .sec5 {
	margin-bottom:2em;
}

#dev1 article div div span {
	display:block;
	width:760px;
}

#dev1 article .sec3 span {
	width:580px;
}
#dev1 article .sec4 span {
	width:550px;
}


#dev1 .sec5 span,
#dev1 .sec4 img,
#dev1 .sec3 span,
#dev1 .sec2 img,
#dev1 .sec1 span {
	float:left;
}


#dev1 .sec5 img,
#dev1 .sec4 span,
#dev1 .sec3 img,
#dev1 .sec2 span,
#dev1 .sec1 img {
	float:right;
}

#dev1 article div div a {
	display:block;
	width:322px;
	margin-top:1em;
	color:#fff;
	text-align:center;
	padding:1em 0;
	background:#009CE1;
}

#dev1 .sec1 a {
-	background:url(development/img/dev1_btn_form.gif) 0 0 no-repeat;
}
#dev1 .sec3 a {
-	background:url(development/img/dev1_btn_dev4.gif) 0 0 no-repeat;
}







/* ---------------------------------------- 
 - SERVICE 2 開発実績
---------------------------------------- */
#dev2 .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(development/img/dev2_title.jpg) 0 0 no-repeat;
	height:464px;
}
#dev2 section {
	padding-top:693px;
}

#dev2 article .site-width {
	width:1069px;
}


#dev2 article div div {
	overflow:hidden;
	margin-bottom:130px;
}
#dev2 article div div.sec3 {
	margin-bottom:2em;
}

#dev2 article h3 {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:1em;
	margin-bottom:1em;
}
#dev2 article p {
	margin-left:2em;
	margin-bottom:1em;
}

#dev2 article span {
	float:left;
	display:block;
	padding:1em;
	color:#fff;
	margin-left:1.5em;
}

#dev2 .sec2 span {
	background:#FFC1C1;
}

#dev2 article .sec3 span {
	float:none;
	text-align:center;
	background:#009CE1;
}







/* ---------------------------------------- 
 - SERVICE 3 求められる特性とめっき一覧
---------------------------------------- */
#dev3 .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(development/img/dev3_title.jpg) 0 0 no-repeat;
	height:464px;
}

#dev3 #title_bottom p {
	width:100%;
	text-align:center;
}

#dev3 section {
	padding-top:693px;
}

#dev3 article .site-width {
	width:1069px;
}

#dev3 article table {
	width:100%;
	margin-bottom:3em;
}

#dev3 article th,
#dev3 article td {
	border:1px solid #000;
	vertical-align:middle;
	text-align:center;
	padding:1em;
}

#dev3 article th {
	background:#b2e0ff;
}

#dev3 .cell1 {
	width:16%;
}

#dev3 .cell2,
#dev3 .cell3,
#dev3 .cell4 {
	width:28%;
}

#dev3 article .left {
	text-align:left;
}
#dev3 article .twoem {
	padding-left:2.5em;
	padding-right:2.5em;
}

#dev3 article td p {
	text-indent:-1em;
	padding-left:1em;
	line-height:1.3;
	margin-bottom:0.5em;
}







/* ---------------------------------------- 
 - SERVICE 4試作イメージ
---------------------------------------- */
#dev4 .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(development/img/dev4_title.jpg) 0 0 no-repeat;
	height:464px;
}

#dev4 article .site-width {
	width:1320px;
}

#dev4 article #dev4_wrapper {
	width:1025px;
	height:880px;
	overflow:hidden;
	position:relative;
	margin:5em auto;
}
#dev4 article #dev4_wrapper img {
	position:absolute;
	display:none;
}









/* ---------------------------------------- 
 - お問い合わせ
---------------------------------------- */
#contact .slide_wrapper h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background:url(contact/img/title.jpg) 0 0 no-repeat;
	height:464px;
}

#contact #title_bottom p {
	width:100%;
	text-align:center;
}

#contact section {
	padding-top:693px;
}

#contact article .site-width {
	width:1055px;
}

#contact article table {
	width:100%;
}


#contact article th,
#contact article td {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:1em 2em;
}

#contact article th {
	width:32%;
	vertical-align:top;
}

#contact article th span {
	display:block;
	border-left:7px solid #009CE1;
	padding:1em;
}

#contact article td {
	vertical-align:middle;
}

#contact article td input,
#contact article td textarea {
	font-size:100%;
	padding:0.5em 1em;
	border:3px solid #ccc;
	border-radius:5px;
	width:100%;
}

#cbtn {
	width:767px;
	margin:60px auto;
	overflow:hidden;
}

#cbtn input {
	width:307px;
	height:86px;
	font-size:127%;
	border-radius:20px;
}

#cbtn input:hover {
	cursor:pointer;
	opacity:0.70;
	filter:alpha(opacity=70);
}

#sbmt {
	background:#009CE1;
	color:#fff;
	float:left;
	border:none;
	border-right:3px solid #006DD9;
	border-bottom:3px solid #006DD9;
}

#rest {
	background:#eee;
	float:right;
	border:none;
	border-right:3px solid #999;
	border-bottom:3px solid #999;
}

#contact article h3 {
	font-size:155%;
	font-weight:bold;
-	color:#009BE0;
	border-bottom:3px solid #009BE0;
	margin-bottom:0.5em;
	padding-left:0.5em;
}


#contact article h4 {
	font-size:120%;
	margin-bottom:2em;
}

.error_messe {
	color:red;
	margin-bottom:0.5em;
}






#cmp-link {
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	bottom:45px;
	font-size:90%;
}

#cmp-link a {
	display:inline;
	text-indent:0;
	color:#fff;
	line-height:1.8;
}