
/*  */
/*                  Language part styles             */
/* ================================================= */
/*  */
		
.kanji 
{
		background:#ffe;

}		
.maincharacter {
	margin: 0em 0em 0em 0em;
	padding:0em 0em 0em 0em; 
	font: normal 300% "MS Mincho",  serif;
	background:#eee;
	float:left;
}
					
			
.maincharacter hr {
	color: #2df;
	}
				
		
.otherchar a 
{
	  	text-decoration: none;
		font-weight:bold;
		color:#765;
		background:#eee;
}
		
		
.otherchar a:hover
{
    color:#f09;
    
	}
		
.bookmark 
{
	display:none;
	}

.strokes
{
	float:right;
}
.info 
{
	font: normal 70% Verdana, Arial, Helevetica, lucida, sans-serif;
	margin:  0em 0em 0em 0em;
	padding:  0em 0em 0em 0em;
	}
		
.title {font: bold 80% Verdana, Arial, Helevetica, lucida, sans-serif;
		padding: 0em 0.2em 0em 0em; 
		}
	
/*                      INDEX                                                      */
	
#indexarea {
		background:#ffe;
		border: solid 0.08em #ddd;
		margin:  0em 0em 0em 0em;
		padding: 0.5em 0.4em 0.5em 0.4em;
		width:19em;
		float:left;
		}

#optionarea {
		background:#ffd;
		font-size:80%;
		border: solid 0.08em #ddd;
		margin:  0em 0em 0em 0em;
		padding: 0.5em 0.4em 0.5em 0.4em;
		width:10em;
		float:left;
		}

#indexarea .nodef
{
		color: #432;
		width:  1.2em;
		font: normal 100% "MS Mincho",  serif;
		background:#cb9;
	    margin: 0.3em 0em 0em 0em;
		border: solid .05em #eee;
	    padding:  .2em .1em .2em .1em;
		text-align:center;
		height: 1.2em;
		line-height: 1.8em;
		/*line-height: 1.6em;*/
		 
		}
#indexarea a
{
		color: #765;
		width:  1.2em;
		font: normal 100% "MS Mincho",  serif;
		background:#feb;
	    margin: 0.3em 0em 0em 0em;
		border: solid .05em #eee;
	    padding:  .2em .1em .2em .1em;
		text-align:center;
		height: 1.2em;
		line-height: 1.8em;
		/*line-height: 1.6em;*/
		 
		}
/* it would be nice to use the hover but ite content just disappears in IE 
#indexarea a:hover
{		color: #993;
		background:#ffe;

}		
*/

/*                      READINGS                                                      */

.readings {	margin: 0em 0em 0em 0em;
			padding: 3em 0em 0em 11em; 
			background:#ddd;
			}
.reading 
{
	margin: 0em 0em .5em 0em;
	padding: 0em 0em 0em 0em; 
	}
.reading span 
{
	padding:0em 0em 0em 0em; 
					}
.japanesereading  
{
	margin: 0em 0em 0em 1em; 
	font-weight:bold;
					}

.readingsuffix 
{
	margin: 0em 0em 0em 0em; 
	padding: 0em 0em 0em 0em; 
	color: #833;
	text-align:left;
	width:auto;
	
}
					
.readingnote
{
	font-size:60%;
	vertical-align:super;
	color: #f33;
	font-weight:normal;
}
.readingassociated	
{
	padding: 0em 0em 0em 0em; 
	color: #338;
	}
									
.meanings 
{
	font: normal 85% Verdana, Arial, Helevetica, lucida, sans-serif;
	margin:  0em 0em .8em 0em; 
	padding:  0em 0em 0em 0em;  
		}
					
.meaning 
{
	margin: 0em 0em 0em 1em; 
	padding: 0em 0em 0em 0.5em;  
}
				
/* Grammatical element*/
.gramel {
	font-size: 70%;
	font-style: italic;
	color: #443;
}
			
.examples 
{
	margin: 0em 0em .2em 0em;
	padding: 0em 0em 0em 0em; 
	background:#eee;	
					
					}
.example 
{
	font-size: 90%;
	margin: 0em 0em .2em 0em;
	padding: 0em 0em 0em 0em; 
	display:block;
					}

.section 
{
	margin: 0em 0em .2em 0em;
	padding: 0em 0em 0em .5em; 
	background:#eee;	
					}
.sectioninfo
{
	font-size: 70%;
					}

.otherchar {
	padding:  0.2em 0.2em 0.2em 0.2em; 
	}
/* */	
/*                      Grammar part styles              */
/* ======================================================*/
.topic {
	margin: 0.5em 1em 0.5em 1em;
	border-bottom: .2em groove #222;
}
		
.japanese {	line-height:2em;
}
.english {	line-height:2em;
}
.marker {
			border:0.08em solid #ddd; 
			padding: 0.2em 0.2em 0.2em 0.2em; 
			font: normal 80% Verdana, Arial, Helevetica, lucida, sans-serif;
			color: #666;}
			
.alternatives 
{
	background-color: #eee;
	border: 0.1em dashed olive;
	margin: 1em 1em 1em 1em;
}

.alternative 
{
	background-color: #ffe;  
	border:0.1em dashed #d77; 
	text-decoration: none;
	padding: 0.2em 0.2em 0.2em 0.2em;
	line-height:2em;
}
.question 
{
	display:block; 
	margin: 1.5em 1.5em 1em 1.5em;
}
.answer 
{
	margin: 0em;
}
.notes {background: #ffe;
		font: normal 100% Verdana, Arial, Helevetica, lucida, sans-serif;
		padding: 0.2em 0.2em 0.2em 0.2em; }
.note {padding: 0.2em 0.2em 0.2em 0.2em;
	line-height:1.7em; }
/* Congugation classes */
.conjugate 
{
	margin: 1em 0em 1em 0em;
}	
.group 
{
	margin: 0.8em 0em 0em 0em;
	font-size: 90%;
}	
.politeness 
{
	margin: 0em 1em 0em 1em;
}
.altered 
{
	color:#292;
}
.searchresult
{
	display:block;
	float:none;
}
