@charset "utf-8";
/* CSS Document */

#container *{
	border:0;
	padding:0;
	margin:0;
}

#container{
	width:620px;
	margin:5px 10px;
}

#container_top{
	width:595px;
}

#container #container_main{
	padding:0 0 0 10px;
}



#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;
padding-top:0px;
display:none;
width:600px;
z-index:10;
margin-top:-1px;
left:10px;
_left:10px;
_margin-top:33px;
margin-left:10px;
}

#container .rollover .tri{
position:absolute;
margin-left:60px;
margin-top:-4px;
z-index:15;
display:none;
}

/*三角GIFのcss対応*/

#container .rollover .tri{
position:absolute;
margin-left:60px;
margin-top:-4px;
z-index:15;
display:none;
/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.fast{
	float:left;
	padding: 0 2px 0 0;
}
#menu #rollover_series{
	float:left;
	padding: 0 3px 0 0;
}


#menu #rollover_series .subNavi2{
position:absolute;
padding-top:0px;
display:none;
width:344px;
z-index:10;
margin-top:-1px;
left:243px;
_left:242px;
_margin-top:37px;
margin-left:10px;
}
.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 6px 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_header2{
	width:100%;
	margin-left:0px;
}

#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 28px;
}

#product_header_right{
	float:right;
	width:174px;
	padding-top:5px;
	margin-right:-6px;
}

#product_header_right .h{
	margin-left:5px;
}



#product_left{
	width:160px;
	float:left;
	padding:20px 0 0 5px;
}

#product_right{
	float:right;
	width:410px;
}

#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;
}

#product h3{
	color:#254476;
	font-size:13px;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0 3px 10px;
	margin-top:18px;
}

#product li{
	list-style:none;
}

#product p,#product li{
	color:#666;
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
	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;
}

#area{
	font-size:12px;
	background:#FFFFCC;
	margin:10px auto;
	padding:10px;
	width:300px;
	line-height:2;
}

*html #area{
	width:400px;
	margin:10px 0 0 100px;
}

#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;
}

#as_title {
	background-color: #2d9dff;
	text-align: right;
	width: 640px;	
}

#as_container h2{
	text-align: center;
	margin: 15px 0px 20px 0px;
}

#as_container h3{
	margin: 0px 0px 5px 10px;
	font-size: 12px;
	font-weight: bold;
}

#as_left {
	float: left;
	margin: 0px 0px 0px 10px;
}

#as_right {
	float: left;
	text-align: left;
	margin: 0px 20px 0px 10px;
}

#as_center {
	text-align: center;
}

#as_table_center table{
	text-align: center;
	margin: 0px 20px 0px 20px;
}


#as_container table{
	text-align: center;
	font-size: 10px;
	margin: 0px;
	width: 270px;
}

#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;
}
