@charset "utf-8";
/* CSS Document */

#box .context{
	margin-top:25px;
	border-top:1px solid #CCC;
}

#words{
	float:right;
	width:410px;
	padding:15px 0px;
	padding-left:20px;
}
#words .memo{
	text-align:left;
}
#words td{
	color:#9A9A9A;
	font-size:14px;
	padding:2px 0px;
}
#words input.text{
	width:270px;
	height:22px;
	margin-right:5px;
	font-size:16px;
	vertical-align:top;
	border:1px solid #829DB8;
}

#box .sort{
	width:656px;
	padding-bottom:10px;
}
#box .sort .class div.title{
	font-weight:bold;
	font-size:14px;
	color:#52694C;
	width:113px;
	height:25px;
	padding-top:8px;
	text-align:center;
	background:url(../images/Langlang_385.jpg) no-repeat;
}
#box .sort .class ul{
	list-style:none;
	border:1px solid #C6D3CA;
	padding-top:5px;
	padding-bottom:15px;
	height:100%;
}
#box .sort .class li{
	width:110px;
	float:left;
	padding:5px 0px;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #C6D3CA;
	background:url(../images/Langlang_386.jpg) 5px center no-repeat;
}
#box .sort .class li.more{
	width:205px;
	padding-top:10px;
	padding-right:30px;
	text-align:right;
	background:none;
	border:none;
}
.sort a:link,.sort a:visited{
	color:#333;
	text-decoration:none;
}
.sort a:hover{
	text-decoration:underline;
}

#box .class .more a:link,#box .class .more a:visited{
	color:#FDDB00;
	text-decoration:none;
}
#box .class .more a:hover{
	text-decoration:underline;
}
#box .column{
	float:left;
	width:328px;
}
#box .class{
	width:300px;
	margin-top:20px;
}

#card{
	position:absolute;
	width:245px;
	height:61px;
	background:url(../images/Langlang_384.png) no-repeat;
	left:5px;
	margin-top: -62px;
}