@charset "utf-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 RUBY for KIDS CONTENTS

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#contentsArea div.rubyStyle p,
#contentsArea div.rubyStyle ul,
#contentsArea div.rubyStyle dl,
#contentsArea div.rubyStyle h4,
#contentsArea div.rubyStyle table th,
#contentsArea div.rubyStyle table td{
 font-size:90% !important;
 line-height:1.9 !important;
}
#contentsArea div.rubyStyle dl dd dl dd dl dd ul{
 font-size:120% !important;
 line-height:1.9 !important;
}
#contentsArea div.rubyStyle dl dd ul{
 font-size:100% !important;
 line-height:1.9 !important;
}

#contentsArea div.normalStyle{}
#contentsArea div.normalStyle dl{
	line-height:1.5;
}

/*#contentsArea div.rubyStyle ul{
	font-size:100% !important;
	line-height:1.85;
}
#contentsArea div.normalStyle{
 font-size:75%;
	line-height:1.5;
}
#contentsArea div.normalStyle ul{
	font-size:100% !important;
	line-height:1.6;
}
*html #contentsArea div.normalStyle ul{font-size:90% !important;}
*:first-child+html #contentsArea div.normalStyle ul{font-size:90% !important;}*/


#contentsArea #kidsContentsRuby span.ruby,
#topicPath span.ruby{
 position:relative;
 white-space:nowrap;
}

#contentsArea #kidsContentsRuby span.rt,
#topicPath span.rt{
 position:absolute;
 left:0px;
 top:-1.35em;
 font-size:68%;
 color:#4b4b4b;
 text-align:center;
}
*html #contentsArea #kidsContentsRuby span.rt{font-size:60%; letter-spacing:-0.1em;}
*:first-child+html #contentsArea #kidsContentsRuby span.rt{font-size:60%; letter-spacing:-0.1em;}

*html #contentsArea #kidsContentsRuby ul span.rt{font-size:64%;}
/*:first-child+html #contentsArea #kidsContentsRuby span.rt{font-size:68%;}*/

#contentsArea #kidsContentsRuby span.rt,
#topicPath span.rt{
 left:-2.25em;
}

#contentsArea #kidsContentsRuby span.alpha,
#topicPath span.alpha{
 left:-4.5em;
}

#contentsArea #kidsContentsRuby span.alpha02{
	left:-2.8em;
}

*html #contentsArea #kidsContentsRuby span.alpha,
*html #topicPath span.alpha{left:-3.85em;}
*:first-child+html #contentsArea #kidsContentsRuby span.alpha,
*:first-child+html #topicPath span.alpha{left:-3.85em;}

*html #contentsArea #kidsContentsRuby span.alpha02{left:-2.4em;}
*:first-child+html #contentsArea #kidsContentsRuby span.alpha02{left:-2.4em;}


#contentsArea #kidsContentsRuby span.one span.rt,
#topicPath span.one span.rt  {width:6.1em;}
#contentsArea #kidsContentsRuby span.two span.rt,
#topicPath span.two span.rt  {width:7.7em;}
#contentsArea #kidsContentsRuby span.three span.rt,
#topicPath span.three span.rt{width:9.3em;}
#contentsArea #kidsContentsRuby span.four span.rt,
#topicPath span.four span.rt {width:10.9em;}
#contentsArea #kidsContentsRuby span.five span.rt,
#topicPath span.five span.rt {width:12.5em;}
#contentsArea #kidsContentsRuby span.six span.rt,
#topicPath span.six span.rt {width:14.1em;}
#contentsArea #kidsContentsRuby span.seven span.rt,
#topicPath span.seven span.rt {width:15.7em;}
#contentsArea #kidsContentsRuby span.eight span.rt,
#topicPath span.eight span.rt {width:17.3em;}
#contentsArea #kidsContentsRuby span.nine span.rt,
#topicPath span.nine span.rt {width:18.9em;}
#contentsArea #kidsContentsRuby span.ten span.rt,
#topicPath span.ten span.rt {width:20.5em;}
#contentsArea #kidsContentsRuby span.eleven span.rt,
#topicPath span.eleven span.rt {width:22.1em;}
#contentsArea #kidsContentsRuby span.twelve span.rt,
#topicPath span.twelve span.rt {width:23.7em;}
#contentsArea #kidsContentsRuby span.thirteen span.rt,
#topicPath span.thirteen span.rt {width:25.3em;}

#contentsArea #kidsContentsRuby span.rp,
#topicPath span.rp{
 width:0px;
 overflow:hidden;
 position:absolute;
 /*display:none;*/
}

/*
#contentsArea p.rubyBtnChange img{
 cursor:pointer;
}
*/