@charset "utf-8";
/* CSS fuer Hiragana, Katakana und Co */

/* --------- hiragana --------- */

/* a i u e o */
.hira_a		  { background-image:url(../img/hiragana/a.png); }
.hira_a:hover { background-image:url(../img/romaji/a.png); }

/*
* html .hira_a
{	
	background-color: transparent; 
    background-image: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/hiragana/a.png"); 
} 

* html .hira_a:hover
{	
	background-color: transparent; 
    background-image: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/romaji/a.png", sizingMethod="scale"); 
} */


.hira_i 	  { background-image:url(../img/hiragana/i.png); }
.hira_i:hover { background-image:url(../img/romaji/i.png); }
.hira_u 	  { background-image:url(../img/hiragana/u.png); }
.hira_u:hover { background-image:url(../img/romaji/u.png); }
.hira_e 	  { background-image:url(../img/hiragana/e.png); }
.hira_e:hover { background-image:url(../img/romaji/e.png); }
.hira_o 	  { background-image:url(../img/hiragana/o.png); }
.hira_o:hover { background-image:url(../img/romaji/o.png); }

/* ka ki ku ke ko */
.hira_ka	   { background-image:url(../img/hiragana/ka.png); }
.hira_ka:hover { background-image:url(../img/romaji/ka.png); }
.hira_ki 	   { background-image:url(../img/hiragana/ki.png); }
.hira_ki:hover { background-image:url(../img/romaji/ki.png); }
.hira_ku 	   { background-image:url(../img/hiragana/ku.png); }
.hira_ku:hover { background-image:url(../img/romaji/ku.png); }
.hira_ke 	   { background-image:url(../img/hiragana/ke.png); }
.hira_ke:hover { background-image:url(../img/romaji/ke.png); }
.hira_ko 	   { background-image:url(../img/hiragana/ko.png); }
.hira_ko:hover { background-image:url(../img/romaji/ko.png); }

/* ga gi gu ge go */
.hira_ga	   { background-image:url(../img/hiragana/ga.png); }
.hira_ga:hover { background-image:url(../img/romaji/ga.png); }
.hira_gi 	   { background-image:url(../img/hiragana/gi.png); }
.hira_gi:hover { background-image:url(../img/romaji/gi.png); }
.hira_gu 	   { background-image:url(../img/hiragana/gu.png); }
.hira_gu:hover { background-image:url(../img/romaji/gu.png); }
.hira_ge 	   { background-image:url(../img/hiragana/ge.png); }
.hira_ge:hover { background-image:url(../img/romaji/ge.png); }
.hira_go 	   { background-image:url(../img/hiragana/go.png); }
.hira_go:hover { background-image:url(../img/romaji/go.png); }

/* sa shi su se so */
.hira_sa	    { background-image:url(../img/hiragana/sa.png); }
.hira_sa:hover  { background-image:url(../img/romaji/sa.png); }
.hira_shi 	    { background-image:url(../img/hiragana/shi.png); }
.hira_shi:hover { background-image:url(../img/romaji/shi.png); }
.hira_su 	    { background-image:url(../img/hiragana/su.png); }
.hira_su:hover  { background-image:url(../img/romaji/su.png); }
.hira_se 	    { background-image:url(../img/hiragana/se.png); }
.hira_se:hover  { background-image:url(../img/romaji/se.png); }
.hira_so 	    { background-image:url(../img/hiragana/so.png); }
.hira_so:hover  { background-image:url(../img/romaji/so.png); }

/* za ji zu ze zo */
.hira_za	    { background-image:url(../img/hiragana/za.png); }
.hira_za:hover  { background-image:url(../img/romaji/za.png); }
.hira_ji 	    { background-image:url(../img/hiragana/ji.png); }
.hira_ji:hover  { background-image:url(../img/romaji/ji.png); }
.hira_zu 	    { background-image:url(../img/hiragana/zu.png); }
.hira_zu:hover  { background-image:url(../img/romaji/zu.png); }
.hira_ze 	    { background-image:url(../img/hiragana/ze.png); }
.hira_ze:hover  { background-image:url(../img/romaji/ze.png); }
.hira_zo 	    { background-image:url(../img/hiragana/zo.png); }
.hira_zo:hover  { background-image:url(../img/romaji/zo.png); }

/* ta chi tsu te to */
.hira_ta		{ background-image:url(../img/hiragana/ta.png); }
.hira_ta:hover  { background-image:url(../img/romaji/ta.png); }
.hira_chi 	    { background-image:url(../img/hiragana/chi.png); }
.hira_chi:hover { background-image:url(../img/romaji/chi.png); }
.hira_tsu 	    { background-image:url(../img/hiragana/tsu.png); }
.hira_tsu:hover { background-image:url(../img/romaji/tsu.png); }
.hira_te 	    { background-image:url(../img/hiragana/te.png); }
.hira_te:hover  { background-image:url(../img/romaji/te.png); }
.hira_to 	    { background-image:url(../img/hiragana/to.png); }
.hira_to:hover  { background-image:url(../img/romaji/to.png); }

/* da de do */
.hira_da	   { background-image:url(../img/hiragana/da.png); }
.hira_da:hover { background-image:url(../img/romaji/da.png); }
.hira_de 	   { background-image:url(../img/hiragana/de.png); }
.hira_de:hover { background-image:url(../img/romaji/de.png); }
.hira_do 	   { background-image:url(../img/hiragana/do.png); }
.hira_do:hover { background-image:url(../img/romaji/do.png); }

/* na ni nu ne no */
.hira_na	   { background-image:url(../img/hiragana/na.png); }
.hira_na:hover { background-image:url(../img/romaji/na.png); }
.hira_ni 	   { background-image:url(../img/hiragana/ni.png); }
.hira_ni:hover { background-image:url(../img/romaji/ni.png); }
.hira_nu 	   { background-image:url(../img/hiragana/nu.png); }
.hira_nu:hover { background-image:url(../img/romaji/nu.png); }
.hira_ne 	   { background-image:url(../img/hiragana/ne.png); }
.hira_ne:hover { background-image:url(../img/romaji/ne.png); }
.hira_no 	   { background-image:url(../img/hiragana/no.png); }
.hira_no:hover { background-image:url(../img/romaji/no.png); }

/* ha hi fu he ho */
.hira_ha	   { background-image:url(../img/hiragana/ha.png); }
.hira_ha:hover { background-image:url(../img/romaji/ha.png); }
.hira_hi 	   { background-image:url(../img/hiragana/hi.png); }
.hira_hi:hover { background-image:url(../img/romaji/hi.png); }
.hira_fu 	   { background-image:url(../img/hiragana/fu.png); }
.hira_fu:hover { background-image:url(../img/romaji/fu.png); }
.hira_he 	   { background-image:url(../img/hiragana/he.png); }
.hira_he:hover { background-image:url(../img/romaji/he.png); }
.hira_ho 	   { background-image:url(../img/hiragana/ho.png); }
.hira_ho:hover { background-image:url(../img/romaji/ho.png); }

/* ba bi bu be bo */
.hira_ba	   { background-image:url(../img/hiragana/ba.png); }
.hira_ba:hover { background-image:url(../img/romaji/ba.png); }
.hira_bi 	   { background-image:url(../img/hiragana/bi.png); }
.hira_bi:hover { background-image:url(../img/romaji/bi.png); }
.hira_bu 	   { background-image:url(../img/hiragana/bu.png); }
.hira_bu:hover { background-image:url(../img/romaji/bu.png); }
.hira_be 	   { background-image:url(../img/hiragana/be.png); }
.hira_be:hover { background-image:url(../img/romaji/be.png); }
.hira_bo 	   { background-image:url(../img/hiragana/bo.png); }
.hira_bo:hover { background-image:url(../img/romaji/bo.png); }

/* pa pi pu pe po */
.hira_pa	   { background-image:url(../img/hiragana/pa.png); }
.hira_pa:hover { background-image:url(../img/romaji/pa.png); }
.hira_pi 	   { background-image:url(../img/hiragana/pi.png); }
.hira_pi:hover { background-image:url(../img/romaji/pi.png); }
.hira_pu 	   { background-image:url(../img/hiragana/pu.png); }
.hira_pu:hover { background-image:url(../img/romaji/pu.png); }
.hira_pe 	   { background-image:url(../img/hiragana/pe.png); }
.hira_pe:hover { background-image:url(../img/romaji/pe.png); }
.hira_po 	   { background-image:url(../img/hiragana/po.png); }
.hira_po:hover { background-image:url(../img/romaji/po.png); }

/* ma mi mu me mo */
.hira_ma	   { background-image:url(../img/hiragana/ma.png); }
.hira_ma:hover { background-image:url(../img/romaji/ma.png); }
.hira_mi 	   { background-image:url(../img/hiragana/mi.png); }
.hira_mi:hover { background-image:url(../img/romaji/mi.png); }
.hira_mu 	   { background-image:url(../img/hiragana/mu.png); }
.hira_mu:hover { background-image:url(../img/romaji/mu.png); }
.hira_me 	   { background-image:url(../img/hiragana/me.png); }
.hira_me:hover { background-image:url(../img/romaji/me.png); }
.hira_mo 	   { background-image:url(../img/hiragana/mo.png); }
.hira_mo:hover { background-image:url(../img/romaji/mo.png); }

/* ya yu yo */
.hira_ya	   { background-image:url(../img/hiragana/ya.png); }
.hira_ya:hover { background-image:url(../img/romaji/ya.png); }
.hira_yu 	   { background-image:url(../img/hiragana/yu.png); }
.hira_yu:hover { background-image:url(../img/romaji/yu.png); }
.hira_yo 	   { background-image:url(../img/hiragana/yo.png); }
.hira_yo:hover { background-image:url(../img/romaji/yo.png); }

/* ra ri ru re ro */
.hira_ra	   { background-image:url(../img/hiragana/ra.png); }
.hira_ra:hover { background-image:url(../img/romaji/ra.png); }
.hira_ri 	   { background-image:url(../img/hiragana/ri.png); }
.hira_ri:hover { background-image:url(../img/romaji/ri.png); }
.hira_ru 	   { background-image:url(../img/hiragana/ru.png); }
.hira_ru:hover { background-image:url(../img/romaji/ru.png); }
.hira_re 	   { background-image:url(../img/hiragana/re.png); }
.hira_re:hover { background-image:url(../img/romaji/re.png); }
.hira_ro 	   { background-image:url(../img/hiragana/ro.png); }
.hira_ro:hover { background-image:url(../img/romaji/ro.png); }

/* wa wo */
.hira_wa	   { background-image:url(../img/hiragana/wa.png); }
.hira_wa:hover { background-image:url(../img/romaji/wa.png); }
.hira_wo 	   { background-image:url(../img/hiragana/wo.png); }
.hira_wo:hover { background-image:url(../img/romaji/wo.png); }

/* n */
.hira_n		  { background-image:url(../img/hiragana/n.png); }
.hira_n:hover { background-image:url(../img/romaji/n.png); }

/* kya kyu kyo */
.hira_kya	    { background-image:url(../img/hiragana/kya.png); }
.hira_kya:hover { background-image:url(../img/romaji/kya.png); }
.hira_kyu 	    { background-image:url(../img/hiragana/kyu.png); }
.hira_kyu:hover { background-image:url(../img/romaji/kyu.png); }
.hira_kyo 	    { background-image:url(../img/hiragana/kyo.png); }
.hira_kyo:hover { background-image:url(../img/romaji/kyo.png); }

/* gya gyu gyo */
.hira_gya	    { background-image:url(../img/hiragana/gya.png); }
.hira_gya:hover { background-image:url(../img/romaji/gya.png); }
.hira_gyu 	    { background-image:url(../img/hiragana/gyu.png); }
.hira_gyu:hover { background-image:url(../img/romaji/gyu.png); }
.hira_gyo 	    { background-image:url(../img/hiragana/gyo.png); }
.hira_gyo:hover { background-image:url(../img/romaji/gyo.png); }

/* sha shu sho */
.hira_sha	    { background-image:url(../img/hiragana/sha.png); }
.hira_sha:hover { background-image:url(../img/romaji/sha.png); }
.hira_shu 	    { background-image:url(../img/hiragana/shu.png); }
.hira_shu:hover { background-image:url(../img/romaji/shu.png); }
.hira_sho 	    { background-image:url(../img/hiragana/sho.png); }
.hira_sho:hover { background-image:url(../img/romaji/sho.png); }

/* ja ju jo */
.hira_ja	   { background-image:url(../img/hiragana/ja.png); }
.hira_ja:hover { background-image:url(../img/romaji/ja.png); }
.hira_ju 	   { background-image:url(../img/hiragana/ju.png); }
.hira_ju:hover { background-image:url(../img/romaji/ju.png); }
.hira_jo 	   { background-image:url(../img/hiragana/jo.png); }
.hira_jo:hover { background-image:url(../img/romaji/jo.png); }

/* cha chu cho */
.hira_cha		{ background-image:url(../img/hiragana/cha.png); }
.hira_cha:hover { background-image:url(../img/romaji/cha.png); }
.hira_chu 	    { background-image:url(../img/hiragana/chu.png); }
.hira_chu:hover { background-image:url(../img/romaji/chu.png); }
.hira_cho 	    { background-image:url(../img/hiragana/cho.png); }
.hira_cho:hover { background-image:url(../img/romaji/cho.png); }

/* nya nyu nyo */
.hira_nya	    { background-image:url(../img/hiragana/nya.png); }
.hira_nya:hover { background-image:url(../img/romaji/nya.png); }
.hira_nyu 	    { background-image:url(../img/hiragana/nyu.png); }
.hira_nyu:hover { background-image:url(../img/romaji/nyu.png); }
.hira_nyo 	    { background-image:url(../img/hiragana/nyo.png); }
.hira_nyo:hover { background-image:url(../img/romaji/nyo.png); }

/* hya hyu hyo */
.hira_hya	    { background-image:url(../img/hiragana/hya.png); }
.hira_hya:hover { background-image:url(../img/romaji/hya.png); }
.hira_hyu 	    { background-image:url(../img/hiragana/hyu.png); }
.hira_hyu:hover { background-image:url(../img/romaji/hyu.png); }
.hira_hyo 	    { background-image:url(../img/hiragana/hyo.png); }
.hira_hyo:hover { background-image:url(../img/romaji/hyo.png); }

/* bya byu byo */
.hira_bya	    { background-image:url(../img/hiragana/bya.png); }
.hira_bya:hover { background-image:url(../img/romaji/bya.png); }
.hira_byu 	    { background-image:url(../img/hiragana/byu.png); }
.hira_byu:hover { background-image:url(../img/romaji/byu.png); }
.hira_byo 	    { background-image:url(../img/hiragana/byo.png); }
.hira_byo:hover { background-image:url(../img/romaji/byo.png); }

/* pya pyu pyo */
.hira_pya	    { background-image:url(../img/hiragana/pya.png); }
.hira_pya:hover { background-image:url(../img/romaji/pya.png); }
.hira_pyu 	    { background-image:url(../img/hiragana/pyu.png); }
.hira_pyu:hover { background-image:url(../img/romaji/pyu.png); }
.hira_pyo 	    { background-image:url(../img/hiragana/pyo.png); }
.hira_pyo:hover { background-image:url(../img/romaji/pyo.png); }

/* mya myu myo */
.hira_mya	    { background-image:url(../img/hiragana/mya.png); }
.hira_mya:hover { background-image:url(../img/romaji/mya.png); }
.hira_myu 	    { background-image:url(../img/hiragana/myu.png); }
.hira_myu:hover { background-image:url(../img/romaji/myu.png); }
.hira_myo 	    { background-image:url(../img/hiragana/myo.png); }
.hira_myo:hover { background-image:url(../img/romaji/myo.png); }

/* rya ryu ryo */
.hira_rya	    { background-image:url(../img/hiragana/rya.png); }
.hira_rya:hover { background-image:url(../img/romaji/rya.png); }
.hira_ryu 	    { background-image:url(../img/hiragana/ryu.png); }
.hira_ryu:hover { background-image:url(../img/romaji/ryu.png); }
.hira_ryo 	    { background-image:url(../img/hiragana/ryo.png); }
.hira_ryo:hover { background-image:url(../img/romaji/ryo.png); }

/* pya pyu pyo */
.hira_pya	    { background-image:url(../img/hiragana/pya.png); }
.hira_pya:hover { background-image:url(../img/romaji/pya.png); }
.hira_pyu 	    { background-image:url(../img/hiragana/pyu.png); }
.hira_pyu:hover { background-image:url(../img/romaji/pyu.png); }
.hira_pyo		{ background-image:url(../img/hiragana/pyo.png); }
.hira_pyo:hover { background-image:url(../img/romaji/pyo.png); }

/* --------- katakana --------- */

/* a i u e o */
.kata_a		  { background-image:url(../img/katakana/a.png); }
.kata_a:hover { background-image:url(../img/romaji/a.png); }
.kata_i 	  { background-image:url(../img/katakana/i.png); }
.kata_i:hover { background-image:url(../img/romaji/i.png); }
.kata_u 	  { background-image:url(../img/katakana/u.png); }
.kata_u:hover { background-image:url(../img/romaji/u.png); }
.kata_e 	  { background-image:url(../img/katakana/e.png); }
.kata_e:hover { background-image:url(../img/romaji/e.png); }
.kata_o 	  { background-image:url(../img/katakana/o.png); }
.kata_o:hover { background-image:url(../img/romaji/o.png); }

/* ka ki ku ke ko */
.kata_ka	   { background-image:url(../img/katakana/ka.png); }
.kata_ka:hover { background-image:url(../img/romaji/ka.png); }
.kata_ki 	   { background-image:url(../img/katakana/ki.png); }
.kata_ki:hover { background-image:url(../img/romaji/ki.png); }
.kata_ku 	   { background-image:url(../img/katakana/ku.png); }
.kata_ku:hover { background-image:url(../img/romaji/ku.png); }
.kata_ke 	   { background-image:url(../img/katakana/ke.png); }
.kata_ke:hover { background-image:url(../img/romaji/ke.png); }
.kata_ko 	   { background-image:url(../img/katakana/ko.png); }
.kata_ko:hover { background-image:url(../img/romaji/ko.png); }

/* ga gi gu ge go */
.kata_ga	   { background-image:url(../img/katakana/ga.png); }
.kata_ga:hover { background-image:url(../img/romaji/ga.png); }
.kata_gi 	   { background-image:url(../img/katakana/gi.png); }
.kata_gi:hover { background-image:url(../img/romaji/gi.png); }
.kata_gu 	   { background-image:url(../img/katakana/gu.png); }
.kata_gu:hover { background-image:url(../img/romaji/gu.png); }
.kata_ge 	   { background-image:url(../img/katakana/ge.png); }
.kata_ge:hover { background-image:url(../img/romaji/ge.png); }
.kata_go 	   { background-image:url(../img/katakana/go.png); }
.kata_go:hover { background-image:url(../img/romaji/go.png); }

/* sa shi su se so */
.kata_sa	    { background-image:url(../img/katakana/sa.png); }
.kata_sa:hover  { background-image:url(../img/romaji/sa.png); }
.kata_shi 	    { background-image:url(../img/katakana/shi.png); }
.kata_shi:hover { background-image:url(../img/romaji/shi.png); }
.kata_su 	    { background-image:url(../img/katakana/su.png); }
.kata_su:hover  { background-image:url(../img/romaji/su.png); }
.kata_se 	    { background-image:url(../img/katakana/se.png); }
.kata_se:hover  { background-image:url(../img/romaji/se.png); }
.kata_so 	    { background-image:url(../img/katakana/so.png); }
.kata_so:hover  { background-image:url(../img/romaji/so.png); }

/* za ji zu ze zo */
.kata_za	    { background-image:url(../img/katakana/za.png); }
.kata_za:hover  { background-image:url(../img/romaji/za.png); }
.kata_ji 	    { background-image:url(../img/katakana/ji.png); }
.kata_ji:hover  { background-image:url(../img/romaji/ji.png); }
.kata_zu 	    { background-image:url(../img/katakana/zu.png); }
.kata_zu:hover  { background-image:url(../img/romaji/zu.png); }
.kata_ze 	    { background-image:url(../img/katakana/ze.png); }
.kata_ze:hover  { background-image:url(../img/romaji/ze.png); }
.kata_zo 	    { background-image:url(../img/katakana/zo.png); }
.kata_zo:hover  { background-image:url(../img/romaji/zo.png); }

/* ta chi tsu te to */
.kata_ta		{ background-image:url(../img/katakana/ta.png); }
.kata_ta:hover  { background-image:url(../img/romaji/ta.png); }
.kata_chi 	    { background-image:url(../img/katakana/chi.png); }
.kata_chi:hover { background-image:url(../img/romaji/chi.png); }
.kata_tsu 	    { background-image:url(../img/katakana/tsu.png); }
.kata_tsu:hover { background-image:url(../img/romaji/tsu.png); }
.kata_te 	    { background-image:url(../img/katakana/te.png); }
.kata_te:hover  { background-image:url(../img/romaji/te.png); }
.kata_to 	    { background-image:url(../img/katakana/to.png); }
.kata_to:hover  { background-image:url(../img/romaji/to.png); }

/* da de do */
.kata_da		{ background-image:url(../img/katakana/da.png); }
.kata_da:hover  { background-image:url(../img/romaji/da.png); }
.kata_de 	    { background-image:url(../img/katakana/de.png); }
.kata_de:hover  { background-image:url(../img/romaji/de.png); }
.kata_do 	    { background-image:url(../img/katakana/do.png); }
.kata_do:hover  { background-image:url(../img/romaji/do.png); }

/* na ni nu ne no */
.kata_na	   { background-image:url(../img/katakana/na.png); }
.kata_na:hover { background-image:url(../img/romaji/na.png); }
.kata_ni 	   { background-image:url(../img/katakana/ni.png); }
.kata_ni:hover { background-image:url(../img/romaji/ni.png); }
.kata_nu 	   { background-image:url(../img/katakana/nu.png); }
.kata_nu:hover { background-image:url(../img/romaji/nu.png); }
.kata_ne 	   { background-image:url(../img/katakana/ne.png); }
.kata_ne:hover { background-image:url(../img/romaji/ne.png); }
.kata_no 	   { background-image:url(../img/katakana/no.png); }
.kata_no:hover { background-image:url(../img/romaji/no.png); }

/* ha hi fu he ho */
.kata_ha	   { background-image:url(../img/katakana/ha.png); }
.kata_ha:hover { background-image:url(../img/romaji/ha.png); }
.kata_hi 	   { background-image:url(../img/katakana/hi.png); }
.kata_hi:hover { background-image:url(../img/romaji/hi.png); }
.kata_fu 	   { background-image:url(../img/katakana/fu.png); }
.kata_fu:hover { background-image:url(../img/romaji/fu.png); }
.kata_he 	   { background-image:url(../img/katakana/he.png); }
.kata_he:hover { background-image:url(../img/romaji/he.png); }
.kata_ho 	   { background-image:url(../img/katakana/ho.png); }
.kata_ho:hover { background-image:url(../img/romaji/ho.png); }

/* ba bi bu be bo */
.kata_ba	   { background-image:url(../img/katakana/ba.png); }
.kata_ba:hover { background-image:url(../img/romaji/ba.png); }
.kata_bi 	   { background-image:url(../img/katakana/bi.png); }
.kata_bi:hover { background-image:url(../img/romaji/bi.png); }
.kata_bu 	   { background-image:url(../img/katakana/bu.png); }
.kata_bu:hover { background-image:url(../img/romaji/bu.png); }
.kata_be 	   { background-image:url(../img/katakana/be.png); }
.kata_be:hover { background-image:url(../img/romaji/be.png); }
.kata_bo 	   { background-image:url(../img/katakana/bo.png); }
.kata_bo:hover { background-image:url(../img/romaji/bo.png); }

/* pa pi pu pe po */
.kata_pa	   { background-image:url(../img/katakana/pa.png); }
.kata_pa:hover { background-image:url(../img/romaji/pa.png); }
.kata_pi 	   { background-image:url(../img/katakana/pi.png); }
.kata_pi:hover { background-image:url(../img/romaji/pi.png); }
.kata_pu 	   { background-image:url(../img/katakana/pu.png); }
.kata_pu:hover { background-image:url(../img/romaji/pu.png); }
.kata_pe 	   { background-image:url(../img/katakana/pe.png); }
.kata_pe:hover { background-image:url(../img/romaji/pe.png); }
.kata_po 	   { background-image:url(../img/katakana/po.png); }
.kata_po:hover { background-image:url(../img/romaji/po.png); }

/* ma mi mu me mo */
.kata_ma	   { background-image:url(../img/katakana/ma.png); }
.kata_ma:hover { background-image:url(../img/romaji/ma.png); }
.kata_mi 	   { background-image:url(../img/katakana/mi.png); }
.kata_mi:hover { background-image:url(../img/romaji/mi.png); }
.kata_mu 	   { background-image:url(../img/katakana/mu.png); }
.kata_mu:hover { background-image:url(../img/romaji/mu.png); }
.kata_me 	   { background-image:url(../img/katakana/me.png); }
.kata_me:hover { background-image:url(../img/romaji/me.png); }
.kata_mo 	   { background-image:url(../img/katakana/mo.png); }
.kata_mo:hover { background-image:url(../img/romaji/mo.png); }

/* ya yu yo */
.kata_ya	   { background-image:url(../img/katakana/ya.png); }
.kata_ya:hover { background-image:url(../img/romaji/ya.png); }
.kata_yu 	   { background-image:url(../img/katakana/yu.png); }
.kata_yu:hover { background-image:url(../img/romaji/yu.png); }
.kata_yo 	   { background-image:url(../img/katakana/yo.png); }
.kata_yo:hover { background-image:url(../img/romaji/yo.png); }

/* ra ri ru re ro */
.kata_ra	   { background-image:url(../img/katakana/ra.png); }
.kata_ra:hover { background-image:url(../img/romaji/ra.png); }
.kata_ri 	   { background-image:url(../img/katakana/ri.png); }
.kata_ri:hover { background-image:url(../img/romaji/ri.png); }
.kata_ru 	   { background-image:url(../img/katakana/ru.png); }
.kata_ru:hover { background-image:url(../img/romaji/ru.png); }
.kata_re 	   { background-image:url(../img/katakana/re.png); }
.kata_re:hover { background-image:url(../img/romaji/re.png); }
.kata_ro 	   { background-image:url(../img/katakana/ro.png); }
.kata_ro:hover { background-image:url(../img/romaji/ro.png); }

/* wa wo */
.kata_wa	   { background-image:url(../img/katakana/wa.png); }
.kata_wa:hover { background-image:url(../img/romaji/wa.png); }
.kata_wo 	   { background-image:url(../img/katakana/wo.png); }
.kata_wo:hover { background-image:url(../img/romaji/wo.png); }

/* n */
.kata_n		  { background-image:url(../img/katakana/n.png); }
.kata_n:hover { background-image:url(../img/romaji/n.png); }

/* kya kyu kyo */
.kata_kya	    { background-image:url(../img/katakana/kya.png); }
.kata_kya:hover { background-image:url(../img/romaji/kya.png); }
.kata_kyu 	    { background-image:url(../img/katakana/kyu.png); }
.kata_kyu:hover { background-image:url(../img/romaji/kyu.png); }
.kata_kyo 	    { background-image:url(../img/katakana/kyo.png); }
.kata_kyo:hover { background-image:url(../img/romaji/kyo.png); }

/* gya gyu gyo */
.kata_gya	    { background-image:url(../img/katakana/gya.png); }
.kata_gya:hover { background-image:url(../img/romaji/gya.png); }
.kata_gyu 	    { background-image:url(../img/katakana/gyu.png); }
.kata_gyu:hover { background-image:url(../img/romaji/gyu.png); }
.kata_gyo 	    { background-image:url(../img/katakana/gyo.png); }
.kata_gyo:hover { background-image:url(../img/romaji/gyo.png); }

/* sha shu sho */
.kata_sha	    { background-image:url(../img/katakana/sha.png); }
.kata_sha:hover { background-image:url(../img/romaji/sha.png); }
.kata_shu 	    { background-image:url(../img/katakana/shu.png); }
.kata_shu:hover { background-image:url(../img/romaji/shu.png); }
.kata_sho 	    { background-image:url(../img/katakana/sho.png); }
.kata_sho:hover { background-image:url(../img/romaji/sho.png); }

/* ja ju jo */
.kata_ja	   { background-image:url(../img/katakana/ja.png); }
.kata_ja:hover { background-image:url(../img/romaji/ja.png); }
.kata_ju 	   { background-image:url(../img/katakana/ju.png); }
.kata_ju:hover { background-image:url(../img/romaji/ju.png); }
.kata_jo 	   { background-image:url(../img/katakana/jo.png); }
.kata_jo:hover { background-image:url(../img/romaji/jo.png); }

/* cha chu cho */
.kata_cha		{ background-image:url(../img/katakana/cha.png); }
.kata_cha:hover { background-image:url(../img/romaji/cha.png); }
.kata_chu 	    { background-image:url(../img/katakana/chu.png); }
.kata_chu:hover { background-image:url(../img/romaji/chu.png); }
.kata_cho 	    { background-image:url(../img/katakana/cho.png); }
.kata_cho:hover { background-image:url(../img/romaji/cho.png); }

/* nya nyu nyo */
.kata_nya	    { background-image:url(../img/katakana/nya.png); }
.kata_nya:hover { background-image:url(../img/romaji/nya.png); }
.kata_nyu 	    { background-image:url(../img/katakana/nyu.png); }
.kata_nyu:hover { background-image:url(../img/romaji/nyu.png); }
.kata_nyo 	    { background-image:url(../img/katakana/nyo.png); }
.kata_nyo:hover { background-image:url(../img/romaji/nyo.png); }

/* hya hyu hyo */
.kata_hya	    { background-image:url(../img/katakana/hya.png); }
.kata_hya:hover { background-image:url(../img/romaji/hya.png); }
.kata_hyu 	    { background-image:url(../img/katakana/hyu.png); }
.kata_hyu:hover { background-image:url(../img/romaji/hyu.png); }
.kata_hyo 	    { background-image:url(../img/katakana/hyo.png); }
.kata_hyo:hover { background-image:url(../img/romaji/hyo.png); }

/* bya byu byo */
.kata_bya	    { background-image:url(../img/katakana/bya.png); }
.kata_bya:hover { background-image:url(../img/romaji/bya.png); }
.kata_byu 	    { background-image:url(../img/katakana/byu.png); }
.kata_byu:hover { background-image:url(../img/romaji/byu.png); }
.kata_byo 	    { background-image:url(../img/katakana/byo.png); }
.kata_byo:hover { background-image:url(../img/romaji/byo.png); }

/* pya pyu pyo */
.kata_pya	    { background-image:url(../img/katakana/pya.png); }
.kata_pya:hover { background-image:url(../img/romaji/pya.png); }
.kata_pyu 	    { background-image:url(../img/katakana/pyu.png); }
.kata_pyu:hover { background-image:url(../img/romaji/pyu.png); }
.kata_pyo 	    { background-image:url(../img/katakana/pyo.png); }
.kata_pyo:hover { background-image:url(../img/romaji/pyo.png); }

/* mya myu myo */
.kata_mya	    { background-image:url(../img/katakana/mya.png); }
.kata_mya:hover { background-image:url(../img/romaji/mya.png); }
.kata_myu 	    { background-image:url(../img/katakana/myu.png); }
.kata_myu:hover { background-image:url(../img/romaji/myu.png); }
.kata_myo 	    { background-image:url(../img/katakana/myo.png); }
.kata_myo:hover { background-image:url(../img/romaji/myo.png); }

/* rya ryu ryo */
.kata_rya	    { background-image:url(../img/katakana/rya.png); }
.kata_rya:hover { background-image:url(../img/romaji/rya.png); }
.kata_ryu 	    { background-image:url(../img/katakana/ryu.png); }
.kata_ryu:hover { background-image:url(../img/romaji/ryu.png); }
.kata_ryo 	    { background-image:url(../img/katakana/ryo.png); }
.kata_ryo:hover { background-image:url(../img/romaji/ryo.png); }

/* pya pyu pyo */
.kata_pya	    { background-image:url(../img/katakana/pya.png); }
.kata_pya:hover { background-image:url(../img/romaji/pya.png); }
.kata_pyu 	    { background-image:url(../img/katakana/pyu.png); }
.kata_pyu:hover { background-image:url(../img/romaji/pyu.png); }
.kata_pyo	    { background-image:url(../img/katakana/pyo.png); }
.kata_pyo:hover { background-image:url(../img/romaji/pyo.png); }

/* che */
.kata_che	    { background-image:url(../img/katakana/che.png); }
.kata_che:hover { background-image:url(../img/romaji/che.png); }

/* di dyu */
.kata_di	    { background-image:url(../img/katakana/di.png); }
.kata_di:hover  { background-image:url(../img/romaji/di.png); }
.kata_dyu 	    { background-image:url(../img/katakana/dyu.png); }
.kata_dyu:hover { background-image:url(../img/romaji/dyu.png); }

/* du */
.kata_du	    { background-image:url(../img/katakana/du.png); }
.kata_du:hover  { background-image:url(../img/romaji/du.png); }

/* fa fi fe fo */
.kata_fa	   { background-image:url(../img/katakana/fa.png); }
.kata_fa:hover { background-image:url(../img/romaji/fa.png); }
.kata_fi 	   { background-image:url(../img/katakana/fi.png); }
.kata_fi:hover { background-image:url(../img/romaji/fi.png); }
.kata_fe	   { background-image:url(../img/katakana/fe.png); }
.kata_fe:hover { background-image:url(../img/romaji/fe.png); }
.kata_fo	   { background-image:url(../img/katakana/fo.png); }
.kata_fo:hover { background-image:url(../img/romaji/fo.png); }

/* fyu */
.kata_fyu 	    { background-image:url(../img/katakana/fyu.png); }
.kata_fyu:hover { background-image:url(../img/romaji/fyu.png); }

/* gwa gwi */
.kata_gwa	    { background-image:url(../img/katakana/gwa.png); }
.kata_gwa:hover { background-image:url(../img/romaji/gwa.png); }
.kata_gwi 	    { background-image:url(../img/katakana/gwi.png); }
.kata_gwi:hover { background-image:url(../img/romaji/gwi.png); }

/* hye */
.kata_hye	    { background-image:url(../img/katakana/hye.png); }
.kata_hye:hover { background-image:url(../img/romaji/hye.png); }

/* je */
.kata_je	   { background-image:url(../img/katakana/je.png); }
.kata_je:hover { background-image:url(../img/romaji/je.png); }

/* kwa kwi kwe kwo */
.kata_kwa	    { background-image:url(../img/katakana/kwa.png); }
.kata_kwa:hover { background-image:url(../img/romaji/kwa.png); }
.kata_kwi 	    { background-image:url(../img/katakana/kwi.png); }
.kata_kwi:hover { background-image:url(../img/romaji/kwi.png); }
.kata_kwe	    { background-image:url(../img/katakana/kwe.png); }
.kata_kwe:hover { background-image:url(../img/romaji/kwe.png); }
.kata_kwo	    { background-image:url(../img/katakana/kwo.png); }
.kata_kwo:hover { background-image:url(../img/romaji/kwo.png); }

/* she */
.kata_she	    { background-image:url(../img/katakana/she.png); }
.kata_she:hover { background-image:url(../img/romaji/she.png); }

/* ti tu */
.kata_ti	   { background-image:url(../img/katakana/ti.png); }
.kata_ti:hover { background-image:url(../img/romaji/ti.png); }
.kata_tu	   { background-image:url(../img/katakana/tu.png); }
.kata_tu:hover { background-image:url(../img/romaji/tu.png); }

/* tyu */
.kata_tyu	   { background-image:url(../img/katakana/tyu.png); }
.kata_tyu:hover { background-image:url(../img/romaji/tyu.png); }

/* tsa tsi tse tso */
.kata_tsa		{ background-image:url(../img/katakana/tsa.png); }
.kata_tsa:hover { background-image:url(../img/romaji/tsa.png); }
.kata_tsi		{ background-image:url(../img/katakana/tsi.png); }
.kata_tsi:hover { background-image:url(../img/romaji/tsi.png); }
.kata_tse		{ background-image:url(../img/katakana/tse.png); }
.kata_tse:hover { background-image:url(../img/romaji/tse.png); }
.kata_tso		{ background-image:url(../img/katakana/tso.png); }
.kata_tso:hover { background-image:url(../img/romaji/tso.png); }

/* fa fi fe fo */
.kata_fa	   { background-image:url(../img/katakana/fa.png); }
.kata_fa:hover { background-image:url(../img/romaji/fa.png); }
.kata_fi 	   { background-image:url(../img/katakana/fi.png); }
.kata_fi:hover { background-image:url(../img/romaji/fi.png); }
.kata_fe	   { background-image:url(../img/katakana/fe.png); }
.kata_fe:hover { background-image:url(../img/romaji/fe.png); }
.kata_fo	   { background-image:url(../img/katakana/fo.png); }
.kata_fo:hover { background-image:url(../img/romaji/fo.png); }

/* va vi vu ve vo */
.kata_va		{ background-image:url(../img/katakana/va.png); }
.kata_va:hover  { background-image:url(../img/romaji/va.png); }
.kata_vi 	    { background-image:url(../img/katakana/vi.png); }
.kata_vi:hover  { background-image:url(../img/romaji/vi.png); }
.kata_vu	    { background-image:url(../img/katakana/vu.png); }
.kata_vu:hover  { background-image:url(../img/romaji/vu.png); }
.kata_ve	    { background-image:url(../img/katakana/ve.png); }
.kata_ve:hover  { background-image:url(../img/romaji/ve.png); }
.kata_vo		{ background-image:url(../img/katakana/vo.png); }
.kata_vo:hover { background-image:url(../img/romaji/vo.png); }

/* vya vyu vyo */
.kata_vya		{ background-image:url(../img/katakana/vya.png); }
.kata_vya:hover  { background-image:url(../img/romaji/vya.png); }
.kata_vyu		{ background-image:url(../img/katakana/vyu.png); }
.kata_vyu:hover  { background-image:url(../img/romaji/vyu.png); }
.kata_vyo		{ background-image:url(../img/katakana/vyo.png); }
.kata_vyo:hover  { background-image:url(../img/romaji/vyo.png); }

/* wi we wo */
.kata_wi	    { background-image:url(../img/katakana/wi.png); }
.kata_wi:hover  { background-image:url(../img/romaji/wi.png); }
.kata_we 	    { background-image:url(../img/katakana/we.png); }
.kata_we:hover  { background-image:url(../img/romaji/we.png); }
.kata_wo2		{ background-image:url(../img/katakana/wo2.png); }
.kata_wo2:hover { background-image:url(../img/romaji/wo2.png); }

/* ye */
.kata_ye		{ background-image:url(../img/katakana/ye.png); }
.kata_ye:hover  { background-image:url(../img/romaji/ye.png); }

/* zi */
.kata_zi		{ background-image:url(../img/katakana/zi.png); }
.kata_zi:hover  { background-image:url(../img/romaji/zi.png); }
