@charset "utf-8";

/* CSS Document */



/* clearfix

------------------------------------------------------------------------------------*/

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.clearfix {display:inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height:1%;}

.clearfix {display:block;}

/* End hide from IE-mac */



/* body

------------------------------------------------------------------------------------*/

body {

	margin:0px;

	padding:0px;

	text-align:center;

	background-color:#fff;

}



img { border-style: none; }



a:visited { color:#096; }

a:hover { color:#09F; }



h1 {margin-left:0;}

h1.rohs {margin-left:0;}

h2 {height:18px;}



/* 外枠

------------------------------------------------------------------------------------*/

div.container_body {

	width:958px;

	margin-top:0;

	margin-bottom:0;

	margin-left:auto;

	margin-right:auto;

	padding-top:0;

	padding-bottom:0;

	padding-left:0;

	padding-right:0;

	border-width:0 1px 1px 1px;

	border-style:solid;

	border-color:#cfcfcf;

}



/* ヘッダ

------------------------------------------------------------------------------------*/

div.container_header {

	width:958px;

	height:42px;

	background-image:url(../c_img/header.gif);

	background-repeat:no-repeat;

	background-position:left top;

}



div.container_header a {

	float:left;

	width:394px;

	height:21px;

	padding-top:8px;

	margin-left:12px;

}



div.container_header a span {

	display:none;

}



#search {float:right;}



#search form {

	margin-top:0;

	margin-right:0;

	margin-bottom:0;

	margin-left:0;

}



#search table {

	margin-top:7px;

	margin-right:7px;

}



#searchText {margin-right:7px;}



* html #searchBtn {margin-top:1px;}



/* Flash

------------------------------------------------------------------------------------*/

div.container_flash {

	width:958px;

	height:280px;

	background-color:#fff;

}



/* 内枠

------------------------------------------------------------------------------------*/

div.container_contents {

	background-image:url(../c_img/bg.gif);

	background-repeat:repeat-y;

	background-position:left top;

}



/* サイドメニュー

------------------------------------------------------------------------------------*/

div.container_left {

	float:left;

	width:224px;

	background-color:#f2f2f2;

	text-align:left;

}



#menuBar {

	margin-top:12px;

	margin-right:12px;

	margin-bottom:12px;

	margin-left:12px;

}



#menuBar li.menuLevel1 {

	margin-top:5px;

}



a#menuHome, a#menuProducts, a#menuTechInfo, a#menuManu, a#menuEco, a#menuQuality, a#menuContactUs, a#menuContactWW {

	display:block;

	width:200px;

	height:31px;

	background-image:url(../c_img/menu.gif);

	background-repeat:no-repeat;

}



a#menuHome {background-position:left -216px;}

a:hover#menuHome {background-position:right -216px;}



a#menuProducts {background-position:left top;}

a:hover#menuProducts {background-position:right top;}



a#menuTechInfo {background-position:left -36px;}

a:hover#menuTechInfo {background-position:right -36px;}



a#menuManu {background-position:left -252px;}

a:hover#menuManu {background-position:right -252px;}



a#menuEco {background-position:left -72px;}

a:hover#menuEco {background-position:right -72px;}



a#menuQuality {background-position:left -108px;}

a:hover#menuQuality {background-position:right -108px;}



a#menuContactUs {background-position:left -144px;}

a:hover#menuContactUs {background-position:right -144px;}



a#menuContactWW {background-position:left -180px;}

a:hover#menuContactWW {background-position:right -180px;}



a#menuHome span, a#menuProducts span, a#menuTechInfo span, a#menuManu span, a#menuEco span, a#menuQuality span, a#menuContactUs span, a#menuContactWW span {

	display:none;

}



#menuBar ul.menuLevel2 {

	border:1px solid #fff;

	margin-top:0;

	margin-left:199px;

	background-color:#37761a;

}



* html #menuBar ul.menuLevel2 {margin-top:-1px;}



#menuBar ul#menuLevel2A {margin-top:-71px;}

* html #menuBar ul#menuLevel2A {margin-top:-72px;}



#menuBar li.menuLevel2Top, #menuBar li.menuLevel2TopPD, #menuBar li.menuLevel2, #menuBar li.menuLevel2PD {

	width:240px;

	margin-top:0;

}



#menuBar li.menuLevel2, #menuBar li.menuLevel2PD {

	border-top:1px dashed #fff;

}



#menuBar li.menuLevel2PD {

	background-image:url(../c_img/menu_arrow_hover.gif);

	background-repeat:no-repeat;

	background-position:right center;

}



#menuBar li.menuLevel2Top a, #menuBar li.menuLevel2TopPD a, #menuBar li.menuLevel2 a, #menuBar li.menuLevel2PD a {

	width:240px;

}



#menuBar li.menuLevel2TopPD a, #menuBar li.menuLevel2PD a {

	background-image:url(../c_img/menu_arrow_normal.gif);

	background-repeat:no-repeat;

	background-position:right center;

}



#menuBar li.menuLevel2Top a:hover, #menuBar li.menuLevel2TopPD a:hover, #menuBar li.menuLevel2 a:hover, #menuBar li.menuLevel2PD a:hover {

	background-color:#1f520d;

}



#menuBar li.menuLevel2TopPD a:hover, #menuBar li.menuLevel2PD a:hover {

	background-image:url(../c_img/menu_arrow_hover.gif);

}



#menuBar ul.menuLevel3 {

	border:1px solid #fff;

	margin-top:-1px;

	margin-left:240px;

	background-color:#72a411;

}



* html #menuBar ul.menuLevel3 {margin-top:-1px;}



#menuBar li.menuLevel3Top, #menuBar li.menuLevel3 {

	width:240px;

	margin-top:0;

}



#menuBar li.menuLevel3 {

	border-top:1px dashed #fff;

}



#menuBar li.menuLevel3Top a, #menuBar li.menuLevel3 a {

	width:240px;

	background-image:none;

}



#menuBar li.menuLevel3Top a:hover, #menuBar li.menuLevel3 a:hover {

	background-image:none;

	background-color:#508400;

}



#menuBar ul#menuLevel3A {margin-top:-104px;}

* html #menuBar ul#menuLevel3A {margin-top:-105px;}



#menuBar ul#menuLevel3B {margin-top:-35px;}

* html #menuBar ul#menuLevel3B {margin-top:-36px;}



#menuBar ul#menuLevel3C {margin-top:-104px;}

* html #menuBar ul#menuLevel3C {margin-top:-105px;}



#menuBar ul#menuLevel3D {margin-top:-162px;}

* html #menuBar ul#menuLevel3D {margin-top:-163px;}



#menuBar ul#menuLevel3E {margin-top:-196px;}

* html #menuBar ul#menuLevel3E {margin-top:-197px;}

#menuBar ul#menuLevel3E li {width:320px;}

#menuBar ul#menuLevel3E a {width:320px;}



#menuBar li li a span {

	display:block;

	margin-left:10px;

	margin-right:10px;

	padding-top:10px;

	padding-bottom:9px;

	color:#fff;

}



#menuBar li li a span span {

	display:inline;

	margin-left:0;

	margin-right:0;

	padding-top:0;

	padding-bottom:0;

	color:#060;

}



div.attention {

	margin-right:18px;

	margin-left:18px;

}



div.attention div {

	margin-bottom:12px;

}



div.attention img {

	margin-right:3px;

}



a.attention {

	padding-left:22px;

	background-image:url(images/bikkuri.gif);

	background-repeat:no-repeat;

	background-position:center left;

}

div.banner {
	width:200px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:12px;
}


/* メインコンテンツ

------------------------------------------------------------------------------------*/

div.container_main {

	float:right;

	width:710px;

	margin-right:12px;

}



* html div.container_main {display:inline;}



div.container_main_nomenu {

	width:934px;

	margin-left:12px;

}



#bread {

	float:left;

	min-height:12px;

	margin-left:7px;

	padding-top:6px;

	padding-bottom:7px;

	text-align:left;

}



* html #bread {height:12px;}



#bread a {

	color:#0e57bd;

}



#bread span {

	color:#646464;

}



#lang {

	float:right;

	min-height:12px;

	padding-top:6px;

	padding-bottom:7px;

}



* html #lang {

	width:130px;

	height:12px;

}



#lang a {

	color:#535353;

	text-decoration:none;

}



#lang a:hover {text-decoration:underline;}



#lang img {

	vertical-align:middle;

	margin-left:7px;

	margin-right:7px;

}



#notices {

	width:708px;

	height:27px;

	margin-top:0;

	margin-bottom:0;

	border:1px solid #ccc;

	text-align:left;

	background-image:url(../img/notices.gif);

	background-repeat:no-repeat;

	background-position:top left;

}



#notices a {

	display:block;

	width:130px;

	height:27px;

	margin-left:578px;

	background-image:url(../img/prev_notices.gif);

	background-repeat:no-repeat;

	background-position:bottom left;

}



#notices a:hover {

	background-position:top left;

}



#notices a span {

	display:none;

}



dl.dl_1 {

	text-align:left;

	margin-top:0px;

}



dl.dl_1 dt, dl.dl_1 dd {

	padding-top:14px;

	padding-bottom:14px;

}



dl.dl_1 dt {

	float:left;

	width:107px;

	clear:left;

	padding-left:18px;

	color:#0d6c03;

}



* html dl.dl_1 dt {display:inline;}



dl.dl_1 dd {

	margin-left:125px;

	padding-right:40px;

}



dl.dl_1 dd a {

	color:#074fbc;

}

dl.dl_1 dd a:visited {

	color:#096;

}

dl.dl_1 dd a:hover {

	color:#09f;

}



dl.dl_1 dd img {

	border:none;

}



dl.dl_1 div.box_1 {

	background-color:#f9f9f9;

}



dl.dl_1 div.box_2 {

	background-color:#e5f0d6;

}



div.box_3 {

	margin-top:10px;

	text-align:left;

}

div.box_3 strong.rohs {

	padding:2px 3px 2px 2px;

	border:1px solid #00CCFF;

	background-color:#06c;

	color:#fff;

	line-height:2;

}



div.box_4

{

	width: 100%;

	margin-top: 15px;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 0;

	padding-top: 0;

	padding-right: auto;

	padding-bottom: 0;

	padding-left: auto;

	text-align: center;

}



/* フッタ

------------------------------------------------------------------------------------*/

div.container_footer {width:958px;}



#nav {

	margin-right:12px;

	padding-top:13px;

	border-left:224px solid #f2f2f2;

	text-align:right;

}



#nav_nomenu {

	margin-right:12px;

	padding-top:13px;

	text-align:right;

}



#nav a, #nav_nomenu a {

	color:#56a632;

	text-decoration:none;

}



#nav a:hover, #nav_nomenu a:hover {text-decoration:underline;}



#nav img, #nav_nomenu img {

	vertical-align:middle;

	margin-left:7px;

	margin-right:7px;

}



#copyright {

	width:947px;

	min-height:40px;

	margin-top:7px;

	border-top:7px solid #f2f2f2;

	/*

	background-image:url(../c_img/footer.gif);

	background-repeat:no-repeat;

	background-position:bottom left;

	*/

	text-align:left;

	padding-left:11px;

}



* html #copyright {height:40px;}



#copyright span {

	font-size:70%;

	line-height:40px;

}



* html #copyright span {line-height:36px;}





/* カテゴリートップ

------------------------------------------------------------------------------------*/

.site_tree2 ul { list-style-image:url(images/jec2.gif); padding:5px 0px 0px 36px; }

.site_tree2 li { padding-bottom:5px; }

a.pdf3 { padding-right:24px; background: url(../com/pdf3.gif) no-repeat right center; }

a.pdf4 { padding-right:15px; background: url(../c_img/icon_pdf.gif) no-repeat right center; }

.productsTable table { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin-bottom: 30px; color: #333333; }

.productsTable p { margin: 0px; }

.productsTable td,.productsTable th  { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 10px 3px; text-align: center; }

.productsTable th { color: #FFFFFF; background: #4C6733; }

.productsTable h3 { background: #FFFFFF; margin: 15px 0px 10px; height: auto; padding: 5px 5px 5px 10px; color: #669900; border: 1px solid #CCCCCC; }

.productsTable h2 { background: #FFFFFF; margin: 0px 0px 10px; height: auto; border-left: 10px solid #CCCCCC; padding: 5px; }

.productsTable .productsTableSel01 a,.productsTable .productsTableSel02 a { color: #FFFFFF; text-decoration: underline; }

.productsTable .productsTableSel01 a:hover,.productsTable .productsTableSel02 a:hover { text-decoration: none; }

.productsTable a { color: #003399; text-decoration: underline; }

.productsTable a:hover { text-decoration: none; }

.productsTableSel01 { color: #FFFFFF; background: #69823F; }

.productsTableSel02 { color: #FFFFFF; background: #559E6E; }

.productsTableLine { background: #EEFFD1; }





/* 商品紹介

------------------------------------------------------------------------------------*/



#productMenu  { margin-bottom: 20px; display: block;}

#productMenu table {margin-right: auto; margin-left: auto; }

#productMenu a { display:block; width: 220px; padding:5px 3px; margin:0px; background:#669900 url(images/down.gif) no-repeat 5px center; border:1px solid #CCCCCC; font-size:95%;/*80%*/ text-align:center; text-decoration:none; color: #FFFFFF; }

#productMenu a:hover   { background:#336600 url(images/down.gif) no-repeat 5px center; }



#productMenu2  { margin-bottom: 20px; display: block;}

#productMenu2 table  { margin-right: auto; margin-left: auto; }

#productMenu2 a { display:block; width: 300px; padding:5px 3px; margin:0px; background:#669900 url(images/down.gif) no-repeat 5px center; border:1px solid #CCCCCC; font-size:95%; text-align:center; text-decoration:none; color: #FFFFFF; }

#productMenu2 a:hover   { background:#336600 url(images/down.gif) no-repeat 5px center; }





/* xxx

------------------------------------------------------------------------------------*/

.jump_top { text-align:right; }

.jump_top a {

	height:18px; 

	padding:2px 0px 0px 18px; 

	background:url(images/arrow_up.gif) no-repeat center left;

	color:black; text-decoration:none;

}

.jump_top a:hover { color:#003399; text-decoration: underline; }







/* ww

------------------------------------------------------------------------------------*/

.wwTable h2 { background: #FFFFFF; margin: 0px 0px 10px; height: auto; border-left: 10px solid #CCCCCC; padding: 5px; }

.wwMenu2  { margin-bottom: 20px; display: block; }

.wwMenu2 a { display:block; width: 110px; padding:5px 3px; margin:0px; background:#669900 url(images/down.gif) no-repeat 5px center; border:1px solid #CCCCCC; font-size:80%; text-align:center; text-decoration:none; color: #FFFFFF; }

.wwMenu2 a:hover   { background:#336600 url(images/down.gif) no-repeat 5px center; }

.wwTable table { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin-bottom: 30px; color: #333333; }

.wwTable p { margin: 0px; }

.wwTable th  { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 10px; text-align: }

.wwTable th { color: #FFFFFF; background: #69823F; }

.wwTable02  { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 10px; text-align: ; font-weight: bold; }

.wwTable02 { color: #FFFFFF; background: #25998C; }

.wwTable td  { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 10px; text-align: }

.wwTable .wwTableSel01 a,.wwTable .wwTableSel02 a { color: #FFFFFF; text-decoration: underline; }

.wwTable .wwTableSel01 a:hover,.pwwTable .wwTableSel02 a:hover { text-decoration: none; }

.wwTable a { color: #003399; text-decoration: underline; }

.wwTable a:hover { text-decoration: none; }

.wwTableSel01 { color: #FFFFFF; background: #69823F; text-align: center; }

.wwTableSel02 { color: #FFFFFF; background: #559E6E; text-align: center; }

.wwTableLine { background: #EEFFD1; }

.imageTop10 { margin-top: 10px; margin-bottom: 10px; }



/* 404

------------------------------------------------------------------------------------*/

.box_404 {text-align:center;}

.nf1 {margin-top:20px;}

.nf2 {margin-top:40px; margin-bottom:20px;}



/* トップページ 簡易サイトマップ

------------------------------------------------------------------------------------*/

.top_sm1 {float:left; width:347px; text-align:left;}

.top_sm2 {float:right; width:347px; text-align:left;}

.top_sm1 img,

.top_sm2 img {display:block; margin-top:20px; border:1px solid #ccc;}

.top_sm1 .exp,

.top_sm2 .exp {margin:10px 0 10px 20px;}



/* 扉ページ

------------------------------------------------------------------------------------*/

.sec_sm1 {float:left; width:347px; text-align:left; margin-bottom:40px;}

.sec_sm2 {float:right; width:347px; text-align:left; margin-bottom:40px;}

.sec_sm1 .exp,

.sec_sm2 .exp {margin:10px 0 10px 20px;}



/* リード文

------------------------------------------------------------------------------------*/

div.lead {margin-bottom:20px;}