.classification-box{
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:15px 20px;
	margin:20px 0;
	border-radius:4px;
}

.classification-box ul{
	margin:0;
	padding-left:1.5em;
	list-style:none;
}

.classification-box li{
	position:relative;
	padding:6px 0 6px 1em;
	line-height:1.6;
}

/* ツリーの縦線 */
.classification-box li::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:100%;
	background:#bbb;
}

/* ツリーの横線 */
.classification-box li::after{
	content:"";
	position:absolute;
	left:0;
	top:1.1em;
	width:0.8em;
	height:1px;
	background:#bbb;
}

/* 最上位だけ線を消す */
.classification-box > ul > li::before,
.classification-box > ul > li::after{
	display:none;
}

/* 子階層は少しインデント */
.classification-box ul ul{
	margin-top:5px;
	padding-left:1.5em;
}

/* 軽く強調 */
.classification-box .recommend{
	background:#fff8e8;
	font-weight:bold;
	padding:2px 6px;
	border-radius:3px;
}