/* インポート */
@import "/css/common.css";

/* =============================== coating =============================== */

/* ページタイトル */
#title h2{margin:0px auto 20px;}

/* ---------------------コーティング手順(共通)---------------------- */

/* テーブル：テキスト */
table td p{
	margin:0px;
	padding:0px;
	text-align:left;
}
table td{text-align:left;}

/* テーブル：部品名 */
dl.product-name{
	width:500px;
	margin:0px auto 20px;
}

/* clear hack */
dl.product-name{zoom:1;}
dl.product-name:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

dl.product-name dt{
	float:left;
	width:60px;
	margin:0px;
	padding:2px;
}
dl.product-name dd{
	float:right;
	width:420px;
	margin:0px;
	padding:3px 0px 0px 10px;
	color:#cf5005;
	font-size:16px;
	font-weight:bold;
	background-color:#fbdfc5;
	text-align:left;
}
/* テーブル：工程タイトル */
p.title{
	font-size:26px;
	font-weight:bold;
	color:#cf5005;
}
/* プリントする場合の注意書き */
.print{
	width:480px;
	margin:0px auto 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.print p{
	width:460px;
	margin:0px;
	padding:10px;
	text-align:left;
}
.print p span{
	font-weight:bold;
	color:#b21617;
}
/* ---------------------ウレタンコーティングの手順---------------------- */
#process-urethane table{
	width:580px;
	margin:0px auto 30px;
}
/* ウレタン:step1 */
#process-urethane table td.step1{
	width:292px;
	height:284px;
	vertical-align:top;
	background:url('../image/urethane_step1.gif') no-repeat 0 0px;
}
#process-urethane table td.step1 p.title{
	position:relative;
	top:35px;
	left:90px;
}
#process-urethane table td.step1 img{
	position:relative;
	top:35px;
	left:70px;
}
#process-urethane table td.step1 p.setumei{
	width:230px;
	position:relative;
	top:40px;
	left:60px;
}
/* ウレタン:step2 */
#process-urethane table td.step2{
	width:292px;
	vertical-align:top;
	background:url('../image/urethane_step2.gif') no-repeat 0 0px;
}
#process-urethane table td.step2 p.title{
	width:150px;
	position:relative;
	top:110px;
	left:130px;
}
#process-urethane table td.step2 p.setumei{
	width:150px;
	position:relative;
	top:105px;
	left:130px;
}
/* ウレタン:step3 */
#process-urethane table td.step3{
	height:294px;
	vertical-align:top;
	background:url('../image/urethane_step3.gif') no-repeat 0 0px;
}
#process-urethane table td.step3 p.title{
	width:150px;
	position:relative;
	top:30px;
	left:100px;
}
#process-urethane table td.step3 img{
	position:relative;
	top:30px;
	left:80px;
}
#process-urethane table td.step3 p.setumei{
	width:200px;
	position:relative;
	top:35px;
	left:70px;
}
/* ウレタン:step4 */
#process-urethane table td.step4{
	height:195px;
	vertical-align:top;
	background:url('../image/urethane_step4.gif') no-repeat 0 0px;
}
#process-urethane table td.step4 p.title{
	position:relative;
	top:90px;
	left:90px;
}
#process-urethane table td.step4 p.setumei{
	width:150px;
	position:relative;
	top:83px;
	left:90px;
}
/* ウレタン:step5 */
#process-urethane table td.step5{
	height:99px;
	vertical-align:top;
	background:url('../image/urethane_step5.gif') no-repeat 0 0px;
}
#process-urethane table td.step5 p.title{
	position:relative;
	top:35px;
	left:130px;
}
/* ウレタン:step6 */
#process-urethane table td.step6{
	height:323px;
	vertical-align:top;
	background:url('../image/urethane_step6.gif') no-repeat 0 0px;
}
#process-urethane table td.step6 p.title{
	position:relative;
	top:70px;
	left:90px;
}
#process-urethane table td.step6 img{
	position:relative;
	top:70px;
	left:70px;
}
#process-urethane table td.step6 p.setumei{
	width:200px;
	position:relative;
	top:75px;
	left:70px;
}
/* ウレタン:step7 */
#process-urethane table td.step7{
	height:360px;
	vertical-align:top;
	background:url('../image/urethane_step7.gif') no-repeat 0 0px;
}
#process-urethane table td.step7 p.title{
	position:relative;
	top:40px;
	left:95px;
}
#process-urethane table td.step7 img{
	position:relative;
	top:38px;
	left:75px;
}
#process-urethane table td.step7 p.setumei{
	width:200px;
	position:relative;
	top:40px;
	left:70px;
}
/* ウレタン:step8 */
#process-urethane table td.step8{
	height:196px;
	vertical-align:top;
	background:url('../image/urethane_step8.gif') no-repeat 0 0px;
}
#process-urethane table td.step8 p.title{
	font-size:26px;
	color:#cf5005;
	font-weight:bold;
	position:relative;
	top:35px;
	left:100px;
}
#process-urethane table td.step8 p.setumei{
	position:relative;
	top:30px;
	left:90px;
}
/* ウレタン:step9 */
#process-urethane table td.step9{
	height:196px;
	vertical-align:top;
	background:url('../image/urethane_step9.gif') no-repeat 0 0px;
}
#process-urethane table td.step9 p.title{
	position:relative;
	top:100px;
	left:85px;
}
#process-urethane table td.step9 p.setumei{
	width:200px;
	position:relative;
	top:95px;
	left:70px;
}

/* --------------------- フッ素樹脂コーティング---------------------- */
#process-teflon table{
	width:580px;
	margin:0px auto 30px;
}
/* フッ素樹脂:step1 */
#process-teflon table td.step1{
	height:278px;
	background:url('../image/teflon_step1.gif') no-repeat 0 0px;
}
#process-teflon table td.step1 p.title{
	position:relative;
	top:15px;
	left:90px;
}
#process-teflon table td.step1 img{
	position:relative;
	top:15px;
	left:70px;
}
#process-teflon table td.step1 p.setumei{
	width:220px;
	position:relative;
	top:20px;
	left:65px;
}
/* フッ素樹脂:step2 */
#process-teflon table td.step2{
	width:290px;
	height:278px;
	background:url('../image/teflon_step2.gif') no-repeat 0 0px;
}
#process-teflon table td.step2 p.title{
	width:160px;
	line-height:26px;
	position:relative;
	top:10px;
	left:130px;
}
#process-teflon table td.step2 p.setumei{
	width:170px;
	position:relative;
	top:13px;
	left:110px;
}
/* フッ素樹脂:step3 */
#process-teflon table td.step3{
	width:180px;
	height:313px;
	background:url('../image/teflon_step3.gif') no-repeat 0 0px;
}
#process-teflon table td.step3 p.title{
	width:150px;
	position:relative;
	top:0px;
	left:100px;
}
#process-teflon table td.step3 img{
	position:relative;
	top:0px;
	left:80px;
}
#process-teflon table td.step3 p.setumei{
	width:200px;
	position:relative;
	top:0px;
	left:75px;
}
/* フッ素樹脂:step4 */
#process-teflon table td.step4{
	height:203px;
	background:url('../image/teflon_step4.gif') no-repeat 0 0px;
}
#process-teflon table td.step4 p.title{
	font-size:26px;
	line-height:26px;
	color:#cf5005;
	font-weight:bold;
	position:relative;
	top:20px;
	left:85px;
}
#process-teflon table td.step4 p.setumei{
	width:190px;
	position:relative;
	top:25px;
	left:75px;
}
/* フッ素樹脂:step5 */
#process-teflon table td.step5{
	height:110px;
	background:url('../image/teflon_step5.gif') no-repeat 0 0px;
}
#process-teflon table td.step5 p.title{
	position:relative;
	top:15px;
	left:130px;
}
#process-teflon table td.step5 p.setumei{
	width:160px;
	position:relative;
	top:10px;
	left:120px;
}
/* フッ素樹脂:step6 */
#process-teflon table td.step6{
	height:129px;
	background:url('../image/teflon_step6.gif') no-repeat 0 0px;
}
#process-teflon table td.step6 p.title{
	position:relative;
	top:20px;
	left:80px;
}
#process-teflon table td.step6 p.setumei{
	position:relative;
	top:20px;
	left:80px;
}
/* フッ素樹脂:step7 */
#process-teflon table td.step7{
	height:129px;
	background:url('../image/teflon_step7.gif') no-repeat 0 0px;
}
#process-teflon table td.step7 p.title{
	position:relative;
	top:25px;
	left:110px;
}
#process-teflon table td.step7 p.setumei{
	width:180px;
	margin:0px 0px 0px 20px;
	position:relative;
	top:20px;
	left:80px;
}
/* フッ素樹脂:step8 */
#process-teflon table td.step8{
	height:324px;
	background:url('../image/teflon_step8.gif') no-repeat 0 0px;
}
#process-teflon table td.step8 p.title{
	position:relative;
	top:-60px;
	left:100px;
}
#process-teflon table td.step8 p.setumei{
	width:100px;
	position:relative;
	top:-65px;
	left:100px;
}
/* フッ素樹脂:step9 */
#process-teflon table td.step9{
	height:324px;
	background:url('../image/teflon_step9.gif') no-repeat 0 0px;
}
#process-teflon table td.step9 p.title{
	position:relative;
	top:25px;
	left:80px;
}
#process-teflon table td.step9 img{
	position:relative;
	top:25px;
	left:73px;
}
#process-teflon table td.step9 p.setumei{
	width:200px;
	position:relative;
	top:30px;
	left:70px;
}

/* --------------------- 塩ビコーティング---------------------- */
#process-vinyl table{
	width:580px;
	margin:0px auto 30px;
}
#process-vinyl table td p{
	margin:0px;
}
/* 塩ビ:step1 */
#process-vinyl table td.step1{
	width:300px;
	height:191px;
	background:url('../image/vinyl_step1.gif') no-repeat 0 0px;
}
#process-vinyl table td.step1 p.title{
	position:relative;
	top:-20px;
	left:80px;
}
#process-vinyl table td.step1 p.setumei{
	width:200px;
	position:relative;
	top:-20px;
	left:70px;
}
/* 塩ビ:step2 */
#process-vinyl table td.step2{
	width:280px;
	height:191px;
	background:url('../image/vinyl_step2.gif') no-repeat 0 0px;
}
#process-vinyl table td.step2 p.title{
	position:relative;
	top:20px;
	left:110px;
}
#process-vinyl table td.step2 p.setumei{
	width:230px;
	position:relative;
	top:15px;
	left:110px;
}
/* 塩ビ:step3 */
#process-vinyl table td.step3{
	height:133px;
	vertical-align:top;
	background:url('../image/vinyl_step3.gif') no-repeat 0 0px;
}
#process-vinyl table td.step3 p.title{
	width:170px;
	font-size:26px;
	color:#cf5005;
	font-weight:bold;
	position:relative;
	top:30px;
	left:85px;
}
#process-vinyl table td.step3 p.setumei{
	width:180px;
	position:relative;
	top:30px;
	left:85px;
}
/* 塩ビ:step4 */
#process-vinyl table td.step4{
	height:133px;
	vertical-align:top;
	background:url('../image/vinyl_step4.gif') no-repeat 0 0px;
}
#process-vinyl table td.step4 p.title{
	position:relative;
	top:30px;
	left:95px;
}
#process-vinyl table td.step4 p.setumei{
	width:160px;
	position:relative;
	top:25px;
	left:95px;
}
/* 塩ビ:step5 */
#process-vinyl table td.step5{
	height:301px;
	vertical-align:top;
	background:url('../image/vinyl_step5.gif') no-repeat 0 0px;
}
#process-vinyl table td.step5 p.title{
	position:relative;
	top:40px;
	left:80px;
}
#process-vinyl table td.step5 img{
	position:relative;
	top:40px;
	left:55px;
}
#process-vinyl table td.step5 p.setumei{
	width:200px;
	position:relative;
	top:45px;
	left:50px;
}
/* 塩ビ:step6 */
#process-vinyl table td.step6{
	height:301px;
	vertical-align:top;
	background:url('../image/vinyl_step6.gif') no-repeat 0 0px;
}
#process-vinyl table td.step6 p.title{
	width:170px;;
	position:relative;
	top:65px;
	left:80px;
}
#process-vinyl table td.step6 img{
	position:relative;
	top:65px;
	left:60px;
}
#process-vinyl table td.step6 p.setumei{
	width:210px;
	position:relative;
	top:70px;
	left:50px;
}
/* 塩ビ:step7 */
#process-vinyl table td.step7{
	height:124px;
	vertical-align:top;
	background:url('../image/vinyl_step7.gif') no-repeat 0 0px;
}
#process-vinyl table td.step7 p.title{
	position:relative;
	top:45px;
	left:90px;
}
#process-vinyl table td.step7 p.setumei{
	width:180px;
	position:relative;
	top:40px;
	left:80px;
}
/* 塩ビ:step8 */
#process-vinyl table td.step8{
	height:107px;
	vertical-align:top;
	background:url('../image/vinyl_step8.gif') no-repeat 0 0px;
}
#process-vinyl table td.step8 p.title{
	font-size:26px;
	color:#cf5005;
	font-weight:bold;
	position:relative;
	top:50px;
	left:110px;
}
#process-vinyl table td.step8 p.setumei{
	width:230px;
	position:relative;
	top:45px;
	left:100px;
}
/* 塩ビ:step9 */
#process-vinyl table td.step9{
	height:231px;
	vertical-align:top;
	background:url('../image/vinyl_step9.gif') no-repeat 0 0px;
}
#process-vinyl table td.step9 p.title{
	position:relative;
	top:110px;
	left:80px;
}
#process-vinyl table td.step9 p.setumei{
	width:200px;
	position:relative;
	top:105px;
	left:70px;
}
/* 塩ビ:step10 */
#process-vinyl table td.step10{
	height:280px;
	vertical-align:top;
	background:url('../image/vinyl_step10.gif') no-repeat 0 0px;
}
#process-vinyl table td.step10 p.title{
	position:relative;
	top:80px;
	left:200px;
}
#process-vinyl table td.step10 img{
	position:relative;
	top:40px;
	left:350px;
}
#process-vinyl table td.step10 p.setumei{
	width:170px;
	position:relative;
	top:-100px;
	left:170px;
}