@charset "UTF-8";
/* style.css (business) */

/* Contents
---------------------------------------------------------- */

/* Topic Path */
body.sp2 div#contents p.topicPath {
	min-height: 14px;
}

* html body.sp2 div#contents p.topicPath { /* for Win IE6 */
	height: 34px;
}


/* Main
---------------------------------------------------------- */

body.sp2 div#contents div.main,
body.sp3 div#contents div.main {
	position: relative;
}

div#contents div.main h1 {
	margin-bottom: 20px;
}

body.sp3 div#contents div.main h1 {
	margin-bottom: 15px;
}

body.sp2 div#contents div.main p {
	width: 410px;
	min-height: 91px;
	margin-bottom: 12px;
}

body.sp3 div#contents div.main p {
	margin-bottom: 30px;
}

* html body.sp2 div#contents div.main p { /* for Win IE6 */
	height: 91px;
}

div#contents div.main p.lead {
	margin-bottom: 10px;
}

body.sp2 div#contents div.main p.lead {
	width: auto;
	height: auto;
	min-height: 0;
}

body.sp3 div#contents div.main p.lead {
	margin-bottom: 12px;
}

div#contents div.main div.section h2 {
	margin-bottom: 12px;
}

body.sp2 div#contents div.main div.section h2,
body.sp3 div#contents div.main div.section h2 {
	margin-bottom: 15px;
}

div#contents div.main div.section {
	margin-bottom: 30px;
}

div#contents div.main div.section.end {
	margin-bottom: 0;
}

/* Index Page */
div#contents div.main div.index div.section {
	margin-bottom: 0;
}

div#contents div.main div.index div.section h2 {
	margin-bottom: 0;
}

div#contents div.main div.index div.section p {
	padding: 0 13px 9px;
}

div#contents div.main div.index div.section p span.image {
	display: block;
	margin-bottom: 5px;
}

/* Text List */
div#contents div.main ul.textList {
	float: left;
	width: 340px;
}

/* Image List */
div#contents div.main ul.imageList {
	margin-bottom: 30px;
}

div#contents div.main ul.imageList.col2 {
	margin-bottom: 0;
}

body.sp2 div#contents div.main ol.imageList.col3,
body.sp3 div#contents div.main ol.imageList.col3 {
	margin-bottom: 16px;
}

body.sp2 div#contents div.main ul.imageList.col4,
body.sp3 div#contents div.main ul.imageList.col4 {
	margin: -8px 0 0;
}

body.sp2 div#contents div.main ul.imageList.col4 li,
body.sp3 div#contents div.main ul.imageList.col4 li {
	margin-top: 8px;
}

body.sp2 div#contents div.main ul.imageList.col4 li span.caption,
body.sp3 div#contents div.main ul.imageList.col4 li span.caption {
	font-weight: bold;
}

/* Table */
div#contents div.main table {
	margin-bottom: 15px;
}

div#contents div.main table.end {
	margin-bottom: 0;
}

div#contents div.main table tr th.heading {
	background-color: #fff;
}

div#contents div.main table tr.even th.heading {
	background-color: #f0f0f0;
}

div#contents div.main table tr td {
	text-align: center;
}

div#contents div.main table.end tr td {
	text-align: left;
}

div#contents div.main table tr td.safety {
	background-color: #cff;
	text-align: center;
	vertical-align: middle;
}

/* Specific Style */
div#contents div.main div.section div.flow {
	margin-top: 25px;
	padding-bottom: 15px;
	background-color: #f0f0f0;
}

div#contents div.main div.section div.flow h3 {
	margin-bottom: 15px;
}

div#contents div.main div.section div.flow ol {
	margin-left: 15px;
}

div#contents div.main div.section div.flow ol li {
	float: left;
}

div#contents div.main div.section div.flow ol li.manufacturing {
	position: relative;
}

div#contents div.main div.section div.flow ol li.manufacturing ol {
	position: absolute;
	top: 30px;
	left: 6px;
	margin: 0;
}

body.sp2 div#contents div.main p.productImage {
	position: absolute;
	top: -34px;
	right: 0;
	width: auto;
	height: auto;
	min-height: 0;
}

body.sp3 div#contents div.main p.productImage {
	position: absolute;
	top: -12px;
	right: 0;
}


/* Sub
---------------------------------------------------------- */

/* Local Navigation */
div#contents div.sub dl.lnav dd.index a {
	background-image: url(../image/lnav_index_on.gif)
}

div#contents div.sub dl.lnav dd.spring a {
	background-image: url(../image/lnav_spring_on.gif);
}

div#contents div.sub dl.lnav dd.automatic_coating a {
	background-image: url(../image/lnav_automatic_coating_on.gif);
}

div#contents div.sub dl.lnav dd.coating_jig a {
	background-image: url(../image/lnav_coating_jig_on.gif);
}

div#contents div.sub dl.lnav dd.special_mamachine a {
	background-image: url(../image/lnav_special_mamachine_on.gif);
}

div#contents div.sub dl.lnav dd.press a {
	height: 42px;
	background-image: url(../image/lnav_press_on.gif);
}

div#contents div.sub dl.lnav dd.constraction_material a {
	height: 42px;
	background-image: url(../image/lnav_constraction_material_on.gif);
}


/* ClearFix
---------------------------------------------------------- */

div#contents div.main div.section:after,
div#contents div.main div.section div.flow ol:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
}

div#contents div.main div.section,
div#contents div.main div.section div.flow ol {
	display: inline-block;
}

div#contents div.main div.section,
div#contents div.main div.section div.flow ol {
	display: block;
}


/* end */