@charset "UTF-8";

* { box-sizing: border-box; }

* { clear: both; }

* { padding-top: 2%; }

body  	{ max-width: 800px; background: rgb(0,0,0); color: white; 
   	      margin-left: auto; margin-right: auto; 
   	      font-family: "Arial", sans-serif; font-size: 16px; }

h1	    { margin-top: 0px; padding-left: 20px; padding-right: 20px; }

.smallsize  { font-size: 0.63em; }


#kanji-position1  { margin-left: 0px; }

#kanji-position2  { margin-left: 100px; }

#kanji-position3  { margin-left: 20px; }


#kanji1A { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1B { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1C { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1D { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1E { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1F { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1G { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1H { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji1I { font-family: sans-serif; width: 400px; height: 400px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto;
	border: 0px solid rgb(255,255,255); font-size: 28.7em; color: black;
	text-align: center; line-height: 400px; text-indent: -28px; } 

#kanji2A { clear: none; font-family: sans-serif; width: 300px; height: 300px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 22.3em; color: black;
	text-align: center; line-height: 300px; text-indent: -28px; } 

#kanji2B { clear: none; font-family: sans-serif; width: 300px; height: 300px; background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 22.3em; color: black;
	text-align: center; line-height: 320px; text-indent: -28px; } 

#kanji2C1  { clear: none; font-family: sans-serif; width: 300px; height: 300px;          background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 23.3em; color: black;
	text-align: center; line-height: 305px; text-indent: -35px; } 

#kanji2C2  { clear: none; font-family: sans-serif; width: 300px; height: 300px;          background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 23.3em; color: black;
	text-align: center; line-height: 305px; text-indent: -35px; } 

#kanji2C3  { clear: none; font-family: sans-serif; width: 300px; height: 300px;          background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 23.3em; color: black;
	text-align: center; line-height: 305px; text-indent: -35px; } 

#kanji2C4  { clear: none; font-family: sans-serif; width: 300px; height: 300px;          background: rgb(255,0,0); 
        margin-left: auto; margin-right: auto; float: left;
	border: 0px solid rgb(255,255,255); font-size: 23.3em; color: black;
	text-align: center; line-height: 305px; text-indent: -35px; } 

#kanji3A { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3B { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C1 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C2 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C3 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C4 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C5 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C6 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C7 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C8 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }

#kanji3C9 { clear: none; font-family: sans-serif; width: 250px; height: 250px; background: rgb(255,0,0); 
	  border: 0px solid rgb(255,255,255); font-size: 18.0em; color: black;
	  text-align: center; line-height: 250px; text-indent: -18px; float: left; }