@charset "shift_jis";
/* =========================================

nasuluckitchen > search.css

left検索設定
============================================ */

#search {
	float:left;
	width:200px;
	margin:0;
	padding: 0 10px 15px 17px;
	text-align:left;
	}
#search img{
	float:left;
	margin:0px;
	padding:0px;
	}
#search h2{
	clear:both;
	width:195px;
	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:195px;
	margin:0px 0px 5px 0;
	padding:0px 0px 5px 0px;
	/*border-bottom:1px solid #ab9b5e;*/

	}
#search .box_list{
	overflow: hidden;
	clear: both;
	width:187px;
	margin:0 0 10px 0;
	padding:3px 4px 0 4px;
	background-color:#FFEDA2;
	}
#search ul.search_list {
	float:left;
	width:187px;
	height:auto;
	margin:3px 0 0 0;
	padding:0px;
	list-style:none;
	background-color:#FFEDA2;
	}
#search li.side_right {
	display:block;
	float:left;
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 3px;
	text-indent:13px;
	background-color:#FFEDA2;
	}
#search li.side_right_02 {
	display:block;
	float:left;
	width:100px;
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 3px;
	text-indent:13px;
	background-color:#FFEDA2;
	}

#search li.side_left_01 {
	display:block;
	float:left;
	width:117px;
	height:auto;	
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 2px;
	text-indent:13px;
	}
#search li.side_left_02 {
	display:block;
	float:left;
	width:100px;
	height:auto;	
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 2px;
	text-indent:13px;
	}
#search li.side_left_03 {
	display:block;
	float:left;
	width:195px;
	height:auto;	
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 2px;
	text-indent:13px;
	}
#search li.side_left_04 {
	display:block;
	float:left;
	width:75px;
	height:auto;	
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
	background:url(/image_cmn/icon_arrow01.gif) no-repeat 0px 2px;
	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:10px 0 5px 3px;
	}
	
#search div.btn_syosai {
	width:195px;
	height:40px;
	margin:0;
	padding:0;
	}
	
	#search div.btn_syosai img {
	margin:10px 36px 5px 36px;
	}
/* 先生のご紹介ボタン設定 */	
#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:187px;
	height:auto;
	margin:10px auto 5px auto;
	padding:0 4px;
	}
	
#search .box_raku h2 {
	width:187px;
	height:29px;
	margin:0;
	padding:0;
}
#search div.list_area {
	width:187px;
	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:155px;
	margin:0 16px;
	padding:0;
	}

#search .box_raku ul li {
	width:138px;
	margin:5px 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:187px;
	margin:0 auto;
	padding:3px 4px 0 4px;
	}
#search .box_bnr a {
	display:block;
	overflow:hidden;
	width:187px;
	height:40px;
	margin:3px 0;
	text-indent:-9999px;
	}
#search .box_bnr a.leftbnr_01 { background:url(/image_cmn/leftbnr.gif) no-repeat 0 0;  }
#search .box_bnr a.leftbnr_02 { background:url(/image_cmn/leftbnr.gif) no-repeat 0 -40px;  }
#search .box_bnr a.leftbnr_03 { background:url(/image_cmn/leftbnr.gif) no-repeat 0 -80px;  }
#search .box_bnr a.leftbnr_04 { background:url(/image_cmn/leftbnr.gif) no-repeat 0 -120px;  }
#search .box_bnr a.leftbnr_05 { background:url(/image_cmn/leftbnr.gif) no-repeat 0 -160px;  }
#search .box_bnr a:hover.leftbnr_01 { background:url(/image_cmn/leftbnr.gif) no-repeat -187px 0;  }
#search .box_bnr a:hover.leftbnr_02 { background:url(/image_cmn/leftbnr.gif) no-repeat -187px -40px;  }
#search .box_bnr a:hover.leftbnr_03 { background:url(/image_cmn/leftbnr.gif) no-repeat -187px -80px;  }
#search .box_bnr a:hover.leftbnr_04 { background:url(/image_cmn/leftbnr.gif) no-repeat -187px -120px;  }
#search .box_bnr a:hover.leftbnr_05 { background:url(/image_cmn/leftbnr.gif) no-repeat -187px -160px;  }

/* --会社案内設定-------------------------------------------*/

#search div.office {
clear:both;
width:187px;
height:auto;
margin:10px auto 10px 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%;
}














