html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
background:#fff;
font-size:80%;
color:#222;
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
margin:0em 0;
}

table {
border-collapse:separate;
border-spacing:0;
/*margin-bottom:1.4em;*/
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:;
}

a img {
border:none;
}

h1,h2,h3,h4,h5,h6 {
color:#111;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
}

h1 {
font-size:3em;
line-height:1;
margin-bottom:.5em;
}

h2 {
font-size:2em;
}

h3 {
font-size:1.5em;
line-height:1;
margin-bottom:.25em;
}

h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}

p.last {
margin-bottom:0;
}

/*
p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
*/
p img.top {
margin-top:0;
}

ul,ol {
margin:0 1.5em 1.5em;
}

ul {
list-style-type:circle;
}

ol {
list-style-type:decimal;
}

dd {
margin-left:1.5em;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
margin-top:1.5em;
font-style:italic;
}

a:focus,a:hover {
color:#000;
}

a {
color:#009;
text-decoration:underline;
}

blockquote {
color:#666;
font-style:italic;
margin:0em 1.5em 1.0em 1.5em;
}

em,dfn {
font-style:italic;
background:#ffc;
}

pre,code {
white-space:pre;
margin:1.5em 0;
}

pre,code,tt {
font:1em 'andale mono', monotype.com, 'lucida console', monospace;
line-height:1.5;
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0;
}

th {
border-bottom:2px solid #ccc;
font-weight:700;
}

td {
border-bottom:1px solid #ddd;
}

th,td {
padding:4px 10px 4px 0;
}

tfoot {
font-style:italic;
}

caption {
background:#ffc;
}

table .last {
padding-right:0;
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}

.large {
font-size:1.2em;
margin-bottom:0;
}

.hide {
display:none;
}

.highlight {
background:#ffc;
}

.added {
color:#060;
}

.removed {
color:#900;
}

.top {
margin-top:0;
padding-top:0;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

.container {
width:950px;
margin:0 auto;
}

.column {
float:left;
margin-right:10px;
}

.last {
margin-right:0;
}

.span-1 {
width:30px;
}

.span-2 {
width:70px;
}

.span-3 {
width:110px;
}

.span-4 {
width:150px;
}

.span-5 {
width:190px;
}

.span-6 {
width:230px;
}

.span-7 {
width:270px;
}

.span-8 {
width:310px;
}

.span-9 {
width:350px;
}

.span-10 {
width:390px;
}

.span-11 {
width:430px;
}

.span-12 {
width:470px;
}

.span-13 {
width:510px;
}

.span-14 {
width:550px;
}

.span-15 {
width:590px;
}

.span-16 {
width:630px;
}

.span-17 {
width:670px;
}

.span-18 {
width:710px;
}

.span-19 {
width:750px;
}

.span-20 {
width:790px;
}

.span-21 {
width:830px;
}

.span-22 {
width:870px;
}

.span-23 {
width:910px;
}

.span-24 {
width:950px;
margin:0;
}

.append-1 {
padding-right:40px;
}

.append-2 {
padding-right:80px;
}

.append-3 {
padding-right:120px;
}

.append-4 {
padding-right:160px;
}

.append-5 {
padding-right:200px;
}

.append-6 {
padding-right:240px;
}

.append-7 {
padding-right:280px;
}

.append-8 {
padding-right:320px;
}

.append-9 {
padding-right:360px;
}

.append-10 {
padding-right:400px;
}

.append-11 {
padding-right:440px;
}

.append-12 {
padding-right:480px;
}

.append-13 {
padding-right:520px;
}

.append-14 {
padding-right:560px;
}

.append-15 {
padding-right:600px;
}

.append-16 {
padding-right:640px;
}

.append-17 {
padding-right:680px;
}

.append-18 {
padding-right:720px;
}

.append-19 {
padding-right:760px;
}

.append-20 {
padding-right:800px;
}

.append-21 {
padding-right:840px;
}

.append-22 {
padding-right:880px;
}

.append-23 {
padding-right:920px;
}

.prepend-1 {
padding-left:40px;
}

.prepend-2 {
padding-left:80px;
}

.prepend-3 {
padding-left:120px;
}

.prepend-4 {
padding-left:160px;
}

.prepend-5 {
padding-left:200px;
}

.prepend-6 {
padding-left:240px;
}

.prepend-7 {
padding-left:280px;
}

.prepend-8 {
padding-left:320px;
}

.prepend-9 {
padding-left:360px;
}

.prepend-10 {
padding-left:400px;
}

.prepend-11 {
padding-left:440px;
}

.prepend-12 {
padding-left:480px;
}

.prepend-13 {
padding-left:520px;
}

.prepend-14 {
padding-left:560px;
}

.prepend-15 {
padding-left:600px;
}

.prepend-16 {
padding-left:640px;
}

.prepend-17 {
padding-left:680px;
}

.prepend-18 {
padding-left:720px;
}

.prepend-19 {
padding-left:760px;
}

.prepend-20 {
padding-left:800px;
}

.prepend-21 {
padding-left:840px;
}

.prepend-22 {
padding-left:880px;
}

.prepend-23 {
padding-left:920px;
}

.border {
padding-right:4px;
margin-right:5px;
border-right:1px solid #eee;
}

.colborder {
padding-right:24px;
margin-right:25px;
border-right:1px solid #eee;
}

.pull-1 {
margin-left:-40px;
}

.pull-2 {
margin-left:-80px;
}

.pull-3 {
margin-left:-120px;
}

.pull-4 {
margin-left:-160px;
}

.push-0 {
margin:0 0 0 18px;
}

.push-1 {
margin:0 -40px 0 18px;
}

.push-2 {
margin:0 -80px 0 18px;
}

.push-3 {
margin:0 -120px 0 18px;
}

.push-4 {
margin:0 -160px 0 18px;
}

.push-0,.push-1,.push-2,.push-3,.push-4 {
float:right;
}

.box {
margin-bottom:1.5em;
background:#eee;
padding:1.5em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.4em;
}

hr.space {
background:#fff;
color:#fff;
}

.clear {
display:block;
}

.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clear {
height:1%;
}

fieldset {
border:1px solid #ccc;
margin:0 0 1.5em;
padding:1.4em;
}

legend {
font-weight:700;
font-size:1.2em;
}

input.text,input.title {
width:300px;
border:1px solid #bbb;
background:#f6f6f6;
margin:.5em .5em .5em 0;
padding:5px;
}

input.title {
font-size:1.5em;
}

textarea {
width:400px;
height:250px;
border:1px solid #bbb;
background:#eee;
margin:.5em .5em .5em 0;
padding:5px;
}

select {
border:1px solid #ccc;
background:#f6f6f6;
width:200px;
}

/*.error,.notice,.success {
margin-bottom:1em;
border:2px solid #ddd;
padding:.8em;
}*/

.error {
background:#FBE3E4;
color:#D12F19;
border-color:#FBC2C4;
}

.notice {
background:#FFF6BF;
color:#817134;
border-color:#FFD324;
}

.success {
background:#E6EFC2;
color:#529214;
border-color:#C6D880;
}

.error a {
color:#D12F19;
}

.notice a {
color:#817134;
}

.success a {
color:#529214;
}

p,img,dl {
margin:0 0 1.5em;
}

dl dt,strong,dfn,label {
font-weight:700;
}

del,.quiet {
color:#666;
}

input.text:focus,input.title:focus,textarea:focus,select:focus {
background:#fff;
border:1px solid #999;
}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/*--------------------------
Main
--------------------------*/

#id_text 			{ padding-top:6px; width:600px; height:3em; margin:0;}
#id_name 			{ padding-top:6px; width:375px; height:1.5em; margin:2px;}
#id_source 			{ padding-top:6px; width:600px; height:1em; vertical-align:middle;}
#id_source_info 	{ padding-top:6px; width:600px; height:3em; vertical-align:middle;}

.maindiv	{padding-top:5em; min-height:10em; margin-bottom:2em}
.collectionslist	{width:95%;}
.updatebutton	{margin:0;padding:5px; float:right; width:10em}

.footer 	{ margin-top:15px;}

a:link, a:visited		{ color:#900; text-decoration:none; padding:1px 2px 1px 0px;}
a:hover					{ color:#fff !important; background-color: #900; text-decoration:none;}
/*div {border-top:1px solid #f00;}*/

#titleheader { margin:0px 0 1em 0; text-align:center;}
#sentenceutil	{height:150px;}
#sentence	{ margin:0px 0 25px 0;}

#sentencePanel {width:300px; border:1px solid #444; padding:3px 5px 10px 5px; background-color:white; left:0; top:0;}
#analysis-header {cursor:move; text-align:center}
#analysis-header-table	{border-bottom:2px solid #444; }
#closeButton		{cursor:pointer;}
#closeButton:hover		{cursor:pointer; background-color:#ffc;}
.segmenterA {border:2px solid #444; background-color:#ccf; }
.segmenterB {border:2px solid #444; background-color:#ccf; }

#aliasTarget	{padding:5px; border:1px solid #444; height:100px; width:315px; overflow:auto; background-color:#fff}
#optionsWindow	{width:600px}

div#writer	{overflow:auto; margin-top:10px; padding:0px 5px 0 5px;}
div.kanjiSelect	{font-size:2.5em; line-height:1em; margin:0; padding:3px 0 3px 0; z-index:100;}
div.kanjiSelect:hover	{cursor:pointer; }
div.writeSelect			{font-weight:bold;}
div.wrong				{color:#d12f19;}
div.wrong:hover		{background-color:#faa;}
div.partlyRight		{color:#aa0;}
div.partlyRight:hover	{background-color:#ffa;}
div.right				{color:#529214;}
div.cutoff-right          {max-width:0.60em; overflow:hidden; margin:auto;}
div.cutoff-bottom          {max-height:0.60em; overflow:hidden;}
div.right:hover		{background-color:#afa;}
.writeHighlight		{color:#900;}
.writeMarker		{background-color:#ffc; position:absolute; z-index:-50;}
.writingToggle		{}
.writingToggleContainer	{position:fixed; bottom:50px; left:5px; } 
td.writercol				{border:none; padding:0; width:25%; text-align:center; z-index:100;}
td.writercolHeader			{border-bottom:2px solid #ccc; text-align:center; padding:0;}
div#sentenceblock {z-index: 0;}

.kanjiHighlight { color:#600; background-color:#ffc;}

.modeselect		{background-color:#900; color:#fff !important;}

div#kanjiEval	{top:250px; padding:5px; border:1px solid #400; text-align:center; position:absolute; width:300px;background-color:#fff; z-index:100;}

ul          	{ list-style: none; margin:0 0 1em;}
ul.list         { list-style: decimal; margin:0 0 1em;}
li				{ display:inline;}
li.list			{ display:block; margin: 0 0 .5em;}
li.tight		{ display:block; margin: 0 0 0em;}
label			{margin:0;}
p				{}

.reallysmall {
font-size:.6em;
margin-bottom:1.875em;
line-height:1.875em;
}

.kindasmall { font-size:.85em;}
.blue		{ background-color:#eef;}
.menu		{ padding-left:5px; margin-bottom:1em;}

div.option		{border-bottom:1px solid #ccc; padding:3px 0 0 0; background-color:#eeeeee; margin:0; min-height:22px;}

div#message-window		{ position:relative; top:0; left:0; z-index:100;}
div#message-list	{	position:absolute; width:40em; height:auto; overflow:hidden; font-size:0.9em; background-color:#fff;z-index:99;
						border:2px solid #ccc; border-top:none; padding:0}
div#message-text	{	overflow:hidden; height:0px; padding:2em 5px 0 5px;}
div#message-summary	{	position:absolute; border:2px solid #ccc; border-top:none; width:30em; 
						font-size:0.9em; padding:0 5px 0 5px; z-index:100;
						background-color:#fff;}
a#show-messages			{float:right;}
a#hide-messages			{float:right;}



table.numbers	{padding:0px; font-size:1.em; line-height:1.25em;}
table.numbers th {padding:0 5px 0 5px; text-align:center;}
table.numbers td {padding:0 5px 0 5px; margin:0; border-bottom:none; text-align:center;}
table.numbers td.first {padding:0 5px 0 5px; margin:0; border-bottom:none; text-align:center;}
table.numbers tr {padding:0; margin:0;}
table.numbers span {border-bottom:5px solid #aaa;}

.infoblock		{}
.frontblocktop	{border-top:15px solid #900; padding-left:10px; margin-bottom:2em; font-family:arial; font-size:1.1em;}
.frontblock		{border-left:15px solid #900; padding-left:10px; margin-bottom:4em;}
.frontblock h2	{font-weight:bold; margin-bottom:.25em;}
.soon h2			{color:#ccc}
.soon			{color:#777;}
.bold			{font-weight:bold;}

div#related_viewer	{ max-height:170px; overflow:auto; margin-bottom:1em; padding:0 0 5px 0;}
.reviewbox		{margin-top:3em;}
.reviewbutton	{width:100px; padding:5px 0 5px 0 !important; margin:0 !important;}
.buttonWidth	{width:10em;}
a.quiet			{color:#ccc !important;}
a.quiet:hover	{color:#444 !important; background-color:#eee;}

.inactive		{color:#ccc !important;}
a.inactive				{color:#ccc !important;}
a.inactive:hover		{color:#ccc !important; background-color:#ffc !important;}
.hidden					{visibility:hidden;}
.subtle-light			{color:#999 !important;}
.writing				{color:#900 !important;}
.subtle					{color:#999 !important; font-weight:bold;}
.subtleactive					{color:#999 !important; font-weight:bold; font-size:2em;cursor:default}
.subtleactive:hover				{color:#999 !important; font-weight:bold; background-color:#fff !important;}
.subtleinactive					{color:#ddd !important; font-weight:bold; font-size:2em;cursor:pointer}
.subtleinactive:hover			{color:#900 !important; font-weight:bold; background-color:#fff !important;}
.unhighlight	{color:#444 !important;}
.unhighlight:hover	{color:#444 !important; background-color:#ffc !important;}

.bd				{max-height:300px; overflow:auto;}

.wordlist { }
.registerTable	{width:40em;}
.bigKanji	{border:6px solid #ccc}

.tab {border:none;}

body .lukewarm {
  color:#aa0;
}
a.lukewarm:hover, button.lukewarm:hover {
  background-color:#F2F2c9;
  border:1px solid #F2F289;
  color:#aa0;
}
a.lukewarm:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

table.stats td 	{text-align:center;}

#helpviewer		{border:3px solid #aaa; background:#fff; padding:15px; left:150px;}
span.helptitle	{font-size:1.5em; font-weight:bold;}
.help			{cursor:pointer; vertical-align: text-bottom; margin:0;}
.help:hover		{background-color:#ffc; margin:0;cursor:pointer; }
.help-selected			{cursor:pointer; vertical-align: text-bottom; margin:0;}
.help-selected:hover		{background-color:#ffc; margin:0;cursor:pointer; }
.help-body		{font-family:Georgia; font-size:1.25em; line-height:1.2em;}
.red		{ color:#900;}
.redhighlight		{ background:#faa; }

.split 		{}
span.ignore 	{border-bottom: 3px dotted #ccc !important;}
a.ignore 	{}
.reset 		{}
.wordselect {}
.wordMenu	{font-size:0.85em;}
.linkHighlight { color:#fff !important; background-color: #900 !important; text-decoration:none !important;}

div#options-panel	{width:600px;}
a.autosplit		{font-weight:bold; border-left:4px solid #666; padding-left:5px;}
a.removeAlias	{background:#ffc; font-weight:bold;}
a.removeAlias:hover	{background:#900; font-weight:bold;}

.errorlist { color:#f00; font-weight:bold;}

a.today     {border:1px dotted #444}
td.today     {border:1px dotted #444}

div#text-error { color:#f00 !important;}

.selectTarget	{background-color:#ffc;}
.flatDialog		{margin-top:20px;}
div.model-widget-wrapper	{border:5px solid #aaa; padding:20px 30px 30px 30px; background-color:#fff;
							position:absolute; left:25%; top:125px; z-index:-1; opacity:0;}
div.tall-widget				{top:25px !important;}

div.model-widget	{}
textarea#sentencetext	{font-size:2em; width:600px; height:125px; padding:0; margin:0}
							
#collectionlist		{width:30em; height:10em;}

#loginform label, #registrationform label	{color:#529214; font-size:1.5em;}
#reviewform label {color:#529214; font-size:1.5em;}
#reviewform label {color:#444; font-size:1.5em;}

hr.progress {margin:0 0 0.1em; height:.75em; background-color:#92d254;}

.green			{color:#529214 !important;}
.zero			{color:#000 !important;}
.zero:hover			{color:#fff !important; background-color:#444;}
.reviewing		{border-bottom:2px solid #900 !important;}

.kanjiSegment { color:#000; background-color:#cfc; }
.kanjiSegment:hover { color:#000 !important; background-color:#cfc !important; }
.missingKanji { color:#000; background-color:#cfc; }
.missingKanjiRuby { background-color:#cfc; }
.ambiguous {	border-bottom: 3px solid #ccf !important; }
.marked {	border-bottom: 3px solid #cfc !important; }
.unknown {	border-bottom: 3px solid #fcc !important; }
.unknownHide {	border-bottom: 1px solid #fcc !important; }
.markedHide {	border-bottom: 1px solid #cfc !important; }

span.word 		{ border-bottom: 3px solid #eee;}
span.word:hover { background-color: #ffc; cursor:pointer;}
ruby.word:hover { background-color: #ffc; cursor:pointer;}

.clickable  {cursor:pointer;}
div#toggle	{text-align:center; width:50%; margin:0 auto 0 auto; padding:10px;}

a.biglink:link, a.biglink:visited		{ color:#444; text-decoration:none; padding:0 !important;}
a.biglink:hover							{ color:#444 !important; background-color:#ffc !important;text-decoration:none;}


.big      { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0em; }
.slightlylarger      { font-size: 1.3em}
.larger      { font-size: 1.5em}
.reallylarge      { font-size: 2em}
.huge		{ font-size: 3em;}
.ginormous	{ font-size: 6em; line-height:1em;}
.bigbig	{ font-size: 4em;}
.bigbigbig	{ font-size: 5em;}

.bigruby {font-size:100% !important;}

body {
	background:url(http://media.feedmejapanese.com/feedme/static/images/blossomslight.jpg) no-repeat fixed 0% 100%;
}

/* 
 * [Ruby CSS v2.1]
 *
 * Example    : <span class="ruby"><span class="rb"> [ruby base] </span><span class="rp">《</span><span class="rt"> [ruby text] </span><span class="rp">》</span></span> 
 *
 * CSS Author : Akatsuki Kitamura 
 * Sourses    : http://www.akatsukinishisu.net/itazuragaki/css/use_ruby_style_as_user_stylesheet.html  
 *              http://www.akatsukinishisu.net/itazuragaki/id/ruby_for_mozilla.html 
 *  
 * Customize  : BENIT(2008/06/21)
 *
 * OS : Windows XP
 *
 * Browser : Internet Explorer6
 *           Internet Explorer7
 *           Internet Explorer8
 *           Firefox3.0 // and less than
 *           Opera9.5 // and less than
 *           Safari3.1.2 for win // and less than
 *
 * rb == ruby base
 * rt == ruby text
 * rp == ruby parentheses?
 * 
 * Last Updata //2008-6-21// Added the new CSS for Firefox3. 
 *                           Fixed CSS for IE7/8 
 *
 */

/* -+-+-+-+-+-+-[Common CSS]-+-+-+-+-+-+- */
span.ruby {
  font-size: 100%;
  line-height: 2.2;
  text-indent: 0;
  white-space: nowrap;
  margin: 0;
  position: static;
}
span.ruby span.rt {
  font-size: 55%;    /* ruby size */
  line-height: 1.3;
  letter-spacing: 0;
  color:#aaa;
}
span.rp {    /* parentheses for a browser that not support CSS */
  display:none;
}

/* -+-+-+-+-+-+-[For IE7/8]-+-+-+-+-+-+- */

/* IE7 only (not apply IE8) START*/
/*/*/
*:first-child+html span.ruby {
  line-height: 2.3em;
  padding: 0 0.2em 4px 0.2em;
  position: relative;
}
/**/
/*/*/
*:first-child+html body span.ruby span.rt {
  position: absolute;
  top: -1em;
  left: 25%;
}
/**/
/* IE7 only END*/

/* Common of IE7/8 */
*:first-child+html body span.ruby span.rt {
  font-size: 60%;
}

/* -+-+-+-+-+-+-[For IE6]-+-+-+-+-+-+- */
* html span.ruby {
  line-height: 2.2;
  padding: 0 0.2em;
  position: relative;
}
* html span.ruby span.rt {
  font-size: 62%;
  position: absolute;
  top: -1.0em;
  left: 0.2em;
}

/* -+-+-+-+-+-+-[For IE8, Firefox, Opera and Safari]-+-+-+-+-+-+- */
html>/**/body span.ruby {
  display : inline-table;
  line-height : 1;
  text-align : center;
  padding : 0;
}

/* Adjustment of each browser */
html>/**/body span.ruby                          { vertical-align : -28%; } /* Firefox2.x */
html>/**/body span.ruby , x:-moz-broken          { vertical-align : 115%; } /* Firefox3.0 */
html[lang*=""]>/**/body span.ruby                { vertical-align : 125%; } /* Opera9.5 (, IE8 and Safari) */
*:first-child+html/**/>body span.ruby            { margin-bottom: -4px; vertical-align: baseline; } /* IE8 */
html[lang*=""]:not(:nth-child(n)) body span.ruby { vertical-align: -15%; } /* Safari3.1.2 */

html>/**/body span.ruby > span.rb {
  display : table-row-group;
  line-height : 1.2;
}
html>/**/body span.ruby > span.rt {
  display : table-header-group;
}