@charset "utf-8";

.searchCont{z-index:1000;
	height:124px;
}
.home .searchCont{z-index:1000;
	height:90px;
}

.srchboxArea{
	margin:37px 0 0 0px;
	position:relative;
	/*z-index:100;*/
	height:50px;
}
.srchboxArea .srchBox{
	position:relative;
	height:50px;
	
	/*width:590px;*/
	width:720px;
	width:820px;
}

	.srchBox .center,.srchBox .center2,.srchBox .center input,.srchBox .center2 input,.srchBox .btn,.opOpenbtn,.opClosebtn,.opOpenbtn2,.opClosebtn2,.srchOptionArea .btns,.srchOptionArea .foot{
		background:url(/img/common/bg1.png);
	}
	.srchBox .center,.srchBox .center2,.srchBox .btn{
		height:50px;
		float:left;
	}
	.srchBox .center,.srchBox .center2{
		/*width:507px; renew*/
		width:499px;
		text-align:left;
	}
	.srchBox .center{
		/*background-position: 0px 0px; renew*/
		background-position: -8px 0px;
	}
	.srchBox .center2{
		background-position: -8px -50px;
/*		background-position: 0px -50px;renew*/
	}
		.srchBox .center input,.srchBox .center2 input{
			width:375px;
			border:none;
			height:25px;
			font-size:16px;
			line-height:20px;
			margin:13px 0 0 9px;
		}
		
		.srchBox .center input{
			/*background-position: -9px -13px;*/
			color:#CCCCCC;
			outline:none;
			background:transparent;
		
		}
		
		.srchBox .center2 input{
			/*background-position: -9px -63px;*/
			background:transparent;
			color:#4C4C4C;
			outline:none;
		}
	.srchboxArea .check{
		position:absolute;
/*		left:525px;renew*/
		right:65px;
		top:9px;
		text-align:left;
		z-index:10;
		height:30px;
		width:20px;
		
	}
	.srchboxArea .check input{
		text-align:left;
		margin-top:7px;
	}

/*カテゴリーボタン*/
.categoryTreeArea{
	float:left;
	width:118px;
	height:50px;
	z-index:1001;
	margin:37px 10px 0 0px !important;
	_margin:37px 0px 0 0px !important;
	position:relative;
	text-align:left;
	z-index:300 !important;
}
.categoryTreeArea .categorybtn{
	width:118px;
	height:50px;
	text-align:left;
	background:url(/img/common/catebox.png) no-repeat;
	cursor:pointer;
}

.categoryTreeArea .categorybtn .catetext span{line-height:50px;color:#333;font-size:12px; margin-left:14px;}

	
/*プルダウン*/	
	.srchboxArea .typeselect{
		cursor:pointer;
		position:relative;
		height:50px;
		width:130px;
		background:url(/img/common/typebox.png) no-repeat;
		float:left;
	}
	.srchboxArea .typeselect:hover{
		background:url(/img/common/typebox.png) no-repeat;
	}

	.srchboxArea .typeselect:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
	
	.srchboxArea .typeselect .typetext{width:130px;height:50px; text-align: left; cursor:pointer;}
	.srchboxArea .typeselect .typetext span{line-height:50px;color:#333;font-size:12px; margin-left:10px;cursor:pointer;}

.pdmenu{display:none;position:absolute;top:50px;left:0;background:#FFFFFF;width:115px;z-index:15000 !important;border:1px solid #C7C8BF;padding:10px 6px 10px 6px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;/*behavior: url(/js/PIE.htc);*/
 /*           -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
 */           -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			box-shadow: 3px 3px 5px #666\9;
			}
			
.home .pdmenu{display:none;position:absolute;top:50px;left:0;background:#FFFFFF;width:115px;z-index:1000;border:1px solid #C7C8BF;padding:10px 6px 10px 6px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;/*behavior: url(/js/PIE.htc);*/
            -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
            /*box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);*/
		   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			box-shadow: 3px 3px 5px #666\9;
/*            box-shadow: 3px 3px 5px #666;*/
			
			}
.pdmenu li{ font-size:12px;clear:both; line-height:24px; padding:4px 0 4px 0; text-align:left}
.pdmenu li.separate{border-bottom:1px dotted #C7C8BF;padding-bottom:0px;margin-bottom:3px;}

	
	
	
	.srchboxArea .check input {
		
					/*float:left;*/
					float:right;
		}

	
	.srchBox .btn{
		background-position: -507px 0px;
		width:83px;
	}
	.srchBox .searchbtn{
		width:83px;
		height:50px;
		vertical-align:bottom;
	}
	input.searchbtn:hover{
		filter: alpha(opacity=0);
		-ms-filter: alpha(opacity=0);
		opacity: 0.0;
	}

/**詳細指定******/

.srchboxArea .option{
	/*position:relative;*/
	width:715px;
	/*width:590px; renew*/
	height:0px;
	z-index:1001;
}
/*通常時*/
	.opOpenbtn{
		height:28px;
		width:83px;
		background-position:-675px -108px;
		float:right;
		
		cursor:pointer;
		margin:13px 10px 0 0;

	}
	.opOpenbtn:hover{
		background-position:-675px -138px;
	}

	.opClosebtn{
		height:28px;
		width:83px;
		background-position:-841px -108px;
		float:right;
		
		cursor:pointer;
		margin:13px 10px 0 0;
		




		/*position:absolute;
		right:0;
		margin-right:5px;
		height:28px;
		width:80px;
		background-position:-841px -108px;
		cursor:pointer;
		z-index:250;*/
	}
	.opClosebtn:hover{
		background-position:-841px -138px;
	}
/*指定あり*/
	.opOpenbtn2{
		height:28px;
		width:83px;
		background-position:-758px -108px;
		float:right;
		
		cursor:pointer;
		margin:13px 10px 0 0;
/*
		position:absolute;
		right:0;
		height:28px;
		width:83px;
		background-position:-758px -108px;
		z-index:250;
		cursor:pointer;
*/
	}
	.opOpenbtn2:hover{
		background-position:-758px -138px;
	}

	.opClosebtn2{
		height:28px;
		width:83px;
		background-position:-841px -108px;
		float:right;
		
		cursor:pointer;
		margin:13px 10px 0 0;


/*		margin-right:2px;
		height:28px;
		width:83px;
		background-position:-841px -108px;
		cursor:pointer;
		float:right;
		z-index:250;
*/	}
	.opClosebtn2:hover{
		background-position:-841px -138px;
	}
	
.option .srchOptionArea{
	width:585px;
	/*width:590px; renew*/
	display:none;
	/*display:block;*/
	position:absolute;

	/*top:0px*/

	top:50px;
	left:130px;
	left:250px;
	z-index:250 !important;
	background:url(/img/common/arrow.png) top right no-repeat;
}

	.option .srchOptionArea .btns{
		width:587px !important;
		/*
		height:28px;
		background-position:0px -164px;
	*/
	position:relative;
	}
	.option .srchOptionArea .cont{
		text-align:left;
		/*background:url(/img/common/op_cont-trans.png) left top repeat-y;*/
		width:583px;
		background-color:#FFF !important;
		padding-bottom:1px;
		z-index:1000;
	  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
 	 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
/*          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
       box-shadow: 0 5px 10px #999;
	/*behavior: url(/js/PIE.htc);*/
	padding-top:10px;
	margin-top:18px;
	
		
		
		/*height:300px;*/
	}
	.option .srchOptionArea .foot{
		width:583px;
		height:11px;
		background-position:0px -188px;
		z-index:1;
		display:none !important;
	}
/**option detail*********/
	.option .cont .line{
			margin:0 10px 10px 10px;
			padding:12px;
			_padding:12px 12px 24px 12px;
			background:#EEE;
			border-radius: 5px;         
			-moz-border-radius:5px;   
			-webkit-border-radius: 5px;
			z-index:150;
			
	}
	.option .cont .title{
		display:block;
		font-weight:bold;
		color:#09698A;
		width:110px;
		height:30px;
		line-height:30px;
		vertical-align:middle;
		text-align:right;
		float:left;
		padding:2px 20px 0 0;
	}
	.option .cont .opBox1{z-index:150}
	.option .cont .opBox1 label,.option .cont .opBox2 label{margin-right:12px;} 
	.option .cont .opBox1 select{width:150px;}
	.option .cont .opBox2 .title{height:60px;line-height:30px;}
.option .cont .opBox2 .cnt{height:60px;float:left;}


/*vector */
.vectorline{margin:7px 10px 0 0;
	border-left:1px dashed #CCCCCC;
	float:left}