<html>
<head>
<meta content="text/html; charset=Shift_JIS" http-equiv="content-type">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"></head><body>
<pre><html>
<head>
<meta content="text/html; charset=Shift_JIS" http-equiv="content-type">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"></head><body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta content="text/html; charset=Shift_JIS" http-equiv="content-type"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"&gt;&lt;/head&gt;&lt;body&gt;
&lt;pre&gt;img {
border:0;
vertical-align:bottom;
}
#image-navigation ul li a:hover img {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}
ul,
li {
margin:0;
padding:0;
list-style:none;
}
#image-navigation {
display:block;
width:700px;
height:35px;
border:solid 0px #663300;
}
#image-navigation ul li a {
display:block;
width:200px;
height:35px;
}
#image-navigation .navi {
float:right;
}
#image-navigation .navi-image {
float:left;
}
#image-navigation-text ul li a {
display:block;
width:123px;
height:35px;
color:#333;
line-height:50px;
text-align:center;
}
#image-navigation-text .navi {
float:right;
}
#image-navigation-text .navi-image {
float:right;
}
#image-navigation-text a {
background:#eee;
}
#image-navigation-text a.active {
background:#333;
color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }
&lt;/pre&gt;&lt;/body&gt;&lt;/html&gt;</pre></body></html></pre></body></html>