/* CSS Document */
@import url(e-menu.css);

/* ------------ Basic ------------ */

html{
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}


body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../common_img/background.gif);
	background-position: top;
	background-attachment: fixed;
}


#wrapper{
	position: relative;
	margin:0 auto;
	width:780px;
	padding: 0px 20px 0px 20px;
}

#subwrapper{
	background-image: url(../common_img/background.gif);
	background-position: center top;
	background-repeat:no-repeat;
	min-height: 580px;
	padding: 0px 30px 0px 30px;
	width: 780px;

}


#content{
	width:580px;
	color: #666666;
	line-height: 150%;
	font-size: 80%;
	padding-left: 15px;
	padding-bottom: 50px;
	float: left;
	border-left: #cccccc 1px solid;
}

#content_top{
	width:580px;
	color: #666666;
	line-height: 150%;
	font-size: 80%;
	padding-left: 15px;
	padding-bottom: 50px;
	float: left;
}
.bannerbox1{
	width:155px;
	float:right;
	padding: 10px 13px 10px 17px;
	font-size: 70%;
	line-height: 130%;
	color: #666666;
}
.bannerbox1 p{
	margin: 0;

}

#content_w{
	width:760px;
	padding-left: 10px;
	padding-bottom: 50px;
	float: left;
	font-size: 80%;
	color: #666666;
	line-height: 150%;
}

#whatsnew{
	border-bottom: #669966 solid 1px;
	width: 550px;
	margin-left: 25px;
	padding-bottom: 2px;
	padding-top: 5px;
	background-image: url(../img/w_new.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
}
#whatsnew h3 span {display:none;}

#wntable td{
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:#CCCCCC dotted 1px;
	vertical-align:top;
}

#wntable p{
margin:0;
}

.wnewcolumn{
	width: 550px;
	padding-left: 30px;
	padding-top: 10px;
}





/* ------------ fonts ------------ */

h1,h2,h3,ul,address {
margin:0px;
padding:0px;
}

p {
	margin: 0px 0px 0px 10px;
	padding:0px;
}


h4{
	margin:0px;
	padding:5px 0px 5px 0px;
	color: #51992B;
	font-size: 115%;
}

h5{
	margin:0px;
	padding:10px 0px 5px 0px;
	color: #51992B;
	font-size: 105%;
}

/* ------------ id ------------ */

#flash{
	width:780px;
	height:200px;
	background-color: #FFFFFF;
	margin: 0px 0px 14px 0px;
}
#header{
	width:780px;
	height:100px;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#footer{
	bottom:0;
	height:70px;
	padding-left: 0px;
	width: 780px;
	text-align: center;
	padding-top: 10px;
}


.footer_menu {
	text-align: right;
	height:16px;
	background-color: #E3ECEE;
	font-size: 70%;
	padding-top: 4px;
	padding-right: 10px;
	color:#999999;
}

.footer_menu a {
	color:#666666;
	text-decoration:none;
}
.footer_menu a:link {
	color:#999999;
	text-decoration:none;
	background-color: #E3ECEE;
}

.footer_menu a:visited {
	color:#999999;
	text-decoration:none;
		background-color: #E3ECEE;
}

.footer_menu a:hover {
	color:#666666;
	text-decoration:none;
	background-color: #FFFFFF;
}
.copyright{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 20px;
	padding-right: 30px;
}

/* ------------ class ------------ */

.caption_caution{
	font-size: 90%;
	color: #FF8A3C;
	margin-top: 5px;
	line-height: 130%;
}

.caption{
	font-size: 90%;
	color: #999999;
	margin-top: 5px;
	line-height: 130%;
}

/* ------------ link ------------ */

a {
text-decoration:underline;
background-color:#FFFFFF;
}

a:link {
color:#008030;
}

a:visited {
color:#008030;
}

a:hover {
color:#FF0000;
}

a:focus, a:active {
color:#FF0000;
}

/* ------------ header ------------ */

#headlogo{
	width:322px;
	height: 61px;
	position: absolute;
	left: 30px;
	background:url(../common_img/e-logotype.gif) no-repeat;
	top: 20px;
	cursor: pointer;
}
#headlogo h1 span {display:none;}

/*--#add {
	width:276px;
	height: 64px;
	position: absolute;
	background:url(../common_img/head_add.gif) no-repeat;
	top: 15px;
	right: 30px;
	}--*/
	
#add h3 span {display:none;}

/* logo */
.mainlogo {
	background:url(../common_img/logo.gif) no-repeat;
	position: absolute;
	width: 129px;
	height: 53px;
	top: 10px;
	right: 40px;
}
.mainlogo h3 span {display:none;}

/* header-menu */

#head_menu {
	width:263px;
	height:28px;
	position: absolute;
	right: 30px;
	top: 70px;
	background-image:url(../common_img/e-headmenu.gif);
}

#head_menu ul {margin: 0px; padding: 0px;}
#head_menu li {list-style-type: none; float:left;}
#head_menu a{display:block; text-decoration:none}
#head_menu a em{position:absolute; left:-9999px;}
.head1 a {
width:98px;
height:28px;
background:url(../common_img/e-headmenu.gif) no-repeat;
}
.head1 a:hover {
background:url(../common_img/e-headmenu.gif) no-repeat 0px -28px;
}
.head2 a {
width:84px;
height:28px;
background:url(../common_img/e-headmenu.gif) no-repeat -99px 0px;
}
.head2 a:hover {
background:url(../common_img/e-headmenu.gif) no-repeat -99px -28px;
}
.head3 a {
width:81px;
height:28px;
background:url(../common_img/e-headmenu.gif) no-repeat -184px 0px;
}
.head3 a:hover {
background:url(../common_img/e-headmenu.gif) no-repeat -184px -28px;
}

/* ------------ navi ------------ */

#navi{
	padding-bottom: 12px;
	padding-left: 5px;
	font-size: 70%;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
}

/* ------------ columns ------------ */
.column{
	padding: 10px;

}
.mgn_l10{margin-left:10px;}
.mgn_l20{margin-left:20px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.left_floating{float:left;}
.right_floating{float:right;}

/* ------------ H2 H3 ------------ */
.page{
	height: 40px;
	padding-bottom: 10px;
	width: 580px;
}
.page h3 span {display:none;}

/* toppage */
.toptitle {background:url(../english/img/h3e.gif) no-repeat;}

.h3ea0 {background:url(../english/img/h3ea0.gif) no-repeat;} /*-- The Mud Pioneer in Japan --*/
.h3ea1 {background:url(../english/img/h3ea1.gif) no-repeat;} /*-- About Us --*/
.h3ea11 {background:url(../english/img/h3ea11.gif) no-repeat;} /*-- Corporate Profile --*/
.h3ea12 {background:url(../english/img/h3ea12.gif) no-repeat;} /*-- History of TELNITE --*/
.h3ea13 {background:url(../english/img/h3ea13.gif) no-repeat;} /*-- Office Location --*/
.h3ea14 {background:url(../english/img/h3ea14.gif) no-repeat;} /*-- Management System --*/
.h3eb1 {background:url(../english/img/h3eb1.gif) no-repeat;} /*-- Domestic Activities --*/
.h3eb11 {background:url(../english/img/h3eb11.gif) no-repeat;} /*-- Well drilling fluids sales & engineering --*/
.h3eb12 {background:url(../english/img/h3eb12.gif) no-repeat;} /*-- Civil engineering chemicals & engineering --*/
.h3eb13 {background:url(../english/img/h3eb13.gif) no-repeat;} /*-- Waste treatment chemicals sales & engineering --*/
.h3eb14 {background:url(../english/img/h3eb14.gif) no-repeat;} /*-- Humic acid and fertilizer production & sales --*/
.h3ec1 {background:url(../english/img/h3ec1.gif) no-repeat;} /*-- Research Activities --*/
.h3ed1 {background:url(../english/img/h3ed1.gif) no-repeat;} /*-- Contact Us --*/
.h3ee1 {background:url(../english/img/h3ee1.gif) no-repeat;} /*-- Site Map --*/


/*-- tables --*/
.pricetable{
	margin: 10px 0px 10px 0px;
}
.underline_td_plus{
	border-bottom:#669933 solid 1px;
	border-right:#669933 solid 1px;
}
.underline_td_plusside{
	border-top:#669933 solid 1px;
	border-right:#669933 solid 1px;
}
.underline_td{
	border-bottom:#669933 solid 1px;
}
.underline_td_plus_top{
	border-top:#669933 solid 1px;
	border-bottom:#669933 solid 1px;
	border-right:#669933 solid 1px;
}
.underline_td_top{
	border-top:#669933 solid 1px;
	border-bottom:#669933 solid 1px;
}
.topline_td{
	border-top:#669933 solid 1px;
}
.price{
	padding: 5px 0px 5px 10px;
	background-image: url(../img/dots.gif);
	text-align: right;
	background-position: right;
	background-repeat: no-repeat;
}

.price2{
	padding: 5px 0px 5px 10px;
	background-image: url(../img/dots_long.gif);
	text-align: right;
	background-position: right;
	background-repeat: no-repeat;
}

#his-content{
	padding: 10px;
}

#his-content dt {
	color: #339933;
	margin-right: 100px;
}
.date{
	color: #51992B;
	}
#his-content dd {
	margin-top: -1.6em;
	margin-right: 100px;

	}
	
/* safari only \*/

html[xmlns*=""] body:last-child  #his-content dd {
    padding-left: 5em;
    margin-top: -1.6em;
}


/* ------------ utillity ------------ */
.clear {clear:both;}
