どうやら解決していないようなので、トップページとCSSの記述例のみを記述してみました。
色の指定など適当なので、ご利用する際には、適宜カスタマイズすることをおすすめします。
参考になれば幸いです。
-------------------------------------
トップページのテンプレート記述例
-------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="http://www.movabletype.org/" />
<title><$MTBlogName encode_html="1"$></title>
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="<$MTBlogURL$>index.rdf" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
<script language="JavaScript" type="text/JavaScript">
<!--
// Pulldown menu スクリプト（By ボムガール）
function MenuOn(x){
obj=document.getElementById("submenu"+x).style.visibility="visible";
}
function MenuOff(x){
obj=document.getElementById("submenu"+x).style.visibility="hidden";
}
//-->
</script>
</head>
<body>
<a name="top01"></a>
<div id="container">
<div id="header">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<div class="descriotion"><$MTBlogDescription$></div>
</div>
<div class="menu">
<div id="menu1" onmouseover="MenuOn(1)" onmouseout="MenuOff(1)">
<span>MONTHLY</span>
<div class="submenu" id="submenu1">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a>
</MTArchiveList>
</div></div>
<div id="menu2" onmouseover="MenuOn(2)" onmouseout="MenuOff(2)">
<span>ENTRY</span>
<div class="submenu" id="submenu2">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</MTEntries>
</div></div>
<div id="menu3" onmouseover="MenuOn(3)" onmouseout="MenuOff(3)">
<span>COMMENT</span>
<div class="submenu" id="submenu3">
<MTEntries recently_commented_on="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="5">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#c<$MTCommentID$>">at <$MTCommentDate format="%Y.%m.%d"$></a><br />
</MTComments>
</MTEntries>
</div></div>
<div id="menu4">
<a href="<$MTBlogURL$>index.rdf">RSS(XML)</a>
</div>
</div>
<div id="content">
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader>
<h2><$MTEntryDate format="%x"$></h2>
</MTDateHeader>
<h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3>
<$MTEntryBody$>
<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>
<p class="posted">投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="yes"$>"><$MTEntryDate format="%X"$></a>
<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</p>
</MTEntries>
</div></div>
<div id="footer">
<div class="search">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">サイト内の検索</label>
<input id="search" name="search" size="20" />
<input type="submit" value="検索" class="button" />
</form>
</div>
<MTBlogIfCCLicense>
<div id="cc">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a>
このウェブログのライセンス: <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>
<div id="powered">
Powered by <a href="http://www.movabletype.org/">Movable Type <$MTVersion$></a>
</div>
</div>
</body>
</html>
-------------------------------------
CSSのテンプレート記述例
-------------------------------------
/* 共通表示 */
body, html {
scrollbar-3d-light-color: #6E9B8A;
scrollbar-arrow-color: #6E9B8A;
scrollbar-base-color: #6E9B8A;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #6E9B8A;
}
body {
background: #FFFFFF;
color: #6E9B8A;
margin: 10px;
padding: 0px;
}
a {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #009999;
text-decoration: none;
}
a:hover{
color: #00FFFF;
text-decoration: underline overline;
}
a:active {
color: #6B8E23;
text-decoration: none;
}
h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
img {
border: 0px;
}
/* フォーム設定 */
select, textarea, input {
font-size: 10pt;
color: #6E9B8A;
}
select, textarea, .button {
background: #FFFFFF;
}
form {
margin: 0px;
padding: 0px;
}
/* ヘッダー設定 */
#header {
width: 700px;
margin: auto;
padding: 10px;
background-color: #FFFFFF;
color: #6E9B8A;
text-align: right;
}
h1, #header h1 a {
font-size: x-large;
color: #6E9B8A;
margin: 0px;
padding:3px 0px;
text-decoration: none;
}
#header a:link {
color: #6E9B8A;
}
#header a:visited {
color: #6E9B8A;
}
#header a:hover{
color: #6E9B8A;
text-decoration: overline underline;
}
#header a:active {
color: #6E9B8A;
}
.description {
margin: 0px;
padding: 5px 0px 5px 10px;
color: #6E9B8A;
font-size: small;
}
/* メニュー設定 */
.menu {
width: 720px;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 2em;
text-align: center;
letter-spacing: 1px;
position: relative;
top: 0px;
left: 0px;
}
.menu a, .menu span{
color: #FFFFFF;
background: #6E9B8A;
text-decoration: none;
display: block;
padding: 0px;
line-height: 2em;
width: 120px;
font-weight: bold;
}
.submenu a {
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
background: #6E9B8A;
text-decoration: none;
display: block;
padding: 0px;
font-weight: normal;
}
.menu a:visited, .submenu a:visited {
color: #FFFFFF;
}
.menu a:hover, .submenu a:hover{
background-color: #66CDAA;
color: #6E9B8A;
text-decoration: none;
}
.menu a:active, .submenu a:active {
color: #FFFFFF;
}
.submenu {
visibility: hidden;
position: absolute;
left: 0px;
}
#menu1{
position: absolute;
top: 0px;
left: 0px;
}
#menu2{
position: absolute;
top: 0px;
left: 121px;
}
#menu3{
position: absolute;
top: 0px;
left: 242px;
}
#menu4{
position: absolute;
top: 0px;
left: 363px;
}
#menu5{
position: absolute;
top: 0px;
left: 484px;
}
.seacret {
display: none;
}
/* フッター設定 */
#footer {
font-size: small;
width: 720px;
margin: auto;
padding: 0px;
clear: both;
background: #FFFFFF;
color: #6E9B8A;
}
.search {
margin: 10px;
}
#powered,#cc {
text-align: right;
}
/* コンテンツ設定 */
#container {
width: 720px;
line-height: 140%;
margin-right: auto;
margin-left: auto;
padding: 0px;
background: #FFFFFF;
text-align: left;
}
#content {
width: 700px;
padding: 10px;
font-size: small;
}
#content p {
color: #666;
font-size: small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
#content blockquote {
line-height: 150%;
}
#content li {
line-height: 150%;
}
#content h2 {
color: #228B22;
font-size: small;
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}
#content h3 {
color: #333;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
#content p.posted {
color: #999999;
font-size: x-small;
border-top: 1px solid #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}
