@charset "utf-8";
.np-keyword-suggest *,
.np-item-suggest *{box-sizing: border-box;}
.np-keyword-suggest,
.np-item-suggest{color: #333333; background: #ffffff;}
.np-keyword-suggest{box-sizing: border-box; width:400px; border:1px solid #cccccc;}
.np-keyword-suggest div{width:100%;}
.np-keyword-suggest .item{box-sizing: border-box; padding:10px; cursor:pointer; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.np-keyword-suggest .group:not(:last-child){border-bottom: solid 1px #cccccc; }
.np-keyword-suggest .query:before, .title:before, .path:before,
.narrow1:before, .narrow2:before, .narrow3:before, .narrow4:before, .narrow5:before,
.narrow6:before, .narrow7:before, .narrow8:before, .narrow9:before, .narrow10:before,
.keyword1:before, .keyword2:before, .keyword3:before, .keyword4:before, .keyword5:before,
.keyword6:before, .keyword7:before, .keyword8:before, .keyword9:before, .keyword10:before {
	box-sizing: border-box;
	font-size:11px;
	color:#ffffff;
	margin-right:8px;
	padding:3px 8px;
	border-radius:3px;
}
.np-keyword-suggest .query:before{content:"キーワード";background:#333333;}
.np-keyword-suggest .path:before{content:"ジャンル";background:#848484;}
.np-keyword-suggest .narrow1:before{content:"narrow1";background:#a4a4a4;}
.np-keyword-suggest .narrow2:before{content:"メーカー";background:#a4a4a4;}
.np-keyword-suggest .narrow3:before{content:"narrow3";background:#a4a4a4;}
.np-keyword-suggest .narrow4:before{content:"narrow4";background:#a4a4a4;}
.np-keyword-suggest .narrow5:before{content:"narrow5";background:#a4a4a4;}
.np-keyword-suggest .narrow6:before{content:"narrow6";background:#a4a4a4;}
.np-keyword-suggest .narrow7:before{content:"narrow7";background:#a4a4a4;}
.np-keyword-suggest .narrow8:before{content:"narrow8";background:#a4a4a4;}
.np-keyword-suggest .narrow9:before{content:"narrow9";background:#a4a4a4;}
.np-keyword-suggest .narrow10:before{content:"narrow10";background:#ababab;}
.np-keyword-suggest .keyword1:before{content:"keyword1";background:#ababab;}
.np-keyword-suggest .keyword2:before{content:"keyword2";background:#ababab;}
.np-keyword-suggest .keyword3:before{content:"keyword3";background:#ababab;}
.np-keyword-suggest .keyword4:before{content:"keyword4";background:#ababab;}
.np-keyword-suggest .keyword5:before{content:"keyword5";background:#ababab;}
.np-keyword-suggest .keyword6:before{content:"keyword6";background:#ababab;}
.np-keyword-suggest .keyword7:before{content:"keyword7";background:#ababab;}
.np-keyword-suggest .keyword8:before{content:"keyword8";background:#ababab;}
.np-keyword-suggest .keyword9:before{content:"keyword9";background:#ababab;}
.np-keyword-suggest .keyword10:before{content:"keyword10";background:#ababab;}
.np-keyword-suggest .item.selected{background-color:#eeeeee;}
.np-item-suggest{box-sizing: border-box; width: 300px; border:1px solid #cccccc;}
.np-item-suggest table{width:100%; border-collapse : collapse;}
.np-item-suggest table tr{border-top:1px solid #cccccc;}
.np-item-suggest table tr:hover{background-color:#eeeeee;}
.np-item-suggest table tr:first-child{border-top:none;}
.np-item-suggest table td{text-align: left; vertical-align: middle;}
.np-item-suggest table td a{box-sizing: border-box; padding:5px; display: block;}
.np-item-suggest img{max-width: 70px !important; max-height: 70px !important; height: auto;}
.np-item-suggest .item{width:100%;}
.np-item-suggest .item a {text-decoration: none; width:220px;}
.np-item-suggest .item .item_desc {font-size: 11px;}
.np-item-suggest .hitnum{box-sizing: border-box; text-align: right; color:#333333; border-top: 1px solid #ccc; padding: 5px 10px;}
.np-item-suggest .hitnum:after {content: "件";}