pado-mild のメニュープルダウン

　メニューの設定方法については、プルダウンメニューを参考にしてください。

HTMLとスタイルシートをコピー貼付け

■HTML

<?xml version="1.0" encoding="<%template_charset>"?>
<!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" xml:lang="<%template_language>" lang="<%template_language>">
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=9" />
 <meta http-equiv="content-type" content="text/html; charset=<%template_charset>" />
 <meta http-equiv="content-style-type" content="text/css" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta name="author" content="<%author_name>" />

 <meta name="description" content="<%introduction>" />

 <link rel="start" href="<%url>" title="<%blog_name>" />
 <link rel="stylesheet" type="text/css" href="<%css_link>" />
 <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<link rel="prev" href="<%prevpage_url>" title="prev" />
<link rel="next" href="<%nextpage_url>" title="next" />
<link rel="prev" href="<%preventry_url>" title="<%preventry_title>" />
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />
<title><%blog_name> - <%sub_title> - <%sub_title> - <%sub_title> - <%sub_title> - Edit Comment<%eno> - Archives</title>
<title><%sub_title> - <%blog_name></title>
 <script type="text/javascript" charset="utf-8" src="http://blog-imgs-48.fc2.com/p/a/r/paro2day/mildmenu.js"></script>

</head>
<body>

<div id="header" class="b-title">
 <div class="t-login">
  <ul><li><a href="<%url>" title="<%blog_name>">Home</a></li><li><a href="<%url>archives.html">Archives</a></li><li><a href="<%server_url>control.php">Log in</a></li><li><a href="<%url>?xml">RSS</a></li></ul></div>

<h1 class="title"><a href="<%url>" title="<%blog_name>"><%blog_name></a></h1>
</div>

<li class="menuh"><a href="#pagetop">Categories</a>
     <ul class="menu-s" id="pdcat">

      <li>
      <li class="menuh">

<li class="menuh"><a href="#pagetop">Recent Entries</a>
     <ul class="menu-m">

      <li class="rnew"><a href="<%recent_link>"><span><%recent_year>-<%recent_month>-<%recent_day></span><%recent_title></a></li>

     </ul>
    </li>

<li class="menuh"><a href="#pagetop">Comments</a>
     <ul class="menu-m">

      <li class="rcom"><a href="<%rcomment_link>#comment<%rcomment_no>"><span class="stxt"><%rcomment_year>-<%rcomment_month>-<%rcomment_day> </span> <%rcomment_name>
      <span class="etitle"><%rcomment_etitle></span></a></li>

     </ul>
    </li>

</ul>
  </div>

<div class="p-third f-side">
 <dl class="entryback">
  <dt class="e-title"><%plugin_third_title></dt>
  <dd class="p-body"><%plugin_third_content></dd>
 </dl>
</div>

<div class="search">
Category : <%sub_title>
Archives : <%sub_title>
Search : <%search_word>
Tag : <%tag_word>
</div>

<div class="navi tnavi">

<a href="<%prevpage_url>" title="Newer Posts">Prev</a>


<a href="<%nextpage_url>" title="Older Posts">Next</a></div>

<div class="navi pnavi">
<a href="<%preventry_url>" title="Prev page"><%preventry_title></a>&#160;
<a href="<%nextentry_url>" title="Next page"><%nextentry_title></a></div>

<div class="f-side entry" id="e<%topentry_no>">
 <div class="entryback">
  <div class="e-date">
   <a href="blog-date-<%topentry_year><%topentry_month><%topentry_day>.html"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></a>
  </div>
  <h2 class="e-title"><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></h2>

<div class="e-more"><a href="<%topentry_link>#more" title="<%topentry_title>">Read more...</a></div>

<div class="topmore" id="more"><%topentry_more></div>

</div>

<div class="tag-m">Tag : <a href="./?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a> </div> 


<div class="tag-m">Genre : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a> <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a></div>

<div class="e-bottom">
<a href="<%server_url>control.php?mode=editor&amp;process=load&amp;eno=<%topentry_no>" title="No.<%topentry_no>" rel="nofollow" class="e-edit">Edit</a> 
<a href="<%topentry_category_link>"><%topentry_category></a> | 

<a href="<%topentry_link>#comment-area#comment_form" title="<%topentry_title>">Comments : <%topentry_comment_num></a> | 


<a href="<%topentry_link>#trackback" title="<%topentry_title>">Trackback : <%topentry_tb_num></a> | 
<a href="#pagetop">Top</a></div>

</div>
</div>

<div class="f-side entry">
 <div class="entryback">
  <h2 class="e-title" id="comment-area">Comment</h2>
  <dl class="c-entry">
   <dt class="disNone">post</dt>

   <dt class="c-top" id="comment<%comment_no>"><%comment_year>-<%comment_month>-<%comment_day> 
<%comment_hour>:<%comment_minute>&#160; <%comment_title></dt>
   <dd class="c-body">
<%comment_body>
    <div class="c-bottom"><span class="c-name"><%comment_url+name></span> No.<%comment_no> 

[<a href="<%comment_edit_link>" title="<%comment_no>">Edit</a>]
</div></dd>

  </dl>

<form method="post" action="./" id="comment_form" name="comment_form">
   <fieldset>
    <legend class="disNone">Comment form</legend>
    <div>
     <input type="hidden" name="mode" value="regist" />
     <input type="hidden" name="comment[no]" value="<%pno>" />
     <dl class="clearfix">
      <dt><label for="formName">Name :</label></dt>
      <dd><input id="formName" type="text" name="comment[name]" size="29" value="<%cookie_name>" /></dd>
      <dt><label for="formUrl">URL :</label></dt>
      <dd><input id="formUrl" type="text" name="comment[url]" size="29" value="<%cookie_url>" /></dd>
      <dt><label for="formTitle">Title :</label></dt>
      <dd><input id="formTitle" type="text" name="comment[title]" size="29" /></dd>
      <dt class="textLabel"><label for="comment">Comment :</label></dt>

<dd class="textComment"><textarea id="comment" cols="62" rows="9" name="comment[body]"></textarea></dd>
      <dt class="passLabel"><label for="formPass">Password for Edit :</label></dt>
      <dd class="passInput"><input id="formPass" type="password" name="comment[pass]" size="20" /></dd>

      <dt class="secretLabel"><label for="formSecret">Private :</label></dt>
      <dd class="secretInput"><input id="formSecret" type="checkbox" name="comment[himitu]" title="<%template_private_check>" /></dd>

     </dl>
    </div>
    <div class="commentSubmit"><input type="submit" value="Submit" /></div>
   </fieldset>
  </form>

</div>
</div>

<div class="f-side entry">
 <div class="entryback">
  <h2 class="e-title">Edit - <%edit_entry_title></h2>
  <form method="post" action="./" id="comment_form" name="comment_form">
   <fieldset>
    <legend class="disNone">Comment form</legend>
    <div>
     <input type="hidden" name="mode" value="edit" />
     <input type="hidden" name="mode2" value="edited" />
     <input type="hidden" name="edit[rno]" value="<%eno>" />
     <dl class="clearfix">
      <dt><label for="formName">Name :</label></dt>
      <dd><input id="formName" type="text" name="edit[name]" size="29" value="<%edit_name>" /></dd>
      <dt><label for="formUrl">URL :</label></dt>
      <dd><input id="formUrl" type="text" name="edit[url]" size="29" value="<%edit_url>" /></dd>
      <dt><label for="formTitle">Title :</label></dt>
      <dd><input id="formTitle" type="text" name="edit[title]" size="29" value="<%edit_title>" /></dd>
      <dt class="textLabel"><label for="comment">Comment :</label></dt>

<dd class="textComment"><textarea id="comment" cols="62" rows="9" name="edit[body]"><%edit_body></textarea></dd>
      <dt class="passLabel"><label for="formPass">Password for Edit :</label></dt>
      <dd class="passInput"><input id="formPass" type="password" name="edit[pass]" size="20" /></dd>

      <dt class="secretLabel"><label for="formSecret">Private :</label></dt>
      <dd class="secretInput"><input id="formSecret" type="checkbox" name="edit[himitu]" title="<%template_private_check>" /></dd>

     </dl>
    </div>
    <div class="commentSubmit"><input type="submit" name="edit[delete]" value="Delete" /> <input type="submit" value="Submit" /></div>
   </fieldset>
  </form>
 </div>
</div>

<div class="f-side entry">
 <div class="entryback">
  <h2 class="e-title" id="trackback">Trackback</h2>

<div class="c-top turl"><%trackback_url></div>
  <div class="t-body">
   <div class="t-user"><a href="http://blog.fc2.com/?url=<%url>blog-entry-<%pno>.html" rel="nofollow" target="_blank" title="<%template_trackback_this>">この記事にトラックバック（FC2Blog User）</a></div>

<div class="t-title"><a href="<%tb_url>" name="trackback<%tb_no>" target="_blank"><%tb_title> - <%tb_blog_name></a></div>
<div class="t-entry"><%tb_excerpt></div>
<div class="t-bottom"><%tb_year>-<%tb_month>-<%tb_day> <%tb_hour>:<%tb_minute></div>

</div>
 </div>
</div>

<div class="f-side entry">
 <div class="entryback">
  <h2 class="e-title">Archives</h2>
  <div class="p-body">
   <ul>

<li><a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_year>-<%titlelist_month>-<%titlelist_day> [<%titlelist_category>] <%titlelist_title></a></li>

   </ul>
  </div>
 </div>
</div>

<div class="navi" id="n-bottom">
<a href="<%url>">Home</a>

<a href="<%prevpage_url>" title="Newer Posts">Prev</a>


<a href="<%nextpage_url>" title="Older Posts">Next</a></div>

<div class="navi bnavi">

<a href="<%preventry_url>" title="Prev entry"><%preventry_title></a>&nbsp;
<a href="<%nextentry_url>" title="Next entry"><%nextentry_title></a>
<div class="c-navi"><a href="<%url>" title="<%blog_name>">Home</a></div>
</div>

</div>
  </div>

<%plugin_first_content>

<div class="s-description"><%plugin_first_description2></div>

    </dd>


   </dl>
  </div>

</div>

<%plugin_second_content>

<div class="s-description"><%plugin_second_description2></div>

   </dd>


  </dl>
 </div>

<div id="b-main"><div id="pagetopNavi"><a title="PAGETOP" href="#pagetop" onclick="scrollTo(0,0);return false" onkeypress="this.onclick()">PAGETOP</a></div></div>

<div id="footer" class="b-title">
<div class="copyright"><a href="<%url>" title="<%blog_name>">Copyright &#169; <%author_name></a> / <a href="http://paro2day.blog122.fc2.com/" target="_blank">Designed by Paroday</a>
<div class="bcopy"><%ad> <%ad2></div>
</div>
</div>

</div></div>
</div></div>
</div>

</body>
</html>

■スタイルシート

　利用しているブログURLが http://id.blog.fc2.com（ブログサーバ番号がない）の場合は、1行目を次のように変更してください。

@charset "EUC-JP"; → @charset "utf-8";

@charset "EUC-JP";

/* ver2.0 20110908
 * Author : Paroday
 * http://paro2day.blog122.fc2.com/blog-entry-194.html
 *
 * Categories : HTML menu-m 
 * menu-m (max5), menu-s (max6)
 *
 * Plugin3 : HTML
 * delete  ... 
 *
*/

/* ----------------------------------------------------[ 幅変更 ]
 全体幅を％で指定すると可変。pxで指定すると固定幅 
 L   956px  190px  190px  -190px  -190px  198px  198px
 M   866px  190px  190px  -190px  -190px  198px  198px
 S   779px  180px  180px  -180px  -180px  188px  188px
 メイン可変  94%  190px  190px  -190px  -190px  198px  198px
 可変  94%  20%  20%  -20%  -20%  21%  21%
 上記どれか１行を左から順に下記の7つに上書き
*/
#pagetop{ width: 866px ;}	/* 全体幅 */
div.left{ width: 190px ;}	/* 左幅 */
div.right{ width: 190px ;}	/* 右幅 */
div.main{ margin-left : -190px ;}	/* 左幅の-値 */
div.leftside{ margin-right: -190px ;}/* 右幅の-値 */
div.m-main{
	margin-left : 198px ;	/* 左幅＋8の数値 */
	margin-right : 198px ;	/* 右幅＋8の数値 */
}

#menuNavi li {
	width: 169px;		/* menu width */
}
#menuNavi ul ul.c-menu {
	top: 0; left: 169px;	/* menu width */
}
#menuNavi li.home {
	width: 172px;		/* menu home width */
}
#menuNavi ul.menu-m {width: 200px;}	/* child m */
#menuNavi ul.menu-l {width: 270px;}	/* child l */

/* ----------------------------------------------------[ アクセント色 ]
*/
div.navi a:hover,div.navi a:active,.b-title{
	background: #726146 ;}	/* ブログタイトル背景色 */
.b-title{
	border: 1px #f9efce solid ;	/* 囲み線色 */
	margin: 2px;
}
div.e-date{ background: #726146 ;}	/* 記事日付背景色 */

.s-title,table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	background: #8a7559 ;}	/* サイドバータイトル背景色 */
.s-title{ border: 1px #f6eccb solid ;}	/* 囲み線色 */

div.t-login a:link,div.t-login a:visited{
	padding: 2px 5px;
	color: #eae0c0;		/* 右上リンク文字色 */
}
div.t-login a:hover,div.t-login a:active{
	background: #594828;	/* -背景色カーソル接触 */
	color: #eae0c0;	/* -文字色カーソル接触 */
}
.m-frame{
	background: #eae0c0;	/* 内側の背景色 */
	border:1px #baa989 solid;
}

/* ----------------------------------------------------[ サイドバーリンク ]
*/
.r-main li a:link,.r-main li a:visited{
	text-decoration: none;
	color: #685234 ;	/* リストリンク */
}
.r-main li a:hover,.r-main li a:active{
	text-decoration: none;
	color: #c14538 ;
}
.r-main a:link,.r-main a:visited{
	text-decoration: none;
	color: #bf5548 ;	/* 本文リンク */
}
.r-main a:hover{
	text-decoration: underline;
	color: #685234 ;
}

/* ----------------------------------------------------[ 記事本文リンク ]
*/
.e-text a:link,.e-text a:visited,.tag-m a:link,.tag-m a:visited,
.main .e-title a:hover,.main .e-title a:active,.p-body a:link,.p-body a:visited,
.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited,
div.navi a:hover,div.navi a:active{
	text-decoration: none;
	color: #bf5548;
}
.e-text a:hover,.tag-m a:hover,.c-entry a:hover,.t-body a:hover,.p-body a:hover{
	text-decoration: none;
	color: #f33333;
}

/* ----------------------------------------------------[ プラグイン3リストリンク ]
*/
.p-body li a:link,.p-body li a:visited{
	text-decoration: none;
	color: #685234 ;
}
.p-body li a:hover,.p-body li a:active{
	text-decoration: none;
	color: #c14538 ;
}

/* ----------------------------------------------------[ 画像 ]
 囲み線が不要な場合は border の１行を削除
*/
.e-text img{
	border: #eee5ce 1px solid;	/* 記事囲み線 */
	margin: 1px 1px;		/* 余白-上下・左右 */
}
.r-main img{
	border: #eee5ce 0px solid;	/* サイドバー-必要な場合は 1px に */
	margin: 1px 1px;		/* 余白-上下・左右 */
}

/* --- big 94%  small 82% -----------------------------文字サイズ--- */

h1.title{ font-size: 94%; }		/* タイトル */

.intro{ font-size: 82%; }			/* ブログ説明文 */

.main .e-title{ font-size: 82% ;}		/* 記事タイトル */

.e-text{ font-size: 82% ;}		/* 記事本文 */

.e-bottom,.tag-m{ font-size: 82%; }	/* 記事下部 */

.e-date{ font-size: 82%; }		/* 日付 */

.c-entry,.t-body{ font-size: 82%; }	/* コメント・トラバ */

div.navi,#b-main{ font-size: 82%; }		/* ナビ */

.r-main,.copyright,.search{ font-size: 82%; }	/* サイドバー */

.p-body{ font-size: 82%; }		/* プラグイン3 */

/* -----------------------------------------------------行間--- */

.e-text{ line-height: 1.7; }		/* 記事本文 */
.c-entry,.t-entry{ line-height: 1.5; }	/* コメント・トラバ */
.r-main .s-body{ line-height:1.4; }	/* サイドバー */
.p-body{ line-height: 1.6; }		/* プラグイン3 */

/* ---------------------------------------------------文字色--- */

.main .e-title,.main .e-title a:link,.main .e-title a:visited{
	text-decoration: none;
	color: #000000;		/* 記事タイトル */
}

.intro{ color: #333333; }	/* ブログ説明文 */

.m-main,.m-main table,.c-entry,.t-body,div.search{
	color: #333333;		/* 記事本文 */
}

.s-title{ color: #ffffff; }		/* サイドバータイトル */

.r-main,.r-main table{ color: #444444; }	/* サイドバー */

.p-body{ color: #333333; }		/* プラグイン3 */

h1.title a:link,h1.title a:visited,.t-login,.t-login a:link,.t-login a:visited,
div.navi a:hover,div.navi a:active,.copyright a:link,.copyright a:visited,.copyright,
table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	text-decoration: none;
	color: #ffffff;			/* ブログタイトル文字色 */
}
h1.title a:hover,.t-login a:hover,.copyright a:hover,.span.c-no a:hover{
	text-decoration: none;
	color: #000000;		/* -カーソル接触 */
}

.navi a:link,.navi a:visited,div.search{
	color: #a69284;		/* ナビリンク文字色 */
}

/* --カテゴリ・日付・記事下部のリンク書式-- */

div.e-date,.e-date a:link,.e-date a:visited{
	color: #ffffff;
}
.e-date a:hover,.e-date a:active{
	color: #000000;
}
.e-bottom,.e-bottom a:link,.e-bottom a:visited,.navi a:link,.navi a:visited,div.search{
	color: #84745a;
	text-decoration: none;
}
.e-bottom a:hover,.e-bottom a:active,.entryback .e-bottom a.e-edit:hover{
	color: #bd4538;
}
.e-bottom{
	color: #e4e0d2;
}

/* -----------------------------------------その他リンク--- */

a:link,a:visited{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #999999;
}
.tag-m a:link,.tag-m a:visited{
	padding: 0 2px 0 0;
}
div.s-body table.calender td a:link,div.s-body table.calender td a:visited{
	text-decoration: none;
}
div.s-body table.calender td a:hover{
	text-decoration: none;
}

/* ------------------------------------------------------base--- */

#pagetop{
	margin: 0 auto;
	padding: 5px 0;
}

div.main{ width: 100%; float: right ; overflow: hidden;}
div.leftside{ width:100%; float: left; overflow: hidden;}
div.left{ float: left; overflow: hidden;}
div.right{ float: right ; overflow: hidden;}
.main-body{ width: 100%; overflow: hidden; }

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
	background: #d7cab3;
}
#header {
	margin: 2px 2px 0; border-bottom: 0;
}
.t-login{
	text-align: right;
	font-size: 76%;
	padding: 0.2em 1px 0;
}
.t-login ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.t-login li{
	margin: 0;
	padding: 0;
	display: inline;
}
h1.title{
	margin: 0;
	padding: 0.4em 0.3em 0.6em 1em;
	text-align: left;
	font-weight: normal;
	line-height: 1.5;
}

.intro{text-align:left;padding:0.5em 1.2em 1.5em;}

.m-main{
	text-align: left;
}

div.m-main table{
	font-size: 13.12px;
}

.r-main{
	margin: 0; padding: 0 3px;
	text-align: left;
}

div.r-main table{
	font-size: 13.12px;
}

form,fieldset{margin: 0; padding: 0;}
img,a img,fieldset {border: 0 none; text-decoration: none;}
ul {margin: 0;padding: 0;}

.emoji {vertical-align: middle; margin: 0 0.1em;}

.m-main p{
	margin: 0.1em 0 1em;
}
.r-main p{
	margin: 3px 0;
}
pre{
	font-size: inherit;
	overflow: auto;
}
textarea,select,input{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
	line-height: 1;
}
textarea{
	line-height: 1.1;
}
blockquote{
	margin: 1em 0.5em;
	padding: 0.6em 0.7em;
	border: #eee5ce 1px solid;
	color: #444444;
	background: #fff9e7;
}
div.m-main blockquote p{
	margin: 0.1em;
}
.m-main ul,.m-main ol{
	margin: 17px 0 17px 34px;
	padding: 0;
	line-height: 1.3;
}
.m-main ul ul,.m-main ol ol{
	margin: 8px 0 10px 25px;
	padding: 0;
}
.m-main li{
	margin: 0.5em 0;
	padding: 0;
}
h3{
	border-left: #ddd4c6 10px solid;
	border-bottom: #ddd4c6 1px solid;
	margin: 20px 0 0 -4px;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}
h4{
	border-bottom: #d9d4c6 1px solid;
	margin: 20px 0 0  -4px;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}
.clearfix {min-height: 1px;}
.clearfix:after {
	display: block; clear: both; height: 0; visibility: hidden; content:".";
}
* html .clearfix {
  height: 0; /*\*//*/height: auto;overflow: hidden;/**/
}
body div .disNone {display: none;}

/* ----------------------------------------------------entry--- */

.entry{ margin: 0px auto 23px; }	/* 各記事ごとの間隔 */
.p-third{ margin-bottom: 20px; }	/* プラグイン3の間隔 */

.entryback,.textback,.p-body,.navi a:link,.navi a:visited{
	background: #f8f4e6;	/* 記事背景色 */
}
.entryback .e-bottom .e-edit {
	margin-right: 8px; color: #f8f4e6;	/* 記事背景色 */
}
.entryback{
	margin: 0; padding: 0 0 3px;
	width: 100%; overflow: hidden;
}
.e-date{
	padding: 4px 7px;
	text-align: left;
	line-height: 1.1;
}
.main .e-title{
	padding: 0.55em 0.65em;
	margin: 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.1;
	border-bottom: 1px #d2ccb6 dashed;
}
.main .e-title,span.c-no{
	background: #f2ecdc;
}

.textback{padding-bottom: 1px;}

.e-text{
	margin: 0 0 14px;
	padding: 0.6em 1.3em 0.7em 1.4em;
	text-align: left;
}
.fc2_footer{
	margin: 1.5em 0 0;
}
#pagetop .e-more a{
	margin: 1em 0.5em; padding: 0.3em 0.9em; display:inline-block;
	line-height: normal;
	background: #900; color: #fff;
	border-radius:3px; font-family: arial;
}
#pagetop .e-more a:hover{
	background:#000;
}
.topmore{
	padding: 20px 0 0;
}
.tag-m{
	margin: 0 0.7em 4px;
	text-align: left;
	line-height: 1.4;
}
.e-bottom{
	border-top: 1px #ded5be dashed;
	text-align: right;
	margin: 0;
	padding: 6px 7px 3px;
	line-height:1.1;
}

.e-text dl.relate_dl {margin: 2em 0 0;}
.e-text .relate_dl dt {margin: 0; padding: 0 5px 3px; color: #000;}
.e-text .relate_dd {margin: 0; padding: 7px 7px 6px 7px; border-top: 1px #c2bca6 solid;}
.e-text .relate_dd ul {margin: 0; padding:0; line-height: 1.3;}
.e-text .relate_dd li {margin: 5px 0 0 20px; padding: 0; list-style-type: disc;}

/* ------------------------------------------------------navi--- */

.navi{
 	margin: 2px 1px 0;
	padding: 3px 1px;
	line-height: 1.1;
	text-align: right;
}
div.bnavi{
	margin-top: 0.8em;
}
div.tnavi{
	margin-bottom: 1em;
}
div.pnavi{
	margin-bottom: 1em;
}

span.subtitle{ padding: 0 0.3em; }

.c-navi{
	text-align: center;
	margin-top: 1em;
}
.navi a:link,.navi a:visited{
	margin: 0 0px 0 3px;
	padding: 1px 6px;
}

/* ------------------------------------------------------ side --- */

.s-title{
	margin: 0; padding: 0.55em 0.5em;
	line-height: 1.1; text-align: left;
}
.s-body{
	padding: 0.5em; margin:0 0 15px; /* 各プラグインごとの間隔 */
}
.s-description{
	padding: 0px 0px;
}
.s-body ul{
	margin: 1px 0 7px; padding: 0;
	list-style-type: none;
}
.s-body li{
	margin: 0; padding: 6px 4px;
	line-height: 1.3;
	border-bottom: #937f5f 1px dashed;
}
.s-body ul.main_menu{
	margin: 1px 0 7px; padding: 0;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 6px -4px -6px -4px; padding: 0;
	list-style-type: none;
}
.s-body ul.main_menu li.main_list{
	margin: 0; padding: 6px 4px 6px 4px;
	line-height: 1.3;
	border-bottom: #937f5f 1px dashed;
}
.s-body ul.sub_menu li{
	margin: 0; padding: 6px 4px 6px 12px;
	line-height: 1.3;
	border-top: #937f5f 1px dashed;
	border-bottom: none;
}

/* ---------------------------------------- comment-trackback --- */

.c-entry{
	margin: 0 0.5em; text-align: left;
}
.c-top{
	margin: 4px 0 0.8em; padding: 4px 6px;
	text-align: left;
}
.c-top,div.search{
	border-bottom: #e5e1d3 1px solid;
	background: #f7f3e5;
}
.entry span.c-name {padding: 0 3px; font-size: 115%;}
.entry span.c-name a {text-decoration: underline;}
.c-body{
	margin: 0 0.5em 2.2em; line-height: 1.6;
}
.c-bottom{
	margin: 0.3em 0 0 0.1em; font-size: 87%; text-align: right;
}
textarea#comment {
	width: 88%; max-width: 580px;	/* TEXTAREA WIDTH */
}
#formName,#formMail,#formTitle,#formUrl {width: 210px;}
#formPass {width: 120px;}
#comment_form textarea,#comment_form input {margin: 0;}

#comment_form {
	padding: 1.2em 18px 10px 18px;
	border-top: 1px #e9e9e9 dotted;
	line-height: 1.3; font-size: 82%;
}
#comment_form legend {
	margin: 0; padding: 0 0 1.2em;
	color: #000000; font-family: verdana; font-weight: bold;
}
#comment_form dt {
	padding-top: 2px; float: left; clear: left;
	width: 4.5em;
}
#comment_form dd {
	margin-left: 4.5em; padding: 0 0 8px;
}
#comment_form .passLabel {width: 10.5em;}
#comment_form .passInput {margin: 0 0 0 10.5em; float: none;}
#comment_form .textLabel {padding-bottom: 5px; float: none; width: auto;}
#comment_form .textComment {margin: 0; float: none;}
#comment_form .textIcon {margin: 0; padding-bottom: 1px;}
#comment_form .secretLabel {padding-top: 0; width: 5.3em;}
#comment_form .secretInput {margin-left: 5.3em; padding-bottom: 0;}
#formSecret {vertical-align:middle;}
.commentSubmit {margin-right: 20px; clear: both; text-align: right;}
#checkPreBody {border-bottom: 1px #dddddd dashed;}

.turl{
	overflow: auto;
	line-height:1;
	font-size: 82%;
	padding:0.6em 0.5em 0.2em;
	margin:0 0.2em;
}
.t-body{
	margin: 5px 0.7em;
}
.t-user{
	padding: 1em 0;
	text-align: right;
}
.t-title{
	margin: 2px 0 0;
	padding: 3px 0.4em 0;
	border-top: #888888 1px dashed;
}
.t-entry{
	padding: 0 0.4em;
}
.t-bottom{
	margin: 0 0 2px;
	line-height: 1.5;
	text-align: right;
}
.t-bottom {font-size:87%;}

/* --------------------------------------------------- bottom --- */

#b-main{
	clear: both; width: 100%; height: 15px; text-align: center;
}
#pagetopNavi {
	position: fixed; z-index: 9999;
	right: 10px; bottom: 0px; width: 95px; height: 1.9em;
	font-size: 11px; font-family: verdana,arial;
	text-align: center;
}
#pagetopNavi a {
	display:block; border-radius: 5px 5px 0 0;
	width: 95px; height: 1.9em; line-height: 1.9;
	overflow: hidden; color: #fff; background: #333;
	text-decoration: none; outline: none;
}
#pagetopNavi a:hover {background: #000;}
* html #pagetopNavi {display: none;}

.copyright{
	padding: 0.62em 0; line-height: 1.2;
}
.bcopy {padding-top: 3px; font-size: 84.1%;}
.bcopy p {display: inline;}
.bcopy strong {font-weight: normal;}

div.search{
	margin: 0 1px 0.8em;
	padding: 0.2em 0.5em;
}

/* ------------------------------------------------------------- */

.fcenb{
	border: 2px #cec2ab solid;
	background: #c9bda4;
	padding: 1px;
}
.f-side{
	border: 1px #efe6c4 solid;
	background: #d0c0a9;
	padding: 1px;
}
.navi a:link,.navi a:visited,div.search{
	border: 1px #d0c0a9 solid;
}

.f-outf{
	background: #d4c8b1;
	padding: 2px;
}

/* --------------------------------------------------- plugin3 --- */

.p-body{
	margin: 0; padding: 0.5em 1.1em 0.4em;
	text-align: left;
	font-weight: normal;
	position: relative;
	z-index: 3;
}
.p-body ul{
	margin: 0; padding: 0; list-style-type: none;
}
.p-body ul li{
	padding: 5px 7px; margin: 0;
	line-height: 1.3;
	border-bottom: #dcd3b2 1px dashed;
}
.p-body ul ul {
	margin: 5px -7px 0;
}
.p-body ul li li {
	margin: 5px 0 0; padding: 5px 7px 0 20px;
	border-top: #dcd3b2 1px dashed;
	border-bottom: 0 none;
}
.p-body ul ul ul {
	margin: 5px -7px 0 -20px;
}
.p-body ul li li li {
	padding: 5px 7px 0 33px;
}

/* -------------------------------------------- plugin-calender --- */

.plugin-calender{
	text-align: center;
	margin: 2px auto; padding: 0;
}
div.r-main table.calender{
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	color: #aaaaaa;
	font-size: 12px;
}
.calender caption{
	color: #766545;
	margin: 0 auto;
	padding: 0 0 4px;
}
.calender caption a:link,.calender caption a:visited{
	padding: 1px 3px;
}
.calender th{
	text-align: center;
	font-weight: normal;
	line-height: 1.4;
	color: #766545;
}
.calender th#sun{
	color: #ee6666;
}
.calender th#sat{
	color: #6666ee;
}
.calender td{
	text-align: center;
	width: 22px;
	line-height: 1.4;
	padding: 0;
	color: #aaa092;
}
.calender td a:link,.calender td a:visited{
	display: block;
	color: #665535;
}

/* ----------------------------------------------------[ TWITTER ]
*/
.e-text dl.fc2twtr {margin: 0 0 1em; border: 0 none; background: none;}
.e-text dl.fc2twtr dt {
	padding: 0 0 5px; border: 0 none; border-bottom: 2px #ccbbaa solid;
	background: none; font-weight: bold;
}
.e-text dl.fc2twtr dt img {margin: 0; border: 0 none; vertical-align: middle;}
.e-text dl.fc2twtr dt a {margin: 0 7px 0 0;}
.e-text dl.fc2twtr dd {
	margin: 0; padding: 10px 6px 8px;
	border: 0 none; border-bottom: 1px #e6ddcc solid;
	background: none;
}
.e-text dl.fc2twtr dd:hover {background: #f0ece0;}
.e-text dl.fc2twtr p {margin: 0;}
.e-text dl.fc2twtr dd p br + a {font-size: 84%;}

table.fc2_socialbtn {padding: 0; border: 0 none;}
table.fc2_socialbtn td {padding: 0 0.3em 0 0 ; border: 0 none; background: none;}
.fc2_footer img {vertical-align: top;}
table.fc2_socialbtn,.fc2_socialbtn tbody,
.fc2_socialbtn tr,.fc2_socialbtn td {display: inline;}
.fc2button-facebook iframe {min-width: 120px;}

/* ----------------------------------------------------[ BATON ]
*/
p.baton_title {font-weight: bold; margin: 0; padding: 5px 0 8px;}
dl.blog_baton {margin: 0px 0 8px;}
dt.baton_q {margin: 0 0 5px 0; line-height: 1.5; color: #006699;}
span.q_number {
	margin-right: 5px; font-family: verdana; font-weight: bold;
	color: #3399cc;	
}
dd.baton_a {margin: 0px 0px 10px 13px; line-height: 1.5;}
span.a_number {
	margin-right: 5px; font-family: verdana; font-weight: bold;
	color: #ee6600;	
}

/* ----------------------------------------------------[ MENU ]
*/
#menuNavi {
	margin: 0 3px 10px; background: #403930; /* background[1] */
}
#menuNavi {position: relative; z-index: 10; font-size: 82%;}
#menuNavi li a {
	position: relative; display: block;
	background: #403930;		/* background[1] */
	border-left: 1px #504940 solid;	/* border[1] */
	line-height: 28px;		/* height */
	color: #ffffff;			/* color[1] */
}
#menuNavi li.home a {border-left: none;}
#menuNavi li.end a {
	border-right: 1px #504940 solid; /* border[1] */
}
#menuNavi li a:hover {
	background: #af6050;	/* background */
	color: #ffffff;		/* color */
}
#menuNavi li li a:hover {
	border-color: #9f5040;	/* border */
}
#menuNavi li li a {
	padding: 6px 5px 7px;
	border-top: 1px #4a433a solid;	/* border[2] */
	display: none; height: auto; min-height: 1px;
	background: #433930;		/* background[2] */
	line-height: 1.1; letter-spacing: 0px;
}
#menuNavi li li li a {
	border-top: 1px #4d443b solid;	/* border[3] */
	background: #453d34;		/* background[3] */
}
#menuNavi,#menuNavi ul,#menuNavi li a {
	height: 28px;		/* height */
}
#menuNavi ul.menu-s,#menuNavi ul.menu-m,
#menuNavi ul.menu-l,#menuNavi ul.menu-c {
	left: 0; top: 28px;		/* height */
}
.menuList {left:0; top:0;}
#menuNavi ul {
	position: absolute; list-style-type: none; text-align: left;
}
#menuNavi li {
	position: relative; min-height: 1px; float: left; text-align: center;
}
#menuNavi ul ul {
	position: absolute; height: auto; min-height: 1px;
	display: none;
}
#menuNavi ul ul li {width: 100%; text-align: left;}
#menuNavi li li > a,li > #urtag {min-height: 1px;}
#menuNavi > ul > li > ul {opacity: 0.95;}
#menuNavi ul.menu-s,#menuNavi ul.c-menu {width: 100%;}
#menuNavi .menuon li a,#menuNavi li:hover li a {display: block;}
#menuNavi ul .menuon .menuh ul,#menuNavi ul .menuh:hover .menuh ul {
	display: none;
}
#menuNavi ul .menuon ul,#menuNavi ul ul .menuon ul,
#menuNavi ul .menuh:hover ul,#menuNavi ul .menuh:hover li.menuh:hover ul {
	display: list-item;
}
#menuNavi .rnew a span {
	padding: 0 0 2px 1px; font-size: 84.1%;
	display: none;
}
#menuNavi .rcom a span.etitle {
	padding-top: 1px; font-size: 100%;
	display: none;
}
#menuNavi .rcom a:hover span.etitle,#menuNavi .rnew a:hover span {
	display: block;
}
#pdcat span, #menuNavi li span.stxt {font-size: 84%;}
#menuNavi #pdcat li {text-align: left;}
#menuNavi ul:after,.menuh:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden;
}
* html #menuNavi ul ul {
  height: 0;
  /*\*//*/height: auto;overflow: hidden;/**/
}
* html #menuNavi li li a {height: 0;}

　http://id.blog25.fc2.com のように番号がある場合は変更せず、EUC-JPのままにします。