@charset "utf-8";
/*	layout
----------------------------------------------------*/
#page {
 min-height:100%;
 height:auto !important;
 height:100%;
 margin:0 auto;
 text-align:left;
}
#page_inner {
 margin:0 auto;
 text-align:left;
}
#contents {
 background-color:#f8f7f5;
 padding:0;
 text-align:left;
 zoom:1;
}
#contents_inner {
 min-height:400px;
 height:auto !important;
 height:400px;
 margin:0 auto;
 padding:35px 0 60px 0;
 position:relative;
 width:925px;
}
#home #contents_inner {
 margin:0 auto;
 padding:0;
 position:relative;
 width:925px;
}
#main {
 border-right:1px solid #ddd8ce;
 display:inline;
 float:left;
 margin:0;
 padding:0 25px 0 0;
 width:625px;
}
#side {
 display:inline;
 float:right;
 margin:0;
 padding:0;
 width:250px;
}

/*	header
----------------------------------------------------*/
header {
 height:368px;
 margin:0 auto;
 position:relative;
 width:925px;
}
.top header {
 height:568px;
 margin:0 auto;
 position:relative;
 width:925px;
}
header h1 {
 clear:both;
 height:85px;
 left:0;
 position:absolute;
 top:27px;
 width:397px;
}
header h2 {
 clear:both;
 left:0;
 position:absolute;
 top:235px;
}
header p.catch {
 clear:both;
 color:#573e08;
 font-size:85%;
 line-height:1;
 left:0;
 position:absolute;
 top:5px;
}
.top header h2 {
 clear:both;
 color:#573e08;
 font-size:85%;
 line-height:1;
 left:0;
 position:absolute;
 top:5px;
}
.top header p.catch {
 clear:both;
 height:119px;
 left:438px;
 position:absolute;
 top:400px;
 width:523px;
}
header p.tel {
 clear:both;
 height:79px;
 left:630px;
 position:absolute;
 top:36px;
 width:272px;
}
#globalnav {
 clear:both;
 position:relative;
}
#globalnav ul {
 height:52px;
 left:0;
 position:absolute;
 top:120px;
}
#globalnav li {
 display:inline;
 float:left;
}
#globalnav li a {
 display:block;
 height:52px;
 overflow:hidden;
 text-decoration:none;
 text-indent:-9999px;
 width:auto;
}
#globalnav li#nav01 a {
 background:url(../img/globalnav.png) no-repeat 0 0;
 width:230px;
}
#globalnav li#nav02 a {
 background:url(../img/globalnav.png) no-repeat -230px 0;
 width:231px;
}
#globalnav li#nav03 a {
 background:url(../img/globalnav.png) no-repeat -461px 0;
 width:230px;
}
#globalnav li#nav04 a {
 background:url(../img/globalnav.png) no-repeat -691px 0;
 width:228px;
}
#globalnav li#nav01 a:hover {
 background:url(../img/globalnav.png) no-repeat 0 -52px;
 width:230px;
}
#globalnav li#nav02 a:hover {
 background:url(../img/globalnav.png) no-repeat -230px -52px;
 width:231px;
}
#globalnav li#nav03 a:hover {
 background:url(../img/globalnav.png) no-repeat -461px -52px;
 width:230px;
}
#globalnav li#nav04 a:hover {
 background:url(../img/globalnav.png) no-repeat -691px -52px;
 width:228px;
}



#home #globalnav li#nav01 a {
 background:url(../img/globalnav.png) no-repeat 0 -52px;
 width:230px;
}
#company #globalnav li#nav02 a {
 background:url(../img/globalnav.png) no-repeat -230px -52px;
 width:231px;
}
#business #globalnav li#nav03 a {
 background:url(../img/globalnav.png) no-repeat -461px -52px;
 width:230px;
}
#ecolab #globalnav li#nav04 a {
 background:url(../img/globalnav.png) no-repeat -691px -52px;
 width:228px;
}
/*ul#utilitynav {
 height:auto;
 position:absolute;
 left:449px;
 top:76px;
 width:auto;
}
ul#utilitynav li {
 display:inline;
 float:left;
 margin:0 0 0 4px;
 padding:0 0 0 0;
}
ul#utilitynav li a, ul#utilitynav li a:visited, ul#utilitynav li a:active {
 color:#333;
 text-decoration:none;
 text-shadow:1px 1px 0 #fff;
}
ul#utilitynav li a:hover {
 color:#0793ff;
 text-decoration:none;
}*/
/*	footer
----------------------------------------------------*/
footer {
 background:transparent url(../img/footer_bg_x--.jpg) repeat-x top center;
 border-top:6px solid #ffa000;
 clear:both;
 padding-top:30px;
}
#footer-contents {
 height:auto;
 margin:0 auto;
 padding:0;
 position:relative;
 width:925px;
}
footer p.pageTop {
 clear:both;
 left:784px;
 position:absolute;
 top:-70px;
}
footer p.pageTop a, footer p.pageTop a:visited, footer p.pageTop a:active {
 height:40px;
 width:120px;
}
footer p.pageTop a:hover {
 outline:none;
}
.add {
 float:left;
 display:inline;
 margin:0 0 10px;
 width:auto;
}
.add h2 {
 margin:0 0 5px;
 padding:0;
}
.add p {
 color:#573e08;
 font-size:86%;
 line-height:1.4;
 padding:5px 0 0;
}
.fnav {
 float:right;
 display:inline;
 margin:0 0 10px;
 width:auto;
}
.fnav dl {
 margin:0 0 0 20px;
 padding:0;
}
.fnav dl dt {
 border-bottom:1px solid #ddd8ce;
 color: #573e08;
 margin:0 0 3px;
 padding:0 0 5px;
}
.fnav dl dd {
 float:left;
 line-height:1.5;
 padding:0;
 margin:0;
}
.fnav dl dd ul {
 list-style-type:none;
 margin:0;
 padding:0;
 font-size: 86%;
}
.fnav dl dd ul li {
 border-bottom:1px solid #ddd8ce;
 background: url(../img/icon_fnav.jpg) no-repeat left center;
 color: #573e08;
 margin:0 10px;
 padding:2px 10px 2px 10px;
}
.fnav dl dd ul li.last {
 border-bottom:none;
}
.fnav dl dd ul li a:link {
 text-decoration: none;
 color: #573e08;
}
.fnav dl dd ul li a:visited {
 text-decoration: none;
 color: #573e08;
}
.fnav dl dd ul li a:hover {
 text-decoration: none;
 color: #f60;
 outline:none;
}
.fnav dl dd ul li a:active {
 text-decoration: none;
 color: #573e08;
}

/* top
----------------------------------------------------*/
.information {
 border-bottom:1px solid #ddd8ce;
 display:inline;
 float:left;
 margin:0 0 30px;
 padding:30px 0 20px 0 ;
 width:925px; 
}
.information .col_l {
 float:left;
 padding:0 0 0 0;
 width:630px;
}
.information .col_r {
 float:right;
 width:250px;
}
.information .topics {
 background: #fff url(../img/information.jpg) no-repeat center left;
 border:1px solid #da3535;margin:0 0 30px;
 padding:5px 0 5px 165px;
}
.information .col_l h2,.information .col_l h3, .information .col_l p  {
 padding:0 0 0 160px;
}
.information .topics p {
 line-height:1.5;
 margin:0;
}
.products {
 clear:both;
 display:inline;
 float:left;
 margin:0 0 30px;
 padding:0;
 width:925px;
}
.products dl {
 display:inline;
 float:left;
 margin:0 17px 0 0;
 width:218px; 
}
.products dl.last {
 margin: 0;
}
.products dl dt {
 margin:0 0 10px;
 padding:0;
}
.products dl dd {
 font-size: 86%;
 line-height:1.5;
 margin:0 0 10px;
 padding:0;
}
.proposal {
 background:url(../img/line_bg.jpg) repeat-y top center;
 clear:both;
 display:inline;
 float:left;
 margin:0 0 60px;
 padding:0;
 width:925px; 
}
.proposal .col_l {
 float:left;
 padding:0;
 width:620px;
}
.proposal .col_r {
 float:right;
 width:250px;
}
.proposal .demand .col_l {
 float:left;
 padding:0;
 margin:0 0 40px;
 width:300px;
}
.proposal .demand .col_r {
 float:right;
 margin:0 0 40px;
 width:300px;
}
.proposal ul.demand {
}
.proposal ul.demand li {
 background: url(../img/icon_demand.jpg) no-repeat left center;
 border-bottom:1px dotted #ddd8ce;
 line-height:1.5;
 margin:0; 
 padding: 10px 0 10px 70px; 
 width: 550px; 
}
.proposal ul.tender {
 margin:0 0 20px; 
}
.proposal ul.tender li {
 background: url(../img/icon_tender.jpg) no-repeat left center;
 border-bottom:1px dotted #ddd8ce;
 color:#f60;
 line-height:1.5;
 margin:0; 
 padding: 10px 0 10px 70px; 
 width: 550px; 
}
.staff ul li {
 display:inline;
 float:left;
 margin:0 42px 0 0;
 padding:0;
}
.staff ul li.last{
 margin:0;
}
.block_tw {
 display:inline;
 float:right;
 position:relative;
 width:250px;
}
.block_tw h2 {
 clear:both;
 position:absolute;
 top:11px;
 left:0;
 z-index:100;
}
.twitter  {
 z-index:0;
 margin:0;
 padding:11px 0 0;
}

.top_bnr ul li {
 display:inline;
 float:left;
 margin:0;
 padding:0;
}
.block_cms {
 display:inline;
 float:left;
 width:940px;
}

.block_news {
 display:inline;
 float:right;
 position:relative;
 width:670px;
}
.block_news .tabbed{ margin:-12px 0px 0px 0px;}
.block_news h2 {
 height:45px;
 width:670px;
}
.block_news .tabs ul {
 clear:both;
 position:absolute;
 top:21px;
 left:307px;
}

.block_news .tabs ul li {
 border-right:1px solid #ccc;
 display:inline;
 float:left;
 margin:0 5px 0 0;
 padding:0 5px 0 0;
}
.block_news ul.rss {
 clear:both;
 position:absolute;
 top:21px;
 left:634px;
}
.block_news .all_list {
 margin:10px 0 15px 0;
 padding:0;
 text-align:right;
 width:670px;
}
.block_news .tab-content h3.title {
 position: absolute; 
 width:0; height:0; 
 overflow:hidden; 
}
.block_news dl { 
 border-bottom:1px dotted #ddd; 
 width: 670px; 
 height: auto; 
 margin: 0; 
 padding: 0; 
 line-height:1.3; 
 font-size: 13px; 
 font-size: 1.3rem;
}
.block_news dl dt { 
 float: left; 
 width: 7.5em; 
 padding: 15px 0 15px 85px; 
 color:#ea771e; 
}
.block_news dl dd { 
 margin: 0 0 0 5em; 
 padding: 15px 0 15px 7.5em; 
 word-wrap: break-word;
}
.block_news dl dt.news {
 background: url(../img/icon_left_news.jpg) no-repeat left center; 
}
.block_news dl dt.topics {
 background: url(../img/icon_left_topics.jpg) no-repeat left center;
}
.block_news dl dt.volunteer {
 background: url(../img/icon_left_volunteer.jpg) no-repeat left center;
}
.block_news dl dd a, .block_news dl dd a:visited, .block_news dl dd a:active {
 text-decoration:none;
 color:#333; 
}
.block_news dl dd a:hover {
 text-decoration:underline;
 outline:none;
}

/*	cms
----------------------------------------------------*/
/*news_single*/
.news_single {
  width:660px;
}
.news_single .tabs {
 border-bottom:1px solid #ddd;
 display:inline;
 float:left;
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 width:660px;
}
.news_single .tabs ul {
 display:inline;
 float:right;
 margin:0 5px 0 0;
 padding:0 5px 0 0;
}
.news_single .tabs ul li {
 border-left:1px solid #ccc;
 display:inline;
 float:left;
 margin:0 0 0 5px;
 padding:0 0 0 5px;
}
.news_single .tabs ul li.first {
 border-left:none;
}
.news_single .tab-content h3.title {
 position: absolute; 
 width:0; height:0; 
 overflow:hidden; 
}
.news_single dl {
 clear:both;
 margin: 0 0 30px 0; 
 padding: 0; 
}
.news_single dl dt {
 font-size: 12px;
 margin:0 0 5px 0; 
 padding: 5px 0 0 100px; 
 width: 560px; 
}
.news_single dl dt span {
 display:inline-block; 
 font-size: 16px; 
 line-height:1.4;
 padding: 5px 0 10px 0 ; 
}
.news_single dl dd {
 background:url(../img/decoration.jpg) no-repeat left bottom;
 margin: 0; 
 padding: 10px 0 50px 100px;
}
.news_single dl dt.news { 
background: url(../img/icon_left_news.jpg) no-repeat left top;
}
.news_single dl dt.topics { 
background: url(../img/icon_left_topics.jpg) no-repeat left top; 
}
.news_single dl dt.volunteer { 
background: url(../img/icon_left_volunteer.jpg) no-repeat left top; 
}
.news_single dl dd a, .news_single dl dd a:visited, .news_single dl dd a:active { 
 }
.news_single dl dd a:hover { 
 }
/*news_all*/
.news_all {
  width:660px;
}
.news_all .tabs {
 border-bottom:1px solid #ddd;
 display:inline;
 float:left;
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 width:660px;
}
.news_all .tabs ul {
 display:inline;
 float:right;
 margin:0 5px 0 0;
 padding:0 5px 0 0;
}
.news_all .tabs ul li {
 border-left:1px solid #ccc;
 display:inline;
 float:left;
 margin:0 0 0 5px;
 padding:0 0 0 5px;
}
.news_all .tabs ul li.first {
 border-left:none;
}
.news_all .tab-content h3.title {
 position: absolute; 
 width:0; height:0; 
 overflow:hidden; 
}
.news_all dl {
 clear:both;background:url(../img/decoration.jpg) no-repeat left bottom;
 margin: 0 0 20px 0; 
 padding: 0 0 10px 0;
}
.news_all dl dt {
 color:#887e6a;
 font-size: 12px;
 margin:0 0 0 0; 
 padding: 5px 0 10px 100px; 
 width: 560px; 
}
.news_all dl dt span {
 display:inline-block; 
 font-size: 16px; 
 line-height:1.4;
}
.news_all dl dd { 
 margin: 0 0 10px 0; 
 padding: 0 0 10px 100px;
}
.news_all dl dt.news { 
	background: url(../img/icon_left_news.jpg) no-repeat left top;
}
.news_all dl dt.topics { 
	background: url(../img/icon_left_topics.jpg) no-repeat left top; 
}
.news_all dl dt.volunteer { 
	background: url(../img/icon_left_volunteer.jpg) no-repeat left top; 
}
.news_all dl dd a, .news_all dl dd a:visited, .news_all dl dd a:active { 
	color:#4d3929;
}
.news_all dl dd a:hover { 
}
/*noentry*/
p.noentry {
 clear:both; 
 color:#bbb;
 font-size:93%;
 margin: 0 0 20px 0; 
 padding: 10px 0 10px 10px;
}
/*entry_news*/
#entry_news {
 margin:0 0 20px;
 padding:0;
 width:263px;
}
#entry_news h2 {
 line-height:1;
 margin:0 0 10px;
 padding:0;
}
#entry_news dl {
 border-bottom:1px dotted #ccc;
 height:auto;
 line-height:1.3;
 margin:0 0 10px;
 padding:0 0 8px;
 width:263px;
}
#entry_news dl dt {
 color:#887e6a;
 font-size:78%;
 line-height:1;
 margin:0 0 3px;
 padding:0;
}
#entry_news dl dd {
 margin:0;
 padding:0;
}
#entry_news dl dd a, .entry_news dl dd a:visited, .entry_news dl dd a:active {
 color:#4d3929;
 text-decoration:none;
}
#entry_news dl dd a:hover {
 color:#4d3929;
 outline:none;
 text-decoration:underline;
}





#CoverLive{ width:629px; height:176px; margin:20px 0px; background: url(../img/bnr01-base.jpg) no-repeat left top; position:relative;}
#CoverLive span{ position:absolute; top:131px; left:183px; color:#ffffff;}