/* ������������������ top list ������������������ */
div.termlist{
border:solid 2px #c0c0c0;
width:80%;
margin:auto;
border-radius:50px;
text-align:left;
}
div.termlist_title{
border-radius:3em;
background-color:#eeeefe;
padding:0.3em;
font-size:110%;
}
div.termlist dt{
text-align:left;
margin:0 0 0.1em 1em;
font-size:110%;
font-weight:bolder;
}
div.termlist dt::before{
content:"��";
margin-right:0.3em;
}
div.termlist li{
display:inline;
counter-increment:li;
padding-right:0.5em;
}
div.termlist li::before{
/* (1) (2) (3) ... */
font-weight:bolder;
margin-left:-1em;
content: "("counter(li)")";
}
/* ������������������ point indexes ������������������ */
.point_index ol{
font-size:110%;
word-break:keep-all;
}
.point_index ol li{
list-style-type:none;
display:inline;
counter-increment:li;
@margin-right:0.5em;
}
.point_index ol li::before{
/* (1) (2) (3) ... */
font-weight:bolder;
margin-left:-1em;
content: "("counter(li)")";
@margin-right:0.2em;
}
.point_index dt{
font-weight:bolder;
font-size:110%;
}
.point_index dl dt::before{
content:"��";
margin-right:0.2em;
}
.point_index dd{
word-break:keep-all;
}
/* ������������������ specials ������������������ */
.item_title{
background-color:#e0f1ff;
letter-spacing:0.3em;
margin:2em 0em 1em 0em;
padding:0.5em 0;
font-size:120%;
font-weight:bold;
color:#000000;
}
.example{
text-indent:0em;
background-color:#f0f0f0;
padding:0.5em;
}
.paraphrase{
margin-left:3em;
font-style:italic;
font-size:95%;
}
/* ������������������ css for mobile device ������������������ */
/* 414 x 736 (iphone's standard screen size???) */
/* 768 x 1024 (tablet's standard screen size???) */
@media (max-width:770px){
	.note{
	width:100%;
	}
	div.termlist{
	border-radius:15px;
	}
}