@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 環境ニュース
　02. 環境関連リリース
　03. 下メニュー


******************************************************************************* */

* html .section div{ height:1%; }
.section div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

ul.contBtn{ margin-bottom:20px; }
ul.contBtn li{ float:left; margin-right:5px; margin-bottom:5px; }
ul.contBtn li.lastChild{ margin-right:0; }


/* ==

　01. 環境ニュース

=============================================================================== */
.news{
	overflow:hidden;
	margin-bottom:7px;
}
.news dl{
	overflow:hidden;
	width:730px;
}
.news dl.border{
	border-bottom:#3e7900 1px dotted;
	margin-bottom:15px;
	padding-bottom:15px;
}
.news dt{
	float:left;
	padding-right:15px;
	width:145px;
	text-align:center;
}
.news dd{
	float:left;
	width:570px;
}
.news dd h3{
	color:#3e7900;
	margin-bottom:5px;
}
.news dd h3 span{ color:#3e7900; }
.news dd p{}
.news dd p a {font-weight:bold;}

/*.news{
	background:url(../images/bk_news.gif) no-repeat left bottom;
	padding:5px 10px 10px;
	margin-bottom:7px;
}

.news h3{ color:#3e7900; border-bottom:1px dotted #3e7900; padding-bottom:5px; margin-bottom:10px;  font-size:96% !important;}
.news h3 span{ font-size:86%; color:#3e7900; }
.news p.img{ float:left; width:145px; }
.news .news_wrap{ clear:both; overflow:hidden;}
.news .txt{ float:right; width:182px; font-size:86%; }
.news .txt a {font-weight:bold;}
.news .newsL{ float:left; width:340px; }
.news .newsL .btn{ margin-top:21px; width:100%; text-align:right; }
.news .newsR{ float:right; width:340px; }
.news .newsR .btn{ margin-top:21px; width:100%; text-align:right; }

.container #news_tit{
	position:relative;
	margin-bottom:10px;
}
.container #news_tit h2{
	height:30px;
	clear:both;
	margin:0;
	padding:0;
}*/



/* ==

　02. 環境関連リリース

=============================================================================== */
.container #eco_news{
	margin:20px 0 20px;
	position:relative;
}
.container #eco_news h2{
	height:30px;
	clear:both;
	margin:0;
	padding:0;
}
#eco_news dl{
	min-height:1%;
	padding:7px 10px 0;
	background:#f4f4f4;
	clear:both;
}
#eco_news dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
#eco_news dt{
	width:115px;
	padding:3px 0 0 5px;
	background:url(../../common/images/renew2009/arrow_info.gif) right 3px no-repeat;
	line-height:1.3;
}
#eco_news dd{
	margin:-1.4em 0 0;
	padding:0 5px 12px 125px;
	background:url(../../common/images/renew2009/line_dotted.gif) left bottom repeat-x;
	line-height:1.3;
}
* html #eco_news dl{ height:1%; }
* html #eco_news dd{ height:1%; }


/* ==

　03. 下メニュー

=============================================================================== */
.container div.support{ width:950px; clear:both; }
div.infiniteCarousel {
  width: 950px;
  height: 80px;
  margin:30px 0 20px;
  background:url(/top/images/bk_support.gif) left top no-repeat;
  position: relative;
  clear:both;
}

.infiniteCarousel .wrapper {
  width: 870px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 80px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

/*
.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
*/

.infiniteCarousel .wrapper ul {
  /*width: 840px;  single item * n */
  position:absolute;
  top:0;
}

.infiniteCarousel ul li {
  width:200px;
  height:50px;
  padding:15px 10px 0;
  display:block;
  float:left;
}

/*
.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}
*/
.infiniteCarousel ul li a img{ display:block; }

.infiniteCarousel .arrow {
  width:20px;
  height:70px;
  background:url(/top/images/arrow_support.gif) no-repeat 0 0;
  text-indent:-9999px;
  position:absolute;
  top:5px;
  cursor:pointer;
  outline:0;
  display:block;
}
.infiniteCarousel .forward{ background-position:-42px 0; right:5px; }
.infiniteCarousel .back{ background-position:0 0; left:5px; }
.infiniteCarousel .forward:hover{ background-position:-63px 0; }
.infiniteCarousel .back:hover{ background-position:-21px 0; }