/* ������������������ each index.html ������������������ */
.header h3{
margin:0;
padding:0;
display:inline;
border:none;
font-size:120%;
background-color:transparent;
letter-spacing:0;
}
.header h3::before{
font-size:150%;
content:"��";
position:relative;
top:0.1em;
}
/* ������������������ top nav ������������������ */
div.top_nav{
font-size:120%;
margin-left:auto;
margin-right:auto;
margin-bottom:1em;
text-align:center;
max-width:65%;
word-break:keep-all;
}
.top_nav_caption{
font-size:150%;
text-align:center;
}
.top_nav_caption:before{
font-size:110%;
color:lightblue;
font-style:italic;
content:"�� ";
}
.top_nav_caption:after{
font-size:110%;
color:lightblue;
font-style:italic;
content:"��";
}
div[class="top_nav"] a[href]{
padding:0em 0.7em;
}
/* ������������������ general ������������������ */
div.lead{
font-size:110%;
margin-left:-1em;
font-weight:bolder;
letter-spacing:0.1em;
}
div.ariticle{
margin-left:1em;
}
/* ������������������ subnav ������������������ */
.subnav{
font-size:80%;
margin:-0.3em 0.5em 0.5em 3em;
padding-left:1.5em;
text-indent:-1.5em;
line-height:0.5em;
word-break:keep-all;
}
.subnav:before{
font-size:150%;
margin-right:-0.3em;
content:"��";
}
/* ������������������ list ������������������ */
/* div.article ul>li::before{*/
div.article ul>li::before{
content:"��";
margin-right:0.2em;
}
div.article ul>li>ul>li::before{
content:"#";
margin-right:0.5em;
}
div.section ul li{
list-style:none;
margin-left:-1em;
padding-left:1em;
text-indent:-1em;
}
/* ������������������ sublist ������������������ */
ol.sublist{
font-size:70%;
}
ol.sublist li{
display:inline;
word-break:keep-all;
}
ol.sublist li::before{
content:"��";
}
/* ������������������  navigations ������������������ */
.totopitem{
border-top-left-radius:15px;
border-top-right-radius:15px;
margin:0 0 0 -1.5em;
color:#c0c0c0;
background-color:#e0eeff;
font-weight:bold;
padding:0.2em;
position:relative;
right:0.8em;
}
.totopitem a[href]:hover{
color:#ffffff;
background-color:#000000;
}
.guide{
/* supplementary explanation */
font-size:77%;
color:#a65acd;
margin:0 0 0 3em;
line-height:0.9em;
word-break:break-all;
display:inline-block;
text-indent:-1em;
padding-left:1em;
}
.guide:before{
content:"��";
}
a.gototop{
position:absolute;
right:8%;
}
/* ������������������ css for mobile device ������������������ */
/* 414 x 736 (iphone's standard screen size???) */
/* 768 x 1024 (tablet's standard screen size???) */
	@media (max-width:770px){
	body{
	margin:1% 1.4em 1% 1em;
	}
	h1,h2,h3,h4,h5{
	width:90%;
	}
	div.top_index{
	max-width:90%;
	}
	/* ������������������ list ������������������ */
	div.section ul li{
	margin-left:-2.5em;
	}
	/* ������������������ sublist ������������������ */
	ol.sublist{
	font-size:70%;
	text-align:left;
	margin-left:5%;
	}
	ol.sublist li{
	display:list-item;
	}
	ol.sublist li::before{
	content:"";
	}
/* ������������������ supplementary explanation ��������������*/
	.guide{
	font-size:x-small;
	margin-left:1em;
	line-height:1.1em;
	text-align:left;
	display:inline-block;
	text-indent:-1em;
	padding-left:1em;
	}
/* ������������������ navigation ������������������ */
	div.top_nav{
	max-width:95%;
	}
/* ������������������ items to hide ������������������ */
	a.gototop{
	display:none;
	}
	.subnav{
	display:none;
	}
	.totopitem{
	display:none;
	}
}