@charset "UTF-8";

/*--------------------------------------------------------------------
works.html
works.css
--------------------------------------------------------------------*/


/*------------Title------------------------------------*/
div#Title h2 { color: #3279be; }


/*------------TopNav------------------------------------*/
div#TopNav { width: 980px; }


/*------------SubT------------------------------------*/
div#SubT {
	background: rgb(50,121,190);
	background: -moz-linear-gradient(left, rgba(50,121,190,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(50,121,190,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(50,121,190,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3279be', endColorstr='#ffffff',GradientType=1 );
}
div#SubT:before { background-image: url(../../img/parts/sub_t01.png); }
div#SubT * { color: #3279be; }


/*------------InBox------------------------------------*/
div.InBox h3 { background-image: url(../../img/parts/title_line01-2.png); }


p.TopTxt {
	margin-bottom: 20px;
	line-height: 1.2;
	text-align: center;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.87em;
	color: #3279be;
}


/*------------processing------------------------------------*/
div#processing ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#processing ul li {
	width: 310px;
	margin-right: 25px;
	float: left;
}
div#processing ul li:nth-child(3n) { margin-right: 0; }

div#processing ul#TxtList { margin: 0.8em 0 -10px; }
div#processing ul#TxtList li {
	margin-bottom: 10px;
	padding: 10px 20px;
	background: #eaeaea;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	text-align: center;
}

div#processing ul#PhoList { margin: 30px 0 -30px; }
div#processing ul#PhoList li { margin-bottom: 30px; }
div#processing ul#PhoList li p + p { margin-top: 0.35em; }


/*------------flow------------------------------------*/
div#flow div.floPho {
	width: 400px;
	float: right;
}
div#flow div.floTxt {
	width: 560px;
	float: left;
}
div#flow div.floTxt p + p { margin-top: 0.8em; }
div#flow div.floTxt ol {
	margin-top: 0.8em;
	padding-left: 1.5em;
}
div#flow div.arrow {
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: url(../../img/pc/works/flow_arrow.png) no-repeat center bottom;
}


/*------------devequal------------------------------------*/
div#devequal div#devPho {
	width: 400px;
	float: right;
}
div#devequal div#devTxt {
	width: 560px;
	float: left;
}
div#devequal div.devTxtList {
	display: table;
	width: 100%;
}
div#devequal div.devTxtList + div.devTxtList { margin-top: 10px; }
div#devequal div.devTxtList p,
div#devequal div.devTxtList dl { display: table-cell; }
div#devequal div.devTxtList p {
	width: 1em;
	padding: 0.35em 0.5em;
	background-color: #3279be;
	border: 1px solid #3279be;
	font-size: 1.12em;
	font-weight: bolder;
	color: #fff;
}
div#devequal div.devTxtList dl {
	padding: 0.35em 0.5em;
	border: 1px solid #3279be;
	line-height: 1.2;
}
div#devequal div.devTxtList dl dt {
	margin-bottom: 0.15em;
	font-size: 1.25em;
	font-weight: bolder;
	color: #3279be;
}
div.PhoList ul {
	width: 100%;
	margin: 0.8em 0 -20px;
	list-style: none;
	overflow: hidden;
}
div.PhoList ul li {
	width: 310px;
	margin-right: 25px;
	margin-bottom: 20px;
	float: left;
}
div.PhoList ul li:nth-child(3n) { margin-right: 0; }
div.PhoList ul li p + p {
	margin-top: 0.35em;
	text-align: center;
}


/*------------equipment------------------------------------*/
div#equipment h5 {
	margin: 0 auto 15px;
	padding: 0 0.35em 0.25em;
	border-bottom: 1px solid #959595;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-size: 1.25em;
}
div#equipment div#equPho {
	width: 400px;
	float: right;
}
div#equipment div#equTxt {
	width: 560px;
	float: left;
}
div#equipment p + p { margin-top: 0.8em; }
div#equipment div#appliBtn {
	width: 260px;
	margin-top: 0.8em;
}
div#equipment div#appliBtn a {
	display: block;
	height: 32px;
	background: url(../../img/pc/works/applicator_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	transition: opacity .3s;
}
div#equipment div#PdfDl {
	width: 100%;
	margin-top: 0.8em;
	padding: 10px 20px;
	background: #eaeaea;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}
div#equipment div#PdfDl dl {
	display: table;
	width: 100%;
}
div#equipment div#PdfDl dl dt,
div#equipment div#PdfDl dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 1.2;
}
div#equipment div#PdfDl dl dt { padding-right: 0.8em; }
div#equipment div.factory { margin-top: 20px; }
div#equipment table tr th,
div#equipment table tr td {
	border-left: 1px solid #bfbfbf;
	text-align: center;
}
div#equipment table tr th:nth-child(1),
div#equipment table tr td:nth-child(1) { border-left: 0 none; }