@charset "UTF-8";

/* ===================================
	INDEX STYLE
		1. COMMON STYLE
		2. INDEX STYLE
		3. COMPANY STYLE
		4. PRODUCT STYLE
		5. EQUIPMENT STYLE
		6. RECRUIT STYLE
		7. MAIL STYLE
		8. OEM STYLE  (tamaya)
=================================== */



/* 1. COMMON STYLE
-------------------------- */

#Page img.TopImage {
 display: block;
 clear: both;
 width: 760px;
 height: 200px;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
}
#Page object.TopImage {
 clear: both;
 width: 760px;
 height: 200px;
 text-align: left;
 vertical-align: bottom;
 background-color: transparent;
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
}
#Page h2.TopImage {
 display: block;
 width: 760px;
 height: 200px;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
}


/* 2. INDEX STYLE
-------------------------- */
/* 2-0 Heading */
#Page #ContentsArea h2.IndexHeading {
 width: 540px;
 height: 26px;
 font-size: 1em;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
/* 2-1 NewsArea */
#Page #ContentsArea div.NewsArea {
 float: left;
 width: 540px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.NewsArea dl {
	 width: 540px;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-align: left;
	 background-color: transparent;
	 margin: 0.5em 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea div.NewsArea dt {
		 color: #222222;
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 0.1em 0px;
		 padding: 0px 0.5em 0px 0.5em;
		}
		#Page #ContentsArea div.NewsArea dd {
		 color: #333333;
		 text-align: left;
		 background: url(../img/line/index-news.gif) bottom left repeat-x;
		 background-color: transparent;
		 margin: 0px 0px 0.3em 0px;
		 padding: 0px 1em 0.3em 1em;
		}
		#Page #ContentsArea div.NewsArea dd a {
		 text-decoration: underline; 
		}
		#Page #ContentsArea div.NewsArea dd a:visited {
		 text-decoration: underline; 
		}
		#Page #ContentsArea div.NewsArea dd a:hover {
		 text-decoration: underline; 
		}
/* 2-2 BannerArea */
#Page #ContentsArea div.BannerArea {
 float: right;
 width: 200px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.BannerArea ul {
	 list-style-type: none;
	 text-align: left;
	 background-color: transparent;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea div.BannerArea li {
		 display: block;
		 margin: 0px 0px 20px 0px;
		 padding: 0px 0px 0px 0px;
		}

/* 3. COMPANY STYLE
-------------------------- */
/* 3-0 Heading */
#Page #ContentsArea div.Greeting h3,
#Page #ContentsArea div.Overview h3 {
 display: block;
 clear: both;
 width: 500px;
 height: 26px;
 text-indent: -9999px;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea h3.GreetingHeading {
	 background: url(../img/heading/h3-greeting.gif) 0% 0% no-repeat;
	}
	#Page #ContentsArea h3.OverviewHeading {
	 background: url(../img/heading/h3-company.gif) 0% 0% no-repeat;
	}
/* 3-1 Greeting */
#Page #ContentsArea div.Greeting {
 float: left;
 width: 490px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.Greeting img.PresidentPhoto {
	 float: left;
	 width: 97px;
	 margin: 0px 0px 0px 10px;
	}
	#Page #ContentsArea div.Greeting p {
	 float: right;
	 width: 360px;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 margin: 0px 10px 0.5em 0px;
	}
		#Page #ContentsArea div.Greeting p.PresidenName {
		 font-size: 1.1em;
		 color: #f4800b;
		 margin: 0px 10px 1em 0px;
		}
/* 3-3 Overview */
#Page #ContentsArea div.Overview {
 float: left;
 width: 500px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.Overview table {
	 text-align: left;
	 font-size: 1em;
	 border-collapse: collapse;
	 background-color: transparent;
	 margin: 0px 10px 0px 10px;
	 padding: 0px 0px 0px 0px;
	}
	#Page #ContentsArea div.Overview table caption {
	 display: none;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	}
	#Page #ContentsArea div.Overview table th {
	 width: 9em;
	 font-size: 1em;
	 line-height: 1.2;
	 text-align: center;
	 border: 2px #ffffff solid;
	 background-color: #c6d3e3;
	 margin: 0px;
	 padding: 0.5em;
	}
	#Page #ContentsArea div.Overview table td {
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-align: left;
	 border: 2px #ffffff solid;
	 background-color: #e2e9f1;
	 margin: 0px;
	 padding: 0.5em;
	}
		#Page #ContentsArea div.Overview table td dl {
		 display: block;
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 0px;
		}
			#Page #ContentsArea div.Overview table td dl dt {
			 float: left;
			 width: 2.5em;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
			 padding: 0px 0px 0px 0px;
			}
			#Page #ContentsArea div.Overview table td dl dd {
			 text-align: left;
			 margin: 0px 0px 0px 0px;
			 padding: 0px 0px 0px 0px;
			}
/* 3-4 FactoryPhoto */
#Page #ContentsArea ul.FactoryPhoto {
 list-style-type: none;
 float: right;
 display: block;
 width: 208px;
 text-align: left;
 background-color: transparent;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea ul.FactoryPhoto li {
	 display: block;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-align: center;
	 margin: 0px 0px 30px 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea ul.FactoryPhoto li img {
		 display: block;
		 margin: 0px 0px 10px 0px;
		 padding: 0px 0px 0px 0px;
		}

/* 4. PRODUCT STYLE
-------------------------- */
/* 4-0 Heading */
#Page #ContentsArea h3.ProductHeading {
 width: 540px;
 text-align: left;
 background-color:transparent;
/* background: url(../img/h3-border.gif) bottom left repeat-x;*/
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 3px 0px;
}
#Page #ContentsArea h3.ProductDetailsHeading {
 width: 100%;
 text-align: left;
 background-color:transparent;
/* background: url(../img/line/h3-border.gif) bottom left repeat-x;*/
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 3px 0px;
}
#Page #ContentsArea div.ProductMenu h4{
 font-size: 1em;
 font-weight: bold;
 line-height: 1.2;
 text-align: left;
 border-bottom: 1px #999999 solid;
 background-color: transparent;
 margin: 0px 0px 0.5em 0px;
 padding: 0px 0.5em 2px 0.5em;
}
/* 4-1 ProductList */
#Page #ContentsArea div.ProductList {
 float: right;
 width: 540px;
 text-align: center;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.ProductList dl.Standard,
	#Page #ContentsArea div.ProductList dl.Example {
	 float: left;
	 width: 33.33%;
	 text-align: left;
	 background-color: transparent;
	 margin: 0px 0px 1.5em 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea div.ProductList dl.Standard dt,
		#Page #ContentsArea div.ProductList dl.Example dt {
		 display: block;
		 text-align: center;
		}
			#Page #ContentsArea div.ProductList dl.Standard dt img,
			#Page #ContentsArea div.ProductList dl.Example dt img {
			 display: block;
			}
		#Page #ContentsArea div.ProductList dl.Standard dd,
		#Page #ContentsArea div.ProductList dl.Example dd {
		 width: 100%;
		 display: block;
		 font-size: 1em;
		 font-style: normal;
		 line-height: 1.2;
		 text-indent: 1.5em;
		 text-align: left;
		 background: url(../img/icon/arrow-b01.gif) 0.8em 50% no-repeat;
		 margin: 0.5em 0em 0em 0em;
		 padding: 0em 0em 0em 0em;
		}
			#Page #ContentsArea div.ProductList dl.Standard dd a,
			#Page #ContentsArea div.ProductList dl.Example dd a {
			 text-decoration: underline; 
			}
/* 4-2 ProductMenu */
#Page #ContentsArea div.ProductMenu {
 float: left;
 width: 200px;
 text-align: left;
 background-color: transparent;
 margin: 45px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.ProductMenu ul {
	 list-style-type: none;
	 display: block;
	 width: 200px;
	 text-align: center;
	 background-color: transparent;
	 margin: 0px 0px 2em 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea div.ProductMenu ul li {
		 display: block;
		 font-size: 1em;
		 font-style: normal;
		 line-height: 1.2;
		 text-align: left;
		 background-color: transparent;
		 background: url(../img/icon/arrow-s01.gif) 0% 45% no-repeat;
		 margin: 0px 0px 0px 15px;
		 padding: 0px 0px 0px 10px;
		}
			#Page #ContentsArea div.ProductMenu ul li a:hover {
			 text-decoration: underline; 
			}
/* 4-3 ProductDetails */
#Page #ContentsArea div.ProductDetails {
 display: block;
 clear: both;
 width: 100%;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.ProductDetails dl {
	 width: 100%;
	 text-align: left;
	 background-color: transparent;
	 margin: 0px;
	 padding: 0px;
	}
		#Page #ContentsArea div.ProductDetails dl dt {
		 clear: both;
		 position:absolute;
		 overflow:hidden;
		 width:0;
		 height:0;
		}
		#Page #ContentsArea div.ProductDetails dl dd {
		 clear: both;
		 display: block;
		 width: 100%;
		 font-size: 1em;
		 font-style: normal;
		 line-height: 1.2;
		 text-align: left;
		 background-color: transparent;
		 margin: 0em 0em 2em 0em;
		 padding:  0em 0em 0em 0em;
		}
		#Page #ContentsArea div.ProductDetails dl dd:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
		#Page #ContentsArea div.ProductDetails dl dd {
		display: inline-table;
		min-height: 1%;
		}
		/* Hides from IE-mac \*/
		* html #Page #ContentsArea div.ProductDetails dl dd {height: 1%;}
		#Page #ContentsArea div.ProductDetails dl dd {display: block;}
		/* End hide from IE-mac */
			#Page #ContentsArea div.ProductDetails dl dd div.PhotoArea {
			 float: left;
			 line-height: 1.2;
			 text-align: center;
			 background-color: transparent;
			 margin: 0em 0em 0em 0em;
			}
			#Page #ContentsArea div.ProductDetails dl dd div.PhotoArea img {
			 display: block;
			 margin: 0em 0em 0.5em 0em;
			}
			#Page #ContentsArea div.ProductDetails dl dd table {
			 float: right;
			 width: 570px;
			 font-size: 1em;
			 text-align: left;
			 background-color: transparent;
			 margin: 0em;
			 padding: 0em;
			}
			#Page #ContentsArea div.ProductDetails dl dd table caption {
			  display: none;
			}
			#Page #ContentsArea div.ProductDetails dl dd table thead th {
			 line-height: 1.2;
			 text-align: left;
			 border: 2px #ffffff solid;
			 background-color: #cccccc;
			 padding: 0.5em;
			}
			#Page #ContentsArea div.ProductDetails dl dd table tbody th {
			 line-height: 1.2;
			 text-align: left;
			 border: 2px #ffffff solid;
			 background-color: #dddddd;
			 padding: 0.5em;
			}
			#Page #ContentsArea div.ProductDetails dl dd table tbody td {
			 font-family: "ＭＳ ゴシック",Osaka-Mono,monospace;
			 line-height: 1.2;
			 text-align: left;
			 border: 2px #ffffff solid;
			 background-color: #eeeeee;
			 padding: 0.5em;
			}

/* 5. EQUIPMENT STYLE
-------------------------- */
/* 5-0 Heading */
#Page #ContentsArea div.HandlingResin h3,
#Page #ContentsArea div.Process h3,
#Page #ContentsArea div.Equipment h3 {
 display: block;
 clear: both;
 width: 490px;
 height: 26px;
 text-indent: -9999px;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea h3.HandlingResinHeading {
	 background: url(../img/heading/h3-handlingresin.gif) 0% 0% no-repeat;
	}
	#Page #ContentsArea h3.ProcessHeading {
	 background: url(../img/heading/h3-process.gif) 0% 0% no-repeat;
	}
	#Page #ContentsArea h3.EquipmentHeading {
	 background: url(../img/heading/h3-equipment.gif) 0% 0% no-repeat;
	}
/* 5-1 HandlingResin */
#Page #ContentsArea div.HandlingResin {
 display: block;
 float: left;
 width: 490px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.HandlingResin ul {
	 list-style-type: none;
	 margin: 0em 1em 0em 1em;
	 padding: 0px;
	}
		#Page #ContentsArea div.HandlingResin ul li {
		 display: inline;
		 font-size: 1em;
		 font-style: normal;
		 line-height: 1.3;
		 text-align: left;
		 margin: 0em 1em 0em 0em;
		 padding: 0px;
		}
/* 5-2 Process */
#Page #ContentsArea div.Process {
 display: block;
 float: left;
 width: 490px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.Process p {
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.3;
	 text-indent: 1em;
	 text-align: left;
	 margin: 0em 1em 0em 1em;
	 padding: 0px;
	}
/* 5-3 Equipment */
#Page #ContentsArea div.Equipment {
 display: block;
 float: left;
 width: 490px;
 text-align: center;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.Equipment table {
	 width: 95%;
	 text-align: left;
	 font-size: 1em;
	 border-collapse: collapse;
	 background-color: transparent;
	 margin: 0px auto 0px auto;
	 padding: 0px;
	}
	#Page #ContentsArea div.Equipment table caption {
	 display: none;
	}
	#Page #ContentsArea div.Equipment table th {
	 width: 12em;
	 font-size: 1em;
	 line-height: 1.2;
	 text-align: left;
	 border: 2px #ffffff solid;
	 background-color: #dddddd;
	 margin: 0px;
	 padding: 0.5em;
	}
	#Page #ContentsArea div.Equipment table td {
	 font-size: 1em;
	 font-style: normal;
	 font-family: "ＭＳ ゴシック",Osaka-Mono,monospace;
	 line-height: 1.2;
	 text-align: left;
	 border: 2px #ffffff solid;
	 background-color: #eeeeee;
	 margin: 0px;
	 padding: 0.5em;
	}
	#Page #ContentsArea div.Equipment table td.TheNumber {
	 width: 3.5em;
	 text-align: right;
	}
/* 5-4 EquipmentPhoto */
#Page #ContentsArea ul.EquipmentPhoto {
 list-style-type: none;
 float: right;
 display: block;
 width: 250px;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea ul.EquipmentPhoto li {
	 display: block;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-align: center;
	 margin: 0px 0px 30px 0px;
	 padding: 0px 0px 0px 0px;
	}
		#Page #ContentsArea ul.EquipmentPhoto li img {
		 display: block;
		 margin: 0px 0px 10px 0px;
		 padding: 0px 0px 0px 0px;
		}

/* 6. RECRUIT STYLE
-------------------------- */
/* 6-0 Heading */
#Page #ContentsArea h3.RecruitHeading {
 width: 100%;
 text-align: left;
 background-color: transparent;
/* background: url(../img/line/h3-border.gif) bottom left repeat-x;*/
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 3px 0px;
}
#Page #ContentsArea div.Recruit {
 width: 100%;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.Recruit p {
	 display: block;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-align: left;
	 background-color: transparent;
	 margin: 0em 1em 0em 1em;
	 padding: 0em;
	}

/* 7. MAIL STYLE
-------------------------- */
/* 7-0 Heading */
#Page #ContentsArea h3.MailHeading {
 width: 100%;
 text-align: left;
 background-color: transparent;
/* background: url(../img/line/h3-border.gif) bottom left repeat-x;*/
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 3px 0px;
}
/* 7-1 MailForm */
#Page #ContentsArea div.MailForm {
 width: 100%;
 text-align: left;
 background-color: transparent;
 margin: 40px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
	#Page #ContentsArea div.MailForm p {
	 font-size: 1em;
	 line-height: 1.3;
	 text-align: left;
	 background-color: transparent;
	 margin: 0em;
	 padding:  0em;
	}
		#Page #ContentsArea div.MailForm p strong {
		 font-size: 1.1em;
		}
		#Page #ContentsArea div.MailForm p strong#err {
		 color: #b01111;
		}
	#Page #ContentsArea div.MailForm form {
	 text-align: left;
	 background-color: transparent;
	 margin: 0px 20px 0px 20px;
	 padding: 0px 0px 0px 0px;
	}
	#Page #ContentsArea div.MailForm dl.FormInput,
	#Page #ContentsArea div.MailForm dl.FormConfirmation,
	#Page #ContentsArea div.MailForm dl.FormSubmit {
	 display: block;
	 font-size: 1em;
	 line-height: 1.2;
	 text-align: left;
	 background-color: transparent;
	}
	#Page #ContentsArea div.MailForm dl.FormInput,
	#Page #ContentsArea div.MailForm dl.FormConfirmation {
	 margin: 0px 0px 2em 0px;
	 padding: 0px;
	}
	#Page #ContentsArea div.MailForm dl.FormSubmit {
	 margin: 1em 0px 0px 0px;
	 padding: 0px;
	}
		#Page #ContentsArea div.MailForm dl.FormInput dt {
		 float: left;
		 width: 8em;
		 font-weight: bold;
		 line-height: 1.2;
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 1em 0px;
		 padding: 0em;
		}
		#Page #ContentsArea div.MailForm dl.FormInput dd {
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 1em 8em;
		 padding: 0em;
		}
			#Page #ContentsArea div.MailForm dl.FormInput dd input {
			 width: 15em;
			 font-size: 1.0em;
			 line-height: 1.3;
			 margin: 0em;
			 padding: 0.1em;
			}
			#Page #ContentsArea div.MailForm dl.FormInput dd textarea {
			 width: 25em;
			 height: 10em;
			 font-size: 1.0em;
			 line-height: 1.3;
			 margin: 0em;
			 padding: 0.1em;
			}
		#Page #ContentsArea div.MailForm dl.FormConfirmation dt {
		 float: left;
		 width: 5.5em;
		 font-weight: bold;
		 line-height: 1.2;
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 1em 0px;
		 padding: 0em;
		}
		#Page #ContentsArea div.MailForm dl.FormConfirmation dd {
		 text-align: left;
		 line-height: 1.2;
		 background-color: transparent;
		 margin: 0px 0px 1em 5.5em;
		 padding: 0em;
		}
		#Page #ContentsArea div.MailForm dl.FormSubmit dt {
		 clear: both;
		 position: absolute;
		 overflow: hidden;
		 width: 0;
		 height: 0;
		}
		#Page #ContentsArea div.MailForm dl.FormSubmit dd {
		 display: inline;
		 text-align: left;
		 background-color: transparent;
		 margin: 0px 0px 1em 0px;
		 padding: 0em;
		}
			#Page #ContentsArea div.MailForm dl.FormSubmit dd input.SubmitButton {
			 margin: 0em 1em 0em 0em;
			 padding: 0.2em 2em 0.2em 2em;
			}
			#Page #ContentsArea div.MailForm dl.FormSubmit dd input.ResetButton {
			 margin: 0em;
			 padding: 0.2em 0.2em 0.2em 0.2em;
			}


/* 8. OEM STYLE
-------------------------- */
/* 8-1 OEMList */

	#Page #ContentsArea div.OEMList dl.Standard dd,
	#Page #ContentsArea div.OEMList dl.Example dd {
	 width: 100%;
	 display: block;
	 font-size: 1em;
	 font-style: normal;
	 line-height: 1.2;
	 text-indent: 1.5em;
	 text-align: left;
	 background: url(../img/icon/arrow-b01.gif) 0.8em 10% no-repeat;
	 margin: 0.5em 0em 0em 0em;
	 padding: 0em 0em 0em 0em;
	}


/* ===================================
	YURI.I wrote.
=================================== */