/* ������������������ top page css ����������������������*/
body{
background-color:#c0c0c0;
background-image:url(../jpg/bg_dic.jpg);
text-align:center;
}
/* general */
h1{
color:#ff0000;
font-size:125%;
margin:1em 0 1em 0;
}
h2{
color:#006400;
font-size:90%;
margin:1em 0 1em 0;
}
h3,h4{
font-size:100%;
display:inline;
}
/* css3 html5 */
iframe,form,input{
border-radius:8px;
}
address{
margin:1em 0 1em 0;
font-size:80%;
color:#006400;
}
/* special */
iframe.info{
width:50%;
height:6em;
border-color:#f0f0f0;
}
div.info{
/* css3 html5 */
border-radius:15px 15px 0 0;
width:23em;
margin:auto;
text-align:center;
background-color:#fffacd;
padding:0.1em 0 0.3em 0;
}
.another{
color:#006400;
font-weight:bolder;
margin:1em 0 0.8em 0;
}
.fa2clap{
margin-top:0.5em;
}
.twitter{
}
.hatena{
}
.main_menu{
width:80%;
margin:auto;
margin-bottom:1em;
}
.menu_header{
color:#006400;
font-size:130%;
padding:0em 0 0.2em 0;
letter-spacing:0.2em;
margin-top:0.6em;
}
.dictionaries{
padding:0.2em 0 0.2em 0;
background-color:#d3d3d3;
border-radius:20px;
}
.errors{
padding:0.2em 0 0.2em 0;
background-color:#e0feff;
border-radius:20px;
}
.restudy{
padding:0.2em 0 0.2em 0;
background-color:#cfe0ff;
border-radius:20px;
}
.composition{
padding:0.2em 0 0.2em 0;
background-color:#c0ffff;
border-radius:20px;
}
.vocabulary{
padding:0.2em 0 0.2em 0;
/* background-color:#cfffc0; */
/* background-color:#adf5ff; */
/* background-color:#aee4ff; */
/* background-color:#eddaff; */
background-color:#e0daff;
border-radius:20px;
}
.horror{
padding:0.2em 0 0.2em 0;
background-color:#dda0dd;
border-radius:20px;
}
.q_a{
padding:0.2em 0 0.2em 0;
background-color:#ffffc9;
border-radius:20px;
}
.sitemap{
padding:0.2em 0 0.2em 0;
background-color:#e6e6fa;
border-radius:20px;
}
.profile{
padding:0.2em 0 0.2em 0;
background-color:#f5deb3;
border-radius:20px;
}
.links{
padding:0.2em 0 0.2em 0;
/* background-color:#ffffff; */
background-color:#98fb90;
border-radius:20px;
}
.thanks{
padding:0.2em 0 0.2em 0;
background-color:#fff0f5;
border-radius:20px;
}
.lead{
font-size:80%;
}
.navi{
font-size:100%;
font-style:italic;
}
/* ������������ msearch (obsolete) ������������*/
div.msearch{
display:none;
text-align:center;
font-size:88%;
}
span.msearch{
font-size:88%;
}
form.msearch{
display:inline;
margin-left:0;
}
.mail{
/* color:#ff0000; */
margin:0em 0 1em 0;
font-size:80%;
}
div.to-do{
margin:1em;
font-size:80%;
}
iframe.to-do{
width:30%;
height:6em;
}
/* ������������ PostMail ������������*/
div.postmail{
text-align:center;
width:50%;
margin:auto;
}
.postmail_copyright{
font-size:80%;
margin:0 0.2em;
}
textarea{
width:100%;
}
.notice{
margin:1em 0 1em 0;
font-size:75%;
}
.copyright{
margin:1em 0 1em 0;
font-size:80%;
}
.badges{
display:inline;
text-align:center;
}
/* ������������������ css for mobile device ������������������ */
/* 414 x 736 (iphone's standard screen size???) */
/* 768 x 1024 (tablet's standard screen size???) */
@media (max-width:770px){
	div.welcome img{
	width:250px;
	height:38px;
	}
	div.info{
	width:90%;
	}
	iframe.info{
	width:95%;
	}
	div.postmail{
	width:90%;
	}
}