<!--▼ 縦メニュー ▼-->
<div id="menu_length">
<ul>
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>
<li><a href="<%url>blog-category-1.html">カテゴリ１</a></li>
<li><a href="<%url>blog-category-2.html">カテゴリ２</a></li>
<li><a href="<%url>blog-category-3.html">カテゴリ３</a></li>

<li class="menu_len" onmouseover="this.className='menu_len_on'" onmouseout="this.className='menu_len'"><a href="#">第１階層</a>
<ul>
<li><a href="#">第２階層</a></li>
<li><a href="#">第２階層</a></li>
<li><a href="#">第２階層</a></li>
<li class="menu_len" onmouseover="this.className='menu_len_on'" onmouseout="this.className='menu_len'"><a href="#">第２階層</a>
<ul>
<li><a href="#">第３階層</a></li>
<li><a href="#">第３階層</a></li>
<li><a href="#">第３階層</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>
<!--▲ 縦メニュー ▲-->

/* ▼ 縦メニュー ▼ */

#menu_length ul {
margin:0;
padding:0;
}

#menu_length li {
list-style: none;
margin:0;
padding:0;
}

#menu_length li a {
display:block;
text-align:left;
padding-left: 20px;
text-decoration:none;
width:150px; /* 幅 */
line-height:30px; /* 高さ */
color:#ffffff; /* リンク文字の色 */
background-color:#000000; /* メニューボタンの背景 */
border-left:10px solid #c0c0c0; /* 左飾り線 */
border-bottom:1px solid #333333; /* 下線 */
}

/* ▽マウスが乗ったとき▽ */
#menu_length li a:hover{
background-color:#222222; /* メニューボタンの背景 */
border-left:10px solid #ff0000; /* 左飾り線 */
}
/* △マウスが乗ったとき△ */

/* ▲ 縦メニュー ▲ */

/* ▼ 縦メニュー（階層化）▼ */

#menu_length {
height: 300px; /* メニュー全体の縦の長さ */
}

#menu_length ul {
position:absolute;
}

#menu_length li {
position:relative;
}

#menu_length li.menu_len ul,
#menu_length li.menu_len ul li.menu_len ul,
#menu_length li.menu_len_on ul li.menu_len ul {
display:none;
}

#menu_length li.menu_len_on ul,
#menu_length li.menu_len_on ul li.menu_len_on ul {
position:absolute;
display:block;
top:0;
left:100%;
}

/* ▽IE6バグ対応▽ */
* html #menu_length li li,
* html #menu_length li li li {
font-size:1px;
line-height:0;
}
* html #menu_length li li a,
* html #menu_length li li li a {
display:block;
font-size:10pt;
line-height:30px;
}
/* △IE6バグ対応△ */

/* ドロップダウンリストの透過（IEは透過しません） */
#menu_length > ul > li > ul {
-moz-opacity: 0.9;
opacity: 0.9;
}

/* ▲縦メニュー（階層化）▲ */

<!--▼ 縦メニュー ▼-->
<div id="menu_length">
<ul>
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>
<li><a href="<%url>blog-category-1.html">カテゴリ１</a></li>
<li><a href="<%url>blog-category-2.html">カテゴリ２</a></li>
<li><a href="<%url>blog-category-3.html">カテゴリ３</a></li>
</ul>
</div>
<!--▲ 縦メニュー ▲-->

/* ▼ 縦メニュー ▼ */

#menu_length ul {
margin:0;
padding:0;
}

#menu_length li {
list-style: none;
margin:0;
padding:0;
}

#menu_length li a {
display:block;
text-align:left;
padding-left: 20px;
text-decoration:none;
width:150px; /* 幅 */
line-height:30px; /* 高さ */
color:#ffffff; /* リンク文字の色 */
background-color:#000000; /* メニューボタンの背景 */
border-left:10px solid #c0c0c0; /* 左飾り線 */
border-bottom:1px solid #333333; /* 下線 */
}

/* ▽マウスが乗ったとき▽ */
#menu_length li a:hover{
background-color:#222222; /* メニューボタンの背景 */
border-left:10px solid #ff0000; /* 左飾り線 */
}
/* △マウスが乗ったとき△ */

/* ▲ 縦メニュー ▲ */

<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>

<!--▼ 最新記事 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新記事</a>
<ul>
<!--recent-->
<li>
<a href="<%recent_link>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>
</li>
<!--▲ 最新記事 ▲-->

<!--▼ 最新コメントを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">最新コメント</a>
<ul>
<!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
</li>
<!--▲ 最新コメントを表示 ▲-->

</ul>
<!--▲ メニューバー ▲-->

<!--▼サイトマップ▼-->

～（中略）～

<div class="display_no">
<ul>
<!--titlelist-->
<li name="<%titlelist_category_no>" id="<%titlelist_category_no>">
<a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a>
-　<%titlelist_year>.<%titlelist_month>.<%titlelist_day>

<script type="text/javascript">
<!--▼newマーク▼-->
nw2(<%titlelist_year>,<%titlelist_month>,<%titlelist_day>,<%titlelist_hour>)
<!--▲newマーク▲-->
//--></script>

</li>
<!--/titlelist-->
</ul>
</div>

～（中略）～

if(list.length > 0) document.write('</ul>');

function nw2(u1,u2,u3,u4) {
var today=new Date();
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<font color="#ff0000" size="2">NEW!!</font>')}
}

//--></script>

<div class="pgtop"><a href ="#mapnavi_title" title="カテゴリ一覧へ戻る">△ カテゴリ一覧へ戻る</a></div>

</div>

<!--/category-->

</div><!-- /maplist -->
</div><!--/plugin3_body-->
</div><!--/plugin3_outline-->
<!--/titlelist_area-->
<!--▲サイトマップ▲-->