@charset "shift_jis";
/* =========================================

nasuluckitchen > search.css

left検索設定
============================================ */

#search {
	float:left;
	width:220px;
	height: auto;
	margin:0;
	padding: 0 32px 15px 20px;
	text-align:left;
}

#search img{
	float:left;
	margin:0px;
	padding:0px;
}

#search h2{
	clear:both;
	width:220px;
	height: 40px;
}



/*------画像拡大----------*/

.PopBoxImageLarge
{
	border:2px solid #C8A87B;
	background-color: #FFFFFF;
	padding: 2px;
	cursor:url("/js/lib/popBoxImg/magminus.cur"), pointer;
}
.frame_brown
{
	cursor:url("/js/lib/popBoxImg/magplus.cur"), pointer;
}


/*---検索リスト設定--------------------------------------------------------*/

#search .box_search{
	clear:both;
	width:220px;
	margin:0px 0px 5px 0;
	padding:0px 0px 5px 0px;
	/*border-bottom:1px solid #ab9b5e;*/

	}
#search .box_list{
	overflow: hidden;
	clear: both;
	width: 212px;
	margin:0 0 15px 0;
	padding:3px 4px 0 4px;
	background-color:#FFEDA2;
	}
#search ul.search_list {
	float:left;
	width:212px;
	height:auto;
	padding:5px 0px 5px 0px;
	list-style:none;
	background-color:#FFEDA2;
	}
#search li.side_right {
	display:block;
	float:left;
	margin:0px;
	padding:6px 0px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 7px;
	text-indent:13px;
	background-color:#FFEDA2;
	}
#search li.side_right_02 {
	display:block;
	float:left;

     margin:0px;
    padding:6px 10px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 6px;
	text-indent:13px;
	background-color:#FFEDA2;
	}

#search li.side_left_01 {
	display:block;
	float:left;
	width:100px;
	height:auto;	
	margin:0px;
	padding:6px 0px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 7px;
	text-indent:13px;
	}
#search li.side_left_02 {
	display:block;
	float:left;
	width:100px;
	height:auto;	
	margin:0px;
	padding:6px 0px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 7px;
	text-indent:13px;
	}
#search li.side_left_03 {
	display:block;
	float:left;
	width:195px;
	height:auto;	
	margin:0px;
	padding:6px 0px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 6px;
	text-indent:13px;
	}
#search li.side_left_04 {
	display:block;
	float:left;
	width:75px;
	height:auto;	
	margin:0px;
	padding:6px 10px 6px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 6px;
	text-indent:13px;
	}

#search form.keyword {
	margin:0;
	padding:0;
	height:40px;
}
#search div.box_keyword {
	float:left;
	margin:10px 0 5px 0;
	}
#search div.btn_keyword {
	float:left;
	margin:0 0 5px 3px;
	}
	
#search div.btn_syosai {
	width:212px;
	height:40px;
	margin:0;
	padding:0;
	}
	
	#search div.btn_syosai img {
	margin:10px 0 10px 35px;
	}
/* 先生のご紹介ボタン設定 */	
#search h3.teacher {
	width:187px;
	height:21px;
	background:url(/image_cmn/stl_search09.gif) no-repeat 0 0;
	position:relative;
	}
#search h3.teacher span {
	text-indent:-9999px;
}	
#search h3.teacher a {
	overflow:hidden;
	display:block;
	width:83px;
	height:21px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:104px;
}

/* テーマ別検索　*/
#search .box_raku {
	clear: both;
	width:212px;
	height:auto;
	margin:10px auto 5px auto;
	padding:0 4px;
	}
	
#search .box_raku h2 {
	width:212px;
	height:29px;
	margin:15px 0 0;
	padding:0;
}
#search div.list_area {
	width:212px;
	height:auto;
	margin:0;
	padding:5px 0;
	background:url(/image_cmn/rakuraku_bg.gif) repeat-y 0 0; 
}
	
#search .box_raku ul {
	list-style:none;
	width:170px;
	margin:0 16px 0 22px;
	padding:0;
	}

#search .box_raku ul li {
	width:150px;
	margin:10px 0;
	padding:0 0 0 17px;
	background:url(/image_cmn/icon_yotuba.gif) no-repeat 0 1px; 
	}
	
#search .box_raku span {
	width:187px;
	height:14px;
	margin:0;
	padding:0;
	}

/* レシピバナー*/
#search .box_bnr {
	clear: both;
	width: 212px;
	margin:25px auto 15px;
	padding:3px 4px 0 4px;
	}
#search .box_bnr a {
	display:block;
	overflow:hidden;
	width: 212px;
	height:40px;
	margin:10px 0;
	text-indent:-9999px;
	}

#search .box_bnr .lt_ban01,
#search .box_bnr .lt_ban02,
#search .box_bnr .lt_ban03,
#search .box_bnr .lt_ban04 {
	display:block;
	overflow:hidden;
	width: 212px;
	height:101px;
	margin:10px 0;
	text-indent:-9999px;
	}

#search .box_bnr a.lt_ban01       { background:url(/image_cmn/llb_ban01.jpg) no-repeat 0 0; }
#search .box_bnr a.lt_ban02       { background:url(/image_cmn/llb_ban02.jpg) no-repeat 0 0; }
#search .box_bnr a.lt_ban03       { background:url(/image_cmn/llb_ban03.jpg) no-repeat 0 0; }
#search .box_bnr a.lt_ban04       { background:url(/image_cmn/llb_ban04.jpg) no-repeat 0 0; }
#search .box_bnr a:hover.lt_ban01 { background:url(/image_cmn/llb_ban01.jpg) no-repeat 0 -101px; }
#search .box_bnr a:hover.lt_ban02 { background:url(/image_cmn/llb_ban02.jpg) no-repeat 0 -101px; }
#search .box_bnr a:hover.lt_ban03 { background:url(/image_cmn/llb_ban03.jpg) no-repeat 0 -101px; }
#search .box_bnr a:hover.lt_ban04 { background:url(/image_cmn/llb_ban04.jpg) no-repeat 0 -101px; }



#search .box_bnr a.leftbnr_06 {
	display:block;
	overflow:hidden;
	width: 212px;
	height: 103px;
	margin:3px 0 10px;
	text-indent:-9999px;
	background:url(/image_cmn/bnr_ryori_no_kihon.jpg) no-repeat 0 0;
	}

#search .box_bnr a:hover.leftbnr_06 { background:url(/image_cmn/bnr_ryori_no_kihon.jpg) no-repeat -212px 0;  }


/* --会社案内設定-------------------------------------------*/

#search div.office {
clear:both;
width:187px;
height:auto;
margin:15px auto 15px auto;
padding:0 0 5px 0;
background:url(/image_cmn/bg_leftsideframe.gif) no-repeat 0 bottom ;
}

#search div.office h2 {
width:187px;
height:25px;
text-indent:-9999px;
background:url(/image_cmn/office_ttl.gif) no-repeat 0 0;
}

#search div.office p {
width:160px;
margin:0 auto;
padding:0 auto;
text-align:center;
}

#search div.office dl {
list-style:none;
clear:both;
width:170px;
margin:5px auto 0px auto;
padding:0;
}

#search div.office dl dt {
display:block;
width:155px;
height:17px;
margin:0;
padding:0 0 0 15px;
background:#EEEEEE url(/image_cmn/arrow_bulue.gif) no-repeat 0 50%;
border-bottom:1px solid #ccc;
text-align:left;
line-height:17px;
font-size:90%;
}

#search div.office dl dd {
display:block;
overflow:hidden;
width:150px;
margin:3px 0 5px 0;
padding:0 0 0 15px;
text-align:left;
color:#666;
font-size:85%;
}


/* --ナスラックリフォーム-------------------------------------------*/

#search ul.panel {
list-style:none;
width:200px;
height:auto;
margin:0 auto;
padding:0;
}

#search ul.panel li {
display:block;
width:200px;
margin:0 0 15px 0;
padding:0;
}

#search ul.panel li a {
overflow:hidden;
display:block;
width:200px;
height:103px;
margin:0;
padding:0;
text-indent: -9999px;
}

#search ul.panel li a.panel_reform        { height:95px; background:url(/image_cmn/rightside_img/bnr_nas_reform.jpg) no-repeat 0 0;}
#search ul.panel li a:hover.panel_reform  { height:95px; background:url(/image_cmn/rightside_img/bnr_nas_reform.jpg) no-repeat -200px 0;}

#search ul.panel li a.show_room           { height: 103px; background:url(/image_cmn/rightside_img/panel_sr.gif) no-repeat 0 0;}
#search ul.panel li a:hover.show_room     { height: 103px; background:url(/image_cmn/rightside_img/panel_sr.gif) no-repeat -200px 0;}

#search ul.panel li a.new_prct            { height: 103px; background:url(/image_cmn/2013_new_products.gif) no-repeat 0 0;}
#search ul.panel li a:hover.new_prct      { height: 103px; background:url(/image_cmn/2013_new_products.gif) no-repeat -200px 0;}


#search ul.panel li a.showroom {	height:160px; background: url(https://www.nasluck.co.jp/image/bnr.jpg) no-repeat 0 0;}
#search ul.panel li a:hover.showroom {	background: url(https://www.nasluck.co.jp/image/bnr.jpg) no-repeat 0 -160px;}