@charset "utf-8";
/* CSS Document */

body{
  background-color:#FFF;
  text-align:left;
  width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  display: inline;
  text-align:center;
  
  }


body a{ 
  text-decoration:none;
  text-decoration:none;
}






#main_container{
  width:840px;
  height:800px;
  clear:both;
  display:block;
  padding:0;
  border:0;
  margin:0 auto;
  position:relative;
  }




#main_container a,#footer a{ 
  color:#000;
}



#main_container a:hover,#footer a:hover{ 
  text-decoration:underline;
  color:#00F;
}





	  
	  
	  
	  

/*=======================
/ 1 #header
  <h1>
  
/ 2 .global_navi
  .li01,.li02,.li03,.li04,.li05,.li06
  
/ 3 #main_visual

------#main_container-------

/ 4 .main_contents
  #btn01
  #btn02
  #btn03
  #btn04
  #btn05
  #btn06

/ 5  .navigation
  #subnavi01
  #space01
  #subnavi02
  #space02
  #subnavi03
  #space03
  #subnavi04
---------------------------------------

/ 7 #footer
=========================*/
#header{
  background-image:url(image/headrenew.jpg);
  background-repeat:no-repeat;
  width:100%;
  height:110px;
  margin:0;
  padding:0;
  border:0;
}

h1{
  font-weight:normal;
  font-size:13px;
  color:#FFF;
  padding:10px 0 0 350px;
  text-align:left;
}



.global_navi{
  width:780px;
  height:50px;
  margin:0 auto;
  padding:0;
  border:0;
  top:50px;
  }

	

.global_navi ul{
  margin:0;
  padding:0;
  border:0;
}



.global_navi li{
  width:130px;
  height:35px;
  font-size:13px;
  color:#FFF;
  float:left;
  padding:0;
  margin:25px 0 0 0;
  border:0;
  list-style-type:none;
  display:block;
  text-decoration:none;
  }

.global_navi li a{
  color:#FFF;
}
.global_navi li a:hover{
  color:#906;
}

#home{
  background-image:url(image/headreline.gif);
  background-position:center;
  background-repeat:no-repeat;
}


#products,#development,#news,#aboutus,#ecoheader{
  background-image:url(image/headreline2.gif);
  background-position:center;
  background-repeat:no-repeat;
}



#guide{
  width:790px;
  font-size:8px;
  color:#00F;
  margin:0;
  border:0;
  padding:5px 0 5px 270px;
  text-align:left;
}






#main_visual{
  width:880px;
  height:390px;
  margin:0 auto;
  padding:20px 0;
  border:0;
  text-align:center;
}




#box_a{
  width:560px;
  height:800px;
  margin:0 10px 0 0;
  border:0;
  padding:0;
  display:block;
  float:left;
  clear:both;
  text-align:left;
  }


.main_contents{
  width:560px;
  height:310px;
  padding:0;
  margin:12px 0 0 0;
  border:0;
  display:block;
  clear:both;
  }


#retrieval{
  background-image:url(image/retrieval.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  width:560px;
  height:50px;
  margin:0;
  padding:0;
  border:0;
  display:block;
  text-indent:-9999px;
}


.main_contents ul{
  width:560px;
  height:80px;
  margin:2px 0 2px 0;
  padding:0;
  border-bottom:dotted #D9D9D9 1px;
}


#toilet,#construction,#factory,#car,#house,#eco_activity{
  background-position:left;
  background-repeat:no-repeat;
  list-style:none;
  width:270px;
  height:80px;
  margin:0;
  padding:0 10px 0 0;
  border:0;
  display:block;
}



#toilet,#factory,#house{
  float:left;
}


#construction,#car,#eco_activity{
  float:right;
}




#toilet{
  background-image:url(image/toilet.jpg);
}


#construction{
  background-image:url(image/construction.jpg);
}



#factory{
  background-image:url(image/factory.jpg);
}


#car{
  background-image:url(image/car.jpg);
}



#house{
  background-image:url(image/house.jpg);
}


#eco_activity{
  background-image:url(image/eco.jpg);
}





#toilet a,#construction a,#factory a,#car a,#house a,#eco_activity a{
  background-image:url(image/list2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  width:110px;
  height:60px;
  font-size:12px;
  line-height:20px;
  text-align:left;
  display:block;
  float:right;
  margin:10px 0 0 0;
  padding:7px 10px 0 20px;
  border:0;
}








.sub_contents{
  width:560px;
  height:470px;
  padding:0;
  margin:20px 0 0 0;
  border:0;
  display: inline;
}



.sub_contents ul{
  width:560px;
  margin:0;
  padding:0;
  border:0;
}

.sub_contents li{
  list-style-image:url(image/list.jpg);
  list-style-position:inside;
  font-size:12px;
  margin:15px 0 0 0;
  padding:0 0 15px 20px;
  border-bottom:dotted #D9D9D9 1px;
}



.sub_contents a{
  margin:0;
  padding:0 0 0 20px;
  border:0;
}




#what_new{
  background-image:url(image/whatnew.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  width:560px;
  height:50px;
  margin:20px 0 0 0;
  padding:0;
  border:0;
  display:block;
  text-indent:-9999px;
}





#box_b{
  width:210px;
  height:800px;
  margin:0;
  border:0;
  padding:0;
  display:block;
  text-align:left;
  position : absolute ;
  right: 0 ;
}


#box_b div{
  display:block;
}



#subnavi01{
  background-image:url(image/subnavi1.jpg);
  background-repeat:no-repeat;
  width:210px;
  height:74px;
  margin:0;
  padding:0;
  border:0;
  text-indent:-9999px;
  clear:both;
}





#subnavi02{
  background-image:url(image/subnavi2.jpg);
  background-position:right;
  background-repeat:no-repeat;
  width:210px;
  margin:0;
  padding:10px 0 0 0;
  border:solid #8AC4FD 2px;
  clear:both;
}


#subnavi02 h4{
  border-left:#00F solid 6px;
  font-size:14px;
  color:#00F;
  margin:0 0 10px 40px;
  padding:0 0 0 10px;
  text-align:left;
  display:block;
}


#subnavi02 ul{
  margin:0;
  padding:0;
  border:0;
  display:block;
}
  


#subnavi02 li{
  list-style-type:none;
  width:170px;
  margin:0;
  padding:5px 0 5px 40px;
  border:0;
  display:block;
}





#subnavi02 a{
  background-image:url(image/list.jpg);
  background-position:left;
  background-repeat:no-repeat;
  font-size:12px;
  color:#00F;
  margin:0;
  padding:0 0 0 25px;
  border:0;
}










#subnavi03{
  background-image:url(image/subnavi3.jpg);
  background-position:bottom right;
  background-repeat:no-repeat;
  width:210px;
  height:140px;
  margin:10px 0 0 0;
  padding:0;
  border:solid 2px #8AC4FD;
  clear:both;
}


#subnavi03 h4{
  background-color:#8AC4FD;
  width:210px;
  height:16px;
  border:0;
  padding:4px 0 0 0;
  margin:0;
  font-size:12px;
  color:#00F;
  text-align:center;
  display:block;
  }


#subnavi03 ul{
  margin:0;
  padding:0;
  border:0;
  display:block;
}



#subnavi03 li{
  background-image:url(image/list2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  list-style-type:none;
  width:170px;
  margin:10px;
  padding:0 0 0 20px;
  border:0;
}

#subnavi03 a{
  font-size:12px;
  color:#00F;
  line-height:30px;
  text-align:left;
  margin:0;
  padding:0;
  border:0;
}
  








#subnavi04{
  width:210px;
  margin:10px 0 0 0;
  padding:0;
  border:solid 2px #8AC4FD;
  clear:both;
}


#subnavi04 h4{
  background-color:#8AC4FD;
  width:210px;
  height:16px;
  border:0;
  padding:4px 0 0 0;
  margin:0;
  font-size:12px;
  color:#00F;
  text-align:center;
  display:block;
}

#subnavi04 ul{
  margin:0;
  padding:0;
  border:0;
}


#delimarket,#jimann,#elephant{
  list-style:none;
  background-position:right;
  background-repeat:no-repeat;
  width:195px;
  margin:0 5px 0 10px;
  padding:0;
  border-bottom:dotted #D9D9D9 1px;
}

#delimarket a,#jimann a,#elephant a{
  background-image:url(image/list2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0;
  font-size:10px;
  line-height:22px;
  color:#00F;
  padding:0 0 0 20px;
  border:0;
}

#delimarket p,#jimann p,#elephant p{
  font-size:14px;
  color:#00F;
  margin:0;
  padding:7px 0 5px 0;
  border:0;
}



#delimarket{
  background-image:url(image/delimarket.jpg);
}


#jimann{
  background-image:url(image/jimann.jpg);
}

#elephant{
  background-image:url(image/elephant.jpg);
}





/*#delimarket,#jimann,#elephant{
  list-style:none;
  background-repeat:no-repeat;
  width:195px;
  margin:0 5px 0 10px;
  padding:0;
  border-bottom:dotted #D9D9D9 1px;
}

#delimarket a,#jimann a,#elephant a{
  background-image:url(image/list2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0;
  font-size:10px;
  line-height:22px;
  color:#00F;
  padding:0 0 0 20px;
  border:0;
}

#delimarket p,#jimann p,#elephant p{
  font-size:14px;
  color:#00F;
  margin:0;
  padding:7px 0 5px 0;
  border:0;
}



#delimarket{
  background-image:url(image/delimarketlogo.gif);
  background-position:center;
}


#jimann{
  background-image:url(image/jimannrogo.gif);
  background-position:right;
}

#elephant{
  background-image:url(image/ecoelephantrogo.gif);
  background-position:right;
}
*/

















#footer{
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  text-align:center;
  clear:both;
  float:left;
}


#footer h5{
  font-size:10px;
  font-weight:normal;
  color:#666;
  text-align:center;
  padding:5px 0;
  margin:0;
  border-bottom-style:dotted;
  border-bottom-color:#666;
  border-bottom-width:thin;
}






#footer address{
  font-size:10px;
  font-weight:normal;
  font-style:normal;
  color:#666;
  padding:5px 0;
  margin:0;
  border:0;
  text-align:center;
}