@charset "UTF-8";

/* --------------------------------------------------------
	design_eco.css -環境･ＣＳＲ活動
-------------------------------------------------------- */
#Maincontents {
	float: left;
	width: 800px;
	margin: 3px auto 0px auto;
	text-align: left;
	display:inline;
}

a:link {
	color:#666;
	text-decoration:none;
}

a:visited {
	color:#666;
	text-decoration:none;
}

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

/* -----------------------------------------------------------
    Top Banner
----------------------------------------------------------- */
.topBanner {
	float: left;
	width: 800px;
	height: 150px;
	margin: 0 auto;
	background-image: url(../eco/images/top_banner.jpg);
	background-repeat: no-repeat;
}

/* -----------------------------------------------------------
    メインメニュ- Start
----------------------------------------------------------- */
#mainnavi{
    float: left;
	margin: 0px auto; /* 画像の余白 */
	padding: 0; /* 画像内の余白 */
	width: 798px; /* 画像の幅 */
	height: 40px; /* 画像の高さ */
}

#mainnavi ul{
  margin: 0;
  padding: 0;
}

#mainnavi li{
  float:left;
  list-style-type: none;
  text-indent: -9999px;
  width: 133px; /* ヨコサイズ */
  margin: 0;
  padding: 0;
}

#mainnavi a{
    clear:both;
	display: block;
	width: 100%;
	height: 40px; /* タテサイズ */
	background-image: url(../images/mainmenu.gif);
	background-repeat: no-repeat;
}

#mainmenu1 a{background-position: 0px 0;}
#mainmenu2 a{background-position: -133px 0;}
#mainmenu3 a{background-position: -266px 0;}
#mainmenu4 a{background-position: -399px -40px;}
#mainmenu5 a{background-position: -532px 0;}
/* #mainmenu6 a{background-position: -570px 0;} */
#mainmenu7 a{background-position: -665px 0;}

#mainnavi a:hover{
  background-image: url(../images/mainmenu.gif);
  background-repeat: no-repeat;
}

#mainmenu1 a:hover{background-position: 0 -40px;}
#mainmenu2 a:hover{background-position: -133px -40px;}
#mainmenu3 a:hover{background-position: -266px -40px;}
#mainmenu4 a:hover{background-position: -399px -40px;}
#mainmenu5 a:hover{background-position: -532px -40px;}
/* #mainmenu6 a:hover{background-position: -570px -40px;} */
#mainmenu7 a:hover{background-position: -665px -40px;} /* aからの移動距離 -は下へ移動 */

/* --------------------------------------------------------
	#Left Side
-------------------------------------------------------- */
#left-side {
	float: left;
	width: 193px;
	margin: 8px 5px 2px 0px;
	display:inline;
}

.left-submenu {
	float:left;
	margin:1px 0px 3px 5px;
	width:188px;
	height:35px;
	background-image:url(../company/images/sidemenu_00.gif);
	background-repeat:no-repeat;
	display:inline;
}

.left-submneu-txt {
	margin:8px 5px 0px 10px;
	font-size:14px;
}

.left-submneu-txtb {
	margin:3px 5px 0px 10px;
	font-size:14px;
	line-height:100%;
}

#dc-wrap {
	float:left;
	width:194px;
	height:225px;
	margin:50px 0px 0px 0px;
	background:url(../company/images/leftsub_01.gif);
	background-repeat:no-repeat;
	display:inline;
}

#dc-contents {
	width:137px !important;
	padding:35px 0px 0px 20px !important;
	font-size:13px !important;
	line-height:270% !important;

	width:137px;
	padding:35px 0px 0px 20px;
	font-size:13px;
	line-height:270%;
}

#dc-contents a:link {
	color:#666;
	text-decoration:none;
}

#dc-contents a:visited {
	color:#666;
	text-decoration:none;
}

#dc-contents a:hover {
	color:#00F;
	text-decoration:underline;
}

#dc-wrap2 {
	float:left;
	width:194px;
	height:299px;
	margin:20px 0px 0px 0px;
	background:url(../company/images/leftsub_02.gif);
	background-repeat:no-repeat;
	display:inline;
}

.dc-contents2 {
	width:137px;
	padding:4px 0px 0px 18px;
	font-size:12px;
	line-height:290%;
}

.dc-contents2 a:link {
	color:#666;
	text-decoration:none;
}

.dc-contents2 a:visited {
	color:#666;
	text-decoration:none;
}

.dc-contents2 a:hover {
	color:#00F;
	text-decoration:underline;
}

.dc-contents2a {
	width:150px;
	padding:2px 0px 0px 10px;
	font-size:16px;
	line-height:210%;
}
.dc-contents2a a:link {
	color:#666;
	text-decoration:none;
}

.dc-contents2a a:visited {
	color:#666;
	text-decoration:underline;
}

.dc-contents2a a:hover {
	color:#00F;
	text-decoration:underline;
}

/* --------------------------------------------------------
	#right Side
-------------------------------------------------------- */
#right-side {
	float: left;
	width: 593px;
	margin: 8px 0px 2px 6px;
	border-top:  none;
	border-bottom: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	border-right: none;
}

.r-content {
	width: 577px;
	margin: 0 auto;
	text-align: left;
	padding:5px 0px 3px 15px;
}

.banner00 {
	float: left;
	width: 564px;
	height: 30px;
	background-image: url(../images/banner_00.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 30px;
	text-align: left;
	color: #666;
	font-size: 16px;
}

.quarity {
	margin:5px 20px 10px 28px;
}

.quarity-1 {
	font-size:12px; line-height:160%;
}

.quarity-2 {
	margin:8px 0px 0px 10px;
	font-size:12px; line-height:160%;
}

.dec {
	list-style-type: decimal;
	line-height:140%;
	margin:0px 10px 0px 20px;
	font-size:12px;
}

.dec2 {
	list-style-type: decimal;
	line-height:120%;
	margin:0px 10px 0px 20px;
	font-size:12px;
}