a.navi
{
float:right;
padding-top:1px;
padding-bottom:4px;
padding-left:6px;
width:148px;
font-size:12.9px;
height:16px;
text-decoration:none;
color:white;
border-top:1px solid #89C15E;
}

div.item01 { position:absolute; top: 40px; left:30px; height:22px; width:154px }
div.item02 { position:absolute; top: 61px; left:30px; height:22px; width:154px }
div.item03 { position:absolute; top: 82px; left:30px; height:22px; width:154px }
div.item04 { position:absolute; top:103px; left:30px; height:22px; width:154px }
div.item05 { position:absolute; top:124px; left:30px; height:22px; width:154px }
div.item06 { position:absolute; top:145px; left:30px; height:22px; width:154px }
div.item07 { position:absolute; top:166px; left:30px; height:22px; width:154px }
div.item08 { position:absolute; top:187px; left:30px; height:22px; width:154px }
div.item09 { position:absolute; top:208px; left:30px; height:22px; width:154px }
div.item10 { position:absolute; top:229px; left:30px; height:22px; width:154px }
div.item11 { position:absolute; top:250px; left:30px; height:22px; width:154px }
div.item12 { position:absolute; top:271px; left:30px; height:22px; width:154px }
div.item13 { position:absolute; top:292px; left:30px; height:22px; width:154px }
div.item14 { position:absolute; top:313px; left:30px; height:22px; width:154px }
div.item15 { position:absolute; top:334px; left:30px; height:22px; width:154px }
div.item16 { position:absolute; top:355px; left:30px; height:22px; width:154px }
div.item17 { position:absolute; top:376px; left:30px; height:22px; width:154px }
div.item18 { position:absolute; top:497px; left:30px; height:22px; width:154px }
div.item19 { position:absolute; top:418px; left:30px; height:22px; width:154px }
div.item20 { position:absolute; top:439px; left:30px; height:22px; width:154px }
div.item21 { position:absolute; top:460px; left:30px; height:22px; width:154px }

a.item01 {background-image: url('navigation/navigation_01_norm.jpg')}
a.item02 {background-image: url('navigation/navigation_02_norm.jpg')}
a.item03 {background-image: url('navigation/navigation_03_norm.jpg')}
a.item04 {background-image: url('navigation/navigation_04_norm.jpg')}
a.item04_jp {background-image: url('navigation/constellation_norm.jpg')}
a.item05 {background-image: url('navigation/navigation_05_norm.jpg')}
a.item06 {background-image: url('navigation/navigation_06_norm.jpg')}
a.item07 {background-image: url('navigation/navigation_07_norm.jpg')}
a.item08 {background-image: url('navigation/navigation_08_norm.jpg')}
a.item09 {background-image: url('navigation/navigation_09_norm.jpg')}
a.item10 {background-image: url('navigation/navigation_10_norm.jpg')}
a.item11 {background-image: url('navigation/navigation_11_norm.jpg')}
a.item12 {background-image: url('navigation/navigation_12_norm.jpg')}
a.item13 {background-image: url('navigation/navigation_13_norm.jpg')}
a.item14 {background-image: url('navigation/navigation_14_norm.jpg')}
a.item15 {background-image: url('navigation/navigation_15_norm.jpg')}
a.item16 {background-image: url('navigation/navigation_16_norm.jpg')}
a.item17 {background-image: url('navigation/navigation_17_norm.jpg')}
a.item18 {background-image: url('navigation/navigation_18_norm.jpg')}
a.item19 {background-image: url('navigation/navigation_19_norm.jpg')}
a.item20 {background-image: url('navigation/navigation_20_norm.jpg')}
a.item21 {background-image: url('navigation/navigation_21_norm.jpg')}

a.item01:hover {background-image: url('navigation/navigation_01_dark.jpg')}
a.item02:hover {background-image: url('navigation/navigation_02_dark.jpg')}
a.item03:hover {background-image: url('navigation/navigation_03_dark.jpg')}
a.item04:hover {background-image: url('navigation/navigation_04_dark.jpg')} 
a.item04_jp:hover {background-image: url('navigation/constellation_dark.jpg')}
a.item05:hover {background-image: url('navigation/navigation_05_dark.jpg')}
a.item06:hover {background-image: url('navigation/navigation_06_dark.jpg')}
a.item07:hover {background-image: url('navigation/navigation_07_dark.jpg')}
a.item08:hover {background-image: url('navigation/navigation_08_dark.jpg')}
a.item09:hover {background-image: url('navigation/navigation_09_dark.jpg')}
a.item10:hover {background-image: url('navigation/navigation_10_dark.jpg')}
a.item11:hover {background-image: url('navigation/navigation_11_dark.jpg')}
a.item12:hover {background-image: url('navigation/navigation_12_dark.jpg')}
a.item13:hover {background-image: url('navigation/navigation_13_dark.jpg')}
a.item14:hover {background-image: url('navigation/navigation_14_dark.jpg')}
a.item15:hover {background-image: url('navigation/navigation_15_dark.jpg')}
a.item16:hover {background-image: url('navigation/navigation_16_dark.jpg')}
a.item17:hover {background-image: url('navigation/navigation_17_dark.jpg')}
a.item18:hover {background-image: url('navigation/navigation_18_dark.jpg')}
a.item19:hover {background-image: url('navigation/navigation_19_dark.jpg')}
a.item20:hover {background-image: url('navigation/navigation_20_dark.jpg')}
a.item21:hover {background-image: url('navigation/navigation_21_dark.jpg')}

a.inert01 {color: yellow; background-image: url('navigation/navigation_01_norm.jpg')}
a.inert02 {color: yellow; background-image: url('navigation/navigation_02_norm.jpg')}
a.inert03 {color: yellow; background-image: url('navigation/navigation_03_norm.jpg')}
a.inert04 {color: yellow; background-image: url('navigation/navigation_04_norm.jpg')} 
a.inert04_jp {color: yellow; background-image: url('navigation/constellation_norm_yellow.jpg')}
a.inert05 {color: yellow; background-image: url('navigation/navigation_05_norm.jpg')}
a.inert06 {color: yellow; background-image: url('navigation/navigation_06_norm.jpg')}
a.inert07 {color: yellow; background-image: url('navigation/navigation_07_norm.jpg')}
a.inert08 {color: yellow; background-image: url('navigation/navigation_08_norm.jpg')}
a.inert09 {color: yellow; background-image: url('navigation/navigation_09_norm.jpg')}
a.inert10 {color: yellow; background-image: url('navigation/navigation_10_norm.jpg')}
a.inert11 {color: yellow; background-image: url('navigation/navigation_11_norm.jpg')}
a.inert12 {color: yellow; background-image: url('navigation/navigation_12_norm.jpg')}
a.inert13 {color: yellow; background-image: url('navigation/navigation_13_norm.jpg')}
a.inert14 {color: yellow; background-image: url('navigation/navigation_14_norm.jpg')}
a.inert15 {color: yellow; background-image: url('navigation/navigation_15_norm.jpg')}
a.inert16 {color: yellow; background-image: url('navigation/navigation_16_norm.jpg')}
a.inert17 {color: yellow; background-image: url('navigation/navigation_17_norm.jpg')}
a.inert18 {color: yellow; background-image: url('navigation/navigation_18_norm.jpg')}
a.inert19 {color: yellow; background-image: url('navigation/navigation_19_norm.jpg')}
a.inert20 {color: yellow; background-image: url('navigation/navigation_20_norm.jpg')}
a.inert21 {color: yellow; background-image: url('navigation/navigation_21_norm.jpg')}

/* horizontal submenu */

a.subnavi
{
float:left;
width:140px;
text-decoration:none;
color:#9EA181; 
font-size: 11px;
background-color:#ECEEDB;
padding-top:2px; padding-right:3px; padding-bottom:4px; padding-left:6px;
border-right:3px solid #F9FAEC;   /* c */
border-bottom:3px solid #F9FAEC;
}

a.subnavi:hover {background-color:#DADDC7}
ul.subnavi {float:left; width:760px; padding:0px; margin:0px; list-style-type:none}
li.subnavi {display:inline}

a.inert {background-color:#9EA181; color:#FFFFFF}
a.inert:hover {background-color:#9EA181}
a.unused:hover {background-color:#ECEEDB}

/* color:#9EA181; text in the sidebar (poem) */
/* color:#7C7E61; text in the main text area */
/* color:#595A45; text in selected menu item */

/* ul and li should be classified if other lists are also used on the page */

/* forward and backward arrows at the bottom of the page */ 

div.arrow_left  {position:absolute; left:844px; top:369px; width:46px; height:59px; overflow:hidden}
div.arrow_right {position:absolute; left:890px; top:369px; width:46px; height:59px; overflow:hidden}

div.arrow_text
{
position:absolute; left:819px; top:417px; width:59px; height:13px;
white-space: nowrap; overflow: hidden;
}

p.arrow_text 
{margin:0px; text-align: center; color: #9EA181; font-size: 10px; line-height: 13px }

a.arrow
{
padding-top:0px;
padding-bottom:47px;
padding-left:21px;
padding-right:21px;
width:46px;
font-size:10px;
height:59px;
text-decoration:none;
}

a.left_jp {background-image: url('navigation/arrow_left_normal_jp.gif')}
a.right_jp {background-image: url('navigation/arrow_right_normal_jp.gif')}

a.left_jp:hover {background-image: url('navigation/arrow_left_hover_jp.gif')}
a.right_jp:hover {background-image: url('navigation/arrow_right_hover_jp.gif')}

a.inert_left_jp {background-image: url('navigation/arrow_left_dimmed_jp.gif')}
a.inert_right_jp {background-image: url('navigation/arrow_right_dimmed_jp.gif')}


a.left_en {background-image: url('navigation/arrow_left_normal_en.gif')}
a.right_en {background-image: url('navigation/arrow_right_normal_en.gif')}

a.left_en:hover {background-image: url('navigation/arrow_left_hover_en.gif')}
a.right_en:hover {background-image: url('navigation/arrow_right_hover_en.gif')}

a.inert_left_en {background-image: url('navigation/arrow_left_dimmed_en.gif')}
a.inert_right_en {background-image: url('navigation/arrow_right_dimmed_en.gif')}