body {
	margin: 0px;
	padding: 0px;
	background: #b2a592;
	font-family: Times, serif, New Roman;
}

a { color: #2915ff; text-decoration: underline; }

/* Page */
#page {
	width: 940px;
	margin: 0 auto;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
}
/* Page */
#index_page {
	margin: 0 auto;
	width: 940px;
	height: 657px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/jpwood5.JPG) repeat-y;
}

/* product Page */
#product_page {
	margin: 0 auto;
	width: 940px;
	height: 21700px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

/* Page */
#procedure_page {
	margin: 0 auto;
	width: 940px;
	height: 17000px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

#companyinfo_page {
	margin: 0 auto;
	width: 940px;
	height: 805px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

#others_page {
	margin: 0 auto;
	width: 940px;
	height: 2100px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

#contact_page {
	margin: 0 auto;
	width: 940px;
	height: 1700px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

#oil_page {
	margin: 0 auto;
	width: 940px;
	height: 1400px;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	background: url(images/background.JPG) repeat-y;
}

/* Page */
#index_header {
	margin: 0 auto;
	width: 940px;
	height: 150px;
	border:0px;
	background: url(images/index_top.PNG);
}

#product_header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 2px solid #e8e8e8;
	background: url(images/product_heading1.JPG);
}

#procedure_header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 2px solid #cfcfcf;
	background: url(images/heading2.JPG);
}

#contact_header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 2px solid #cfcfcf;
	background: url(images/heading3.JPG);
}

#others_header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 2px solid #cfcfcf;
	background: url(images/heading.JPG);
}

#companyinfo_header {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 2px solid #cfcfcf;
	background: url(images/companyinfo_heading.JPG);
}

/* Title */
#header_title {
	float: left;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 30px;
	font-size: 140%;
	font-weight: bold;
	color: #ffffff;
}

/* Logo */
#header_logo {
	float: left;
	width: 250px;
	height: 100px;
	padding: 5px 0px 0px 15px;
	border: 0px;
}

/* Tel */
#header_contact {
	float: right;
	height: 100px;
	margin: 5px 0px 0px 330px;
	border: 0px;
}

#menu ul {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 200px;
	padding: 0px;
}
#menu ul li {
	float: left;
	display: block;
	width: 200px;
	padding:0px;
}
#menu ul li a {
	background: url(images/jpmenu.PNG) no-repeat 0 0;
	width: 185px;
	height: 30px;
	display: block;
	padding-left: 12px;
	padding-top: 8px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
}

#menu ul li a:hover {
	color: #565656;
	text-decoration: none;
	font-weight: normal;
	background: url(images/active_jpmenu.PNG) no-repeat 0 0;
}

#menu ul li.active a {
	color: #565656;
	font-weight: normal;
	background: url(images/active_jpmenu.PNG) no-repeat 0 0;
}

#menu ul li.active a:hover {
	text-decoration: none;
	font-weight: normal;
	background: url(images/active_jpmenu.PNG) no-repeat 0 0;
}


/*  */
.text_head {
	float: right;
	margin-top: 15px;
	margin-right: -5px;
	padding: 10px 0px 0px 25px;
	width: 700px;
	border: 0px solid #000;
	background: url(images/text_head_background.PNG) no-repeat;
	color: #000000;
}

/* Content */
.text_content {
	float: right;
	margin-right: -5px;
	padding: 0px 0px 0px 25px;
	width: 700px;
	border: 0px solid #000;
	background: url(images/text_background.PNG) repeat-y;
	color: #ffffff;
}

/* Content */
.text_content p{
	padding: 0px 40px 0px 0px;
	font-size: 13px;
	line-height:170%;
	color: #ffffff;
}

/* Content */
.text_foot {
	float: right;
	margin-right: -5px;
	padding: 0px 0px 20px 25px;
	width: 700px;
	border: 0px solid #000;
	background: url(images/text_foot_background.PNG) no-repeat;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.last {
	padding-right: 10px !important;
}

/*----------procedure------------ */

div.sample{
	width: 626px; height:423px;
	margin-left: 13px;
	text-align:center;
	position:relative;
	border: solid 1px white;
}

span.sample1{
	font-size:12px; 
	background: url(images/text_img_background1.PNG) repeat;
	position:absolute; bottom:10px; left:8px;
	width: 570px;
	padding: 10px 20px 10px 20px;
}

div.sample2{
	float: left;
	width: 200px; height: 300px;
	margin-left: 13px;
	text-align:center;
	position:relative;
	border: solid 1px white;
}

span.sample2{
	font-size:12px; 
	background: url(images/text_img_background1.PNG) repeat;
	position:absolute; bottom:10px; left:45px;
	width: 80px;
	padding: 10px 20px 10px 20px;
}

p.sample2 {
	clear:left;
	text-align: center;
	
}

div.sample3{
	float: left;
	width: 320px; height: 250px;
	margin-left: 5px;
	position:relative;
	border: solid 1px white;
}

span.sample3{
	font-size:12px; 
	background: url(images/text_img_background1.PNG) repeat;
	position:absolute; bottom:10px; left:45px;
	padding: 10px 20px 10px 20px;
}

span.sample4{
	font-size:12px;
	background: url(images/text_img_background1.PNG) repeat;
	position:absolute; bottom:10px; right:50px;
	padding: 10px 20px 10px 20px;
}

div.sample5{
	width: 423px; height:564px;
	margin-left: 113px;
	text-align:center;
	position:relative;
	border: solid 1px white;
}

span.sample5{
	font-size:12px; 
	background: url(images/text_img_background1.PNG) repeat;
	position:absolute; bottom:10px; left:8px;
	width: 365px;
	padding: 10px 20px 10px 20px;
}

span{
	font-size: 13px;
	line-height:100%;
}

span.black{
	color: #000000;
}

span.red{
	color: red;
}

span.lightgreen{
	color: #9fea00;
}

p.black { color1: #000000; }


/* Page */
#footer {
	margin: 0 auto;
	width: 944px;
	height: 100px;
	font-size: 12px;
	padding-top: 1px;
	text-align: center;
	background: url(images/footer_background.GIF) repeat-x;
}

/*----------procedure End------------ */