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

body							{ background-color: #EEEEEE; color: #000000; font-size: 13px; margin: 0 15px; text-align:center; }
table							{ background-color: #FFFFFF; color: #000000; font-size: 13px; text-align: left; }

#container						*{ border:0;  padding:0;  margin:0; }

#container						{ width:640px;  margin:0 10px;  background-color: #FFFFFF;  text-align:left; }

#container_top					{ width:595px; }

#container #container_main		{ padding:0 0 0 10px; }

#container .totop				{ text-align: right; font-size: 10px; margin: 0 13px 0 0; }
#container .totopmain			{ text-align: right; margin: 20px 13px 20px 0; }
#container .totop a				{ background: url(../img/iconarrow_black.gif) no-repeat left 0.2em; padding: 0 0 0 13px; color: #333333; }

#wrap							{ /* width:860px; */  height:56px;  margin:0; }
#menu							{ margin:0 0 0 10px; }

#menu ul						{ float:left;  list-style:none;  margin-top:5px;  margin-left:0px; }

#menu .rollover					{ float:left;  padding:0px;  /*border-right:#000000 1px solid;*/ }
.subNavi li						{ float:left; }

#menu .rollover .subNavi		{ position:absolute;  left:10px;  _left:10px;  display:none;  width:600px;  z-index:10;  margin-top:-1px;  _margin-top:33px;  margin-left:10px;
								  padding-top:0px;  }

#container .rollover .tri		{ position:absolute;  display:none;  z-index:15;  margin-top:-4px;  margin-left:60px; }

/*----------------------------------------------------
	三角GIFのcss対応
------------------------------------------------------*/

#container .rollover .tri					{ position:absolute;  display:none;  z-index:15;  margin-left:60px;  margin-top:-4px;  /margin-left:-90px;  /margin-top:26px; }

#container .rollover .tri, x:-moz-any-link	{ margin-left:-90px;  margin-top:26px; }

/*----------------------------------------------------
	*****  新メニュー ここから ***** 
------------------------------------------------------*/
#newMenu									{ margin: 10px auto 0px auto;  width:559px;  height:82px; }

#menu .rollover2							{ float:left;  padding:0 1px 0 0; }
#menu .rollover2 li							{ float:left;  padding:0 5px 0 0; }
#menu #rollover_series						{ float:left;  padding: 0 3px 0 0; }
#menu #rollover_series.fast					{ float:left;  padding: 0 2px 0 0; }

#menu #rollover_series .subNavi2			{ position:absolute; left:0px  display:none;  z-index:10;  width:344px;  margin:37px 0 0 -174px;  padding-top:0px; }

.subNavi2 li								{ float:left; }

/*----------------------------------------------------
	***** 新メニュー ここまで *****
------------------------------------------------------*/

/*

.subNavi#navi01					{ margin-left:-10px; }
.subNavi#navi02					{ margin-left:-100px; }
.subNavi#navi03					{ margin-left:-240px; }
.subNavi#navi04					{ margin-left:-200px; }

*/

#menu .subNavi li a				{ background:url(images/white_tri.jpg) 5px center no-repeat;  padding-left:0px;  padding-right:0px;  font-weight:bold;  color:#333;
								  height:25px;  display:inline-block; }

#menu .subNavi li a:hover		{ /*background:#FEB827 url(images/white_tri_on.jpg) 5px center no-repeat;*/  color:#fff; }

#sub_menu						{ width:841px;  height:30px;  background:url(../img/menu_gray.jpg) no-repeat;  height:44px;  margin-left:10px;  margin-top:-1px; }

#menu li:last-child				{ border:none; }

.group:after					{ content: ".";  display: block;  height: 0px;  clear: both;  visibility: hidden; }

#sub_menu ul					{ float:left;  list-style:none;  height: 21px; }

#sub_menu li					{ float:left;  /*padding:3px 10px;*/  border-right:#000000 1px solid; }


#container_top_left				{ float:left; }

#container_top_right			{ float:right; }

#container_left					{ float:left;  width:422px;  padding:15px 0px 0px 5px; }

#main_products					{ width:429px;  height:auto;  background:url(../img/main_products_bg.jpg)  repeat-y;  padding:0px 0 0 20px; }

/*----------------------------------------------------
	商品一覧背景 ここから
------------------------------------------------------*/
#main_products_top				{ width:429px;  height:38px;  background:url(../img/main_products_bg_top.jpg)  repeat-y;  z-index:1;  margin:0px 0 0 -20px; }
#main_products_bottom			{ width:429px;  height:36px;  background:url(../img/main_products_bg_bottom.jpg)  repeat-y;  clear:both; }
#layer							{ z-index:2;  margin:-38px 0 0 0; }

/*----------------------------------------------------
	商品一覧背景 ここまで
------------------------------------------------------*/

#main_products .item				{ padding-top:17px;  clear:both;  width:381px; }

#main_products hr					{ clear:both;  padding-top:10px;  border-bottom:1px solid #B1C6E5;  width:375px; }

#main_products .item_left			{ float:left; }

#main_products .item_right			{ float:right;  width:285px; }

#main_products .item_right p		{ font-size:12px;  color:#666;  margin:5px; }

#main_products .item_right ul		{ clear:both; }

#main_products .item_right li		{ float:left;  font-size:12px;  margin:5px 2px;  _margin:1px 2px;  width:120px;  background:url(../img/products_li.jpg) no-repeat left;
									  padding-left:15px;  list-style:none;  _width:135px; }

#container_right					{ float:right;  width:174px;  padding:18px 12px 0px 0px; }

#container_right div				{ margin-bottom:15px; }

#topicpath							{ font-size:10px;  color:#0C3E9F;  margin:4px; }

/*----------------------------------------------------
	***** 限界水量選定表ボタン ここから *****
------------------------------------------------------*/
#genkaiBtn					{ float:right;  margin:-29px 0 0 0;  z-index:3; }

/*----------------------------------------------------
	***** 限界水量選定表ボタン ここまで *****
------------------------------------------------------*/

#product									{ width:620px; }
#product .totop								{ text-align: right; font-size: 10px; margin: 0 13px 0 0; }
#product .totopmain							{ text-align: right; margin: 20px 13px 20px 0; }
#product .totop a							{ background: url(../img/iconarrow_black.gif) no-repeat left 0.2em; padding: 0 0 0 13px; color: #333333; }

#product_header1							{ font-size:11px;  color:#0C3E9F;  margin:10px 0 20px 17px; }
#product_header2							{ width:100%;  margin-left:10px; }
#product_header3							{ margin-left:10px;  margin-top:7px; }

#product_header_left						{ float:left;  width:452px;  margin:0 0 0 0; }
#product_header_left .tel					{ margin:0 0 0 20px; }

#product_header_right						{ float:right;  width:174px;  margin-top:-13px;  margin-right:2px; }
#product_header_right .h					{ margin-left:5px; }

#product_left								{ width:160px;  float:left;  padding:20px 0 0 5px; }

#product_right								{ width:410px;  float:right; }

#product h2									{ color:#335EA4;  font-size:14px;  border-bottom:1px solid #CCCCCC;  background:url(../img/product_h2_bg.jpg) no-repeat left;
											  padding:3px 0 3px 10px;  margin-top:18px;  margin-left:12px; }

#product h3									{ color:#254476;  font-size:13px;  border-bottom:1px solid #CCCCCC;  padding:3px 0 3px 10px;  margin-top:18px;  margin-left:12px; }

#product li									{ list-style:none; }

#product p,#product li						{ color:#666;  font-size:12px;  margin-top:10px;  margin-left:20px;  line-height:1.3; }

.buttons									{ clear:both;  margin:10px!important;  text-align:center; }
.buttons img								{ margin:0px 10px!important; }

#product_footer								{ width:100%;  clear:both;  text-align:center;  padding:60px 20px 10px; }
#product_footer .after						{ padding:20px; }
#product_footer a							{ margin:10px; }
#product_footer .totop						{ text-align: right; font-size: 10px; margin: 0 13px 0 0; }
#product_footer .totopmain					{ text-align: right; margin: 20px 13px 20px 0; }
#product_footer .totop a					{ background: url(../img/iconarrow_black.gif) no-repeat left 0.2em; padding: 0 0 0 13px; color: #333333; }

#area										{ font-size:12px;  background:#FFFFCC;  margin:10px auto;  padding:10px;  width:500px;  line-height:2; }

*html #area									{ width:500px;  margin:10px 0 0 65px; }

#product_foooter a							{ margin:10px; }

table#spec									{ border-top:1px solid #779AD5;  border-left:1px solid #779AD5;  border-collapse: collapse;  font-size:10px;  margin-top:10px; }
table#spec th ,table#spec td				{ border-right:1px solid #779AD5;  border-bottom:1px solid #779AD5;  padding:1px 4px; }
table#spec tr.color							{ background:#eee; }
table#spec tr.active						{ background:#E8F4FF; }
table#spec th								{ background:#EDF5FA;  padding: 2px 2px; }

#spec.tokushu th,#spec.tokushu td			{ text-align:center;  padding:5px; }

.genkai_wrapper								{ width:450px;  margin:0 auto; }

*html .genkai_wrapper						{ width:550px; }

/*

#spec.genkai2.right							{ float:right; }
#spec.genkai2.left							{ float:left; }

*/

#genkai_wrapper_left						{ margin-left:100px;  float:left; }

*html #genkai_wrapper_left					{ margin-left:50px; }

#genkai_wrapper_right						{ float:right; }

#spec.genkai2 td							{ padding:5 15px; }
#spec.genkai2 .enph,#spec.genkai1 .enph		{ background:#EDF5FA; }

#spec.genkai1								{ margin:10px auto;  text-align:left; }
#spec.genkai1 td							{ padding:2px 10px; }

.center										{ text-align:center; }

/*----------------------------------------------------
	========  アフターサービス  ========
------------------------------------------------------*/
#as_container					{ width: 640px;  font-size: 10px;  clear:both;  margin:0 10px;  background-color: #FFFFFF;  text-align: center; }

#as_title						{ width: 640px;  background-color: #2B9DFF;  text-align: right; }

#as_container h2				{ margin: 15px 0px 20px 0px;  text-align: center; }
#as_container h3				{ margin: 0px 0px 5px 10px;  font-size: 12px;  font-weight: bold;  text-align: left; }

#as_left						{ float: left;  margin: 0px 0px 0px 15px; }
#as_right						{ float: left;  margin: 0px 15px 0px 20px;  text-align: left; }
#as_center 						{ text-align: center; }

#as_table_center table			{ text-align: center;  margin: 0px 20px 0px 20px; }

#as_container table				{ width: 270px;  text-align: center;  font-size: 10px;  margin: 0px; }
#as_container table th			{ background-color: #CAE7FF;  font-weight: normal; }

/*.footer						{ clear:both; }*/

#spacer							{ clear:both;  height:30px; }

/*----------------------------------------------------
	========  カタログDL  ========
------------------------------------------------------*/
#catalog_main					{ width:429px;  height:400px;  padding:0px 0 0 24px;  margin:10px auto; }
#catalog_main .item				{ padding-top:17px;  clear:both;  width:381px; }
#catalog_main hr				{ clear:both;  padding-top:10px;  border-bottom:1px solid #B1C6E5;  width:375px; }
#catalog_main .item_left		{ float:left; }
#catalog_main .item_right		{ float:right;  width:285px; }
#catalog_main .item_right p		{ font-size:12px;  color:#666;  margin:5px;  text-align:left; }
#catalog_main .item_right ul	{ clear:both;  text-align:left; }
#catalog_main .item_right li	{ float:left;  font-size:12px;  margin:4px 2px;  _margin:0px 2px;  width:120px;  background:url(../img/products_li.jpg) no-repeat left;
								  padding-left:15px;  list-style:none;  _width:135px;  text-align:left; }

#catalog_pdf					{ width:523px;  height:65px;  clear:both;  background:url(../catalog/catalog_img/catalog_dl_bg.jpg) no-repeat;  padding:3px 13px;  margin:20px auto; }
#catalog_pdf img				{ float:left;  margin: 16px 15px 16px 0px; }
#catalog_pdf p					{ text-align:left; }

/*----------------------------------------------------
	========  tab2 how to use  ========
------------------------------------------------------*/
#main_products p.howtoSearth		{ margin:10px;  font-size:12px;  line-height:18px;  width:370px; }

#tab2 table.attention				{ margin:10px 0 10px 4px;  font-size:11px; }
#tab2 table.attention th			{ vertical-align:top;  font-weight:normal;  width:36px; }