@charset "EUC-JP";

/* ************************************************ */
/* カテゴリ選択リスト */
/* ************************************************ */

#sc-main {
	position:absolute;
	font-size:15px;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
}

.sc-back {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:110%;
	background-color:black;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:10000;
}


.sc-content {
	position:relative;
	background-color:#f0f0f0;
	width:80%;
	padding:1.5em;
	margin:50px auto;
	z-index:10001;
	border:1px solid #999;
	border-radius:1em;
}

.sc-content a { text-decoration:none; }

.sc-content h4 {
	margin:1em 0;
	border-bottom:1px dotted gray;
}

.sc-content > ul { }
.sc-content > ul > li {
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top;
}
.sc-content > ul ul { margin-left:1em; }

.sc-search input {
	padding:.6em;
	line-height:1em;
}
.sc-search input[type=text] { width:50%; }
.sc-search input[type=submit] { padding:.6em 2em; }

.sc-cate1 { margin:1em 0 2em 0; }
.sc-cate1 li {
	color:blue;
	cursor:pointer;
	margin-right:1em;
	background:url('/img/v2/icon_c_1.gif') no-repeat left .2em;
	padding-left:20px;
}
.sc-cate1 li:hover { color:tomato; text-decoration:underline; }
.sc-cate1 li.sc-selected { background-color:darkblue; color:white; }

.sc-cate2 {
	margin-top:1em;
}
.sc-cate2 > li {
	margin-bottom:1.5em;
	margin-right:1em;
	line-height:1.4em;
	background:url('/img/v2/icon_c_3.gif') no-repeat left .2em;
	padding-left:20px;
}
.sc-cate2 a[cid] {
	cursor:pointer;
	color:blue;
}
.sc-cate2 a[cid]:hover { color:tomato; text-decoration:underline; }
.sc-cate2 span.new { font-size:11px; color:red; margin-left:3px; }

.sc-cate2.sc-result > li { display:block; }
.sc-cate2.sc-result li a[root] { color:#555; }
.sc-cate2.sc-result li a:hover { color:tomato; }
.sc-cate2.sc-result li ul { margin-left:0; }
.sc-cate2.sc-result li li { display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin-right:1em; }
.sc-cate2.sc-result li li::after { content:">"; margin-left:.5em; margin-right:-0.5em; color:#888; }
.sc-cate2.sc-result li li:last-child:after { content:""; }

.sc-loader {
	background:url('/img/loader.gif') no-repeat left center;
	padding-left:22px;
}