@charset "UTF-8";


/* NaviPlus：検索サジェスト部分カスタマイズ
------------------------------------------------------------------*/

/* -----------------　ここから　----------------- */

/* サジェストキーワード外枠 */ 
.np-keyword-suggest {
	width: 215px;
	border: solid 1px #ccc;
	line-height: 1.5;
}


/* サジェストキーワードのグループ単位の枠 */ 
.np-keyword-suggest .group {
	border-bottom:1px solid #ccc;
	width: 95%;
	padding-bottom: 5px;
	margin: 5px auto;
}
.np-keyword-suggest .group:last-child {
	border-bottom:none;
	padding-bottom: 0;
}


/* サジェストキーワード単位の枠 */ 
.np-keyword-suggest .group .item {
	overflow: hidden;
	text-overflow: ellipsis;
}
/* キーワード選択時 */
.np-keyword-suggest .item.selected {
color: #fff;
background-color: #cbb07d;
}



/* 商品詳細外枠（商品にマウスオーバー時にサジェスト右側に表示される部分） */
.np-item-suggest {
width: 215px;
border: solid 1px #ccc;
margin-left: -1px;
line-height: 1.5;
}


.np-item-suggest a{
	color: #007ebe;
}

.np-item-suggest > div{
margin: 5px auto;
}

.np-item-suggest > div > table{
width: 95% !important;
margin: 5px auto;
border: solid 0px #ccc;
table-layout: fixed;
}

.np-item-suggest table tr{
border-bottom: dotted 1px #ccc;
}
.np-item-suggest table tr:last-child{
border-bottom: none;
}


.np-item-suggest td.image{
    width: 30%;
    text-align: center;
    vertical-align: middle;
}
.np-item-suggest td.image img{
    max-width: 98%;
    max-height: 200px;
    width: auto;
    height: auto;
    margin: 5px auto;
}

.np-item-suggest td.item{
    width: 70%;
    text-align: center;
    vertical-align: middle;
}

.np-item-suggest td.item a{
    width: 95%;
    margin-left:5%;
    text-align: left;
    margin: 5px auto;
}

.np-item-suggest td.item a.item_desc{
    max-height: 200px;
    overflow-y: hidden;
}



/* -----------------　ここまで　----------------- */