wreathe - Wednesday, May 03, 2006 01:18:59

- HTML

<?xml
version="1.0" encoding="EUC-JP"?>
<!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="ja"
lang="ja">
 
<head>
 
    <meta http-equiv="Content-Type" content="text/html;
charset=euc-jp" />
    <meta http-equiv="Content-Style-Type"
content="text/css" />
    <meta http-equiv="Content-Script-Type"
content="text/javascript" />
 
    <link rel="stylesheet" type="text/css"
href="<%css_link>" media="all" title="default" />
    <link rel="alternate" type="application/rss+xml"
href="<%url>?xml" title="RSS" />
 
    <style type="text/css">
    #recent_comments
li[class="comment_by<%author_name>"] span:after,
    #coms li[class="comment_by<%author_name>"]
span:after {
    content: "＠管理人";
    }
    </style>
 
    <script type="text/javascript"
src="http://blog-imgs-27.fc2.com/s/u/g/sug//wreathe_tool.js"></script>
 

    <title><%sub_title> -
<%blog_name></title>
 
    <script type="text/javascript">
    var re = new
RegExp(/(<%category_name>|dammy)/ig);
    </script>
 
</head>
 
<body id="permanent"
class="entry_no<%topentry_no>">
 
    <div id="wrapper">
 
        <h1><a href="<%url>"
title="<%blog_name>"><%blog_name></a></h1>
        <p
id="intro"><%introduction></p>
 
        <ul id="entry_navi">

            <li class="next"><a
href="<%nextentry_url>" title="ひとつ古い記事へ移動する">&lt;
<%nextentry_title></a></li>


            <li class="prev"><a
href="<%preventry_url>"
title="ひとつ新しい記事へ移動する"><%preventry_title>
&gt;</a></li>

        </ul>
 
        <div id="log">
            <h2>Articles</h2>
 

           
<h3><%topentry_title></h3>
            <div
id="entry<%topentry_no>" class="log_text">
               
<%topentry_body>

                <hr
id="more" />
               
<%topentry_more>

            </div>
 
            <p id="meta">filed
under <a href="<%topentry_category_link>"
title="カテゴリ「<%topentry_category>」の記事一覧"><%
topentry_category></a></p>
 
            <script
type="text/javascript">
            pickupKeyword(
"entry<%topentry_no>" );
            </script>
 
            <ul class="log_info">
                <li><a
href="./blog-date-<%topentry_year><%topentry_month>.html"
title="この月の一覧を開く"><%topentry_year>年
<%topentry_month>月</a> <a
href="./blog-date-<%topentry_year><%topentry_month><%topentry_day>.html"
title="この日の一覧を開く"><%topentry_day>日</a></li>
               
<li><span
title="「<%topentry_title>」へのトラックバック">トラックバック
(<%topentry_tb_num>)</span>
トラックバック (-)</li>
               
<li><span
title="「<%topentry_title>」へのコメント">コメント
(<%topentry_comment_num>)</span>
コメント (-)</li>
            </ul>

 
            <div id="recent"
class="log_text">
               
<h4>最近の記事</h4>
 
                <ul>

                   
<li><a href="<%recent_link>"
title="<%recent_title>"><%recent_year>年<%
recent_month>月<%recent_day>日 -
<%recent_title></a></li>

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

            <div id="tbs">
 
               
<h4>この記事へのトラックバック</h4>

 
                <h5
id="trackback_no<%tb_no>"><a href="<%tb_url>"
title="「<%tb_title>」のトラックバック発信元"><%tb_title></a>
</h5>
                <blockquote
title="<%tb_title>" cite="<%tb_url>">
                   
<div><%tb_excerpt></div>
               
</blockquote>
 
                <ul>
                   
<li><%tb_year>年<%tb_month>月<%tb_day>日</li>
                   
<li>From : <%tb_blog_name></li>
                </ul>

 
                <h4
id="trackback_url">トラックバックURL</h4>
               
<p><%trackback_url></p>
 
            </div>

 

            <div id="coms">
 
               
<h4>この記事へのコメント</h4>

 
                <h5
id="comment_no<%comment_no>">#<%comment_no>
<%comment_title></h5>
               
<p><%comment_body></p>
 
                <ul>
                   
<li><%comment_year>年<%comment_month>月<%
comment_day>日</li>
                   
<li
class="comment_by<%comment_name>"><span><%comment_mail+name></span>
&diams;<%comment_trip></li>
                   
<li><%comment_url+str></li>
                   
<li>[&nbsp;<a href="<%comment_edit_link>"
title="コメントの編集">編集</a>&nbsp;]</li>
                </ul>

 
                <form
method="post" action="./" id="comment_form" name="comment_form">
                   
<fieldset>
                   
    <legend>コメント投稿フォーム</legend>
                   
    <input type="hidden" name="mode" value="regist" />
                   
    <input type="hidden" name="comment[no]"
value="<%pno>" />
                   
    <label
for="name"><span>Name</span><input id="name"
type="text" name="comment[name]" size="30" value="<%cookie_name>"
/></label>
                   
    <label
for="subject"><span>Subject</span><input id="subject"
type="text" name="comment[title]" size="30" value=""
/></label>
                   
    <label
for="mail"><span>Mail</span><input id="mail"
type="text" name="comment[mail]" size="30" value="<%cookie_mail>"
/></label>
                   
    <label
for="url"><span>URI</span><input id="url" type="text"
name="comment[url]" size="30" value="<%cookie_url>"
/></label>
                   
    <label
for="comment"><span>Comment</span><textarea
id="comment" cols="50" rows="5"
name="comment[body]">コメントをどうぞ。</textarea><br
/><script type="text/javascript"
src="http://blog1.fc2.com/load.js"></script></label>
                   
    <label
for="pass"><span>Password</span><input id="pass"
type="password" name="comment[pass]" size="20" /></label>
                   
    <label
for="himitu"><span>Secret</span><input id="himitu"
type="checkbox" name="comment[himitu]" />
管理者にだけ表示を許可する</label>
                   
    <p><input type="submit" value="送信"
/></p>
                   
</fieldset>
                </form>
            </div>

 
        </div>
 


   
<title><%blog_name>&nbsp;<%sub_title></title>
 
</head>
 
<body id="blog">
 
    <div id="wrapper">
       
<h1><%blog_name><a
href="<%url>"
title="<%blog_name>"><%blog_name></a></h1>
        <p
id="intro"><%introduction></p>
 
        <h2>Logs</h2>
 
        <div id="logs">

            <h3
id="entry<%topentry_no>"><a href="<%topentry_link>"
title="<%topentry_title>"><%topentry_title></a></h3>
            <div class="log_text">
               
<%topentry_body>

                <p
class="continue"><a href="<%topentry_link>#more"
title="「<%topentry_title>」の続き">...続きを読む</a></p>

            </div>
 
            <ul class="log_info">
                <li><a
href="./blog-date-<%topentry_year><%topentry_month>.html"
title="この月の一覧を開く"><%topentry_year>年
<%topentry_month>月</a> <a
href="./blog-date-<%topentry_year><%topentry_month><%topentry_day>.html"
title="この日の一覧を開く"><%topentry_day>日</a></li>
                <li><a
href="<%topentry_category_link>"
title="カテゴリ「<%topentry_category>」の記事一覧"><%
topentry_category></a></li>
               
<li><a href="<%topentry_link>#tbs"
title="「<%topentry_title>」へのトラックバック">トラックバック
(<%topentry_tb_num>)</a>
トラックバック (-)</li>
               
<li><a
href="<%topentry_link>#coms"
title="「<%topentry_title>」へのコメント">コメント
(<%topentry_comment_num>)</a>
コメント (-)</li>
            </ul>

 

           
<h3><%edit_name>さんのコメントを編集・削除します</h3>
 
            <div id="coms">
                <form
method="post" action="./" id="comment_form" name="comment_form">
                   
<fieldset>
                   
    <legend>コメント編集フォーム</legend>
                   
    <input type="hidden" name="mode" value="edit" />
                   
    <input type="hidden" name="mode2" value="edited" />
                   
    <input type="hidden" name="edit[rno]"
value="<%eno>" />
                   
    <label
for="name"><span>Name</span><input id="name"
type="text" name="edit[name]" size="30" value="<%edit_name>"
/></label>
                   
    <label
for="subject"><span>Subject</span><input id="subject"
type="text" name="edit[title]" size="30" value="<%edit_title>"
/></label>
                   
    <label
for="mail"><span>Mail</span><input id="mail"
type="text" name="edit[mail]" size="30" value="<%edit_mail>"
/></label>
                   
    <label
for="url"><span>URI</span><input id="url" type="text"
name="edit[url]" size="30" value="<%edit_url>"
/></label>
                   
    <label
for="comment"><span>Comment</span><textarea
id="comment" cols="50" rows="10"
name="edit[body]"><%edit_body></textarea><br
/><script type="text/javascript"
src="http://blog2.fc2.com/load.js"></script></label>
                   
    <label
for="pass"><span>Password</span><input id="pass"
type="password" name="edit[pass]" size="20" /></label>
                   
    <label
for="himitu"><span>Secret</span><input id="himitu"
type="checkbox" name="edit[himitu]" />秘密にする</label>
                   
    <p><input type="submit" value="送信"
/></p>
                   
    <p><input type="submit" name="edit[delete]"
value="削除" /></p>
                   
</fieldset>
                </form>
            </div>

 
            <ul id="page_navi">

                <li><a
href="<%prevpage_url>"
title="前頁へ移動する">PREVIOUS</a></li>


                <li><a
href="<%nextpage_url>"
title="次頁へ移動する">NEXT</a></li>

                <li><a
href="<%url>" title="トップへ戻る">HOME</a></li>
            </ul>
 
        </div>
 
        <div id="navs">
 
            <h2>Navigations,
etc.</h2>
 
            <h3>Calendar</h3>
            <table summary="Calendar"
id="calendar">
               
<caption><a href="<%prev_month_link>"
title="<%prev_year>年<%prev_month>月"><%prev_month>
</a> | <%now_year>年<%now_month>月 | <a
href="<%next_month_link>"
title="<%next_year>年<%next_month>月"><%next_month>
</a></caption>
                <tr>
                   
<th abbr="日曜日" scope="col" id="sun">Sun</th>
                   
<th abbr="月曜日" scope="col" id="mon">Mon</th>
                   
<th abbr="火曜日" scope="col" id="tue">Tue</th>
                   
<th abbr="水曜日" scope="col" id="wed">Wed</th>
                   
<th abbr="木曜日" scope="col" id="thu">Thu</th>
                   
<th abbr="金曜日" scope="col" id="fri">Fri</th>
                   
<th abbr="土曜日" scope="col" id="sat">Sat</th>
                </tr>

                <tr>
                   
<td><%calender_sun></td>
                   
<td><%calender_mon></td>
                   
<td><%calender_tue></td>
                   
<td><%calender_wed></td>
                   
<td><%calender_thu></td>
                   
<td><%calender_fri></td>
                   
<td><%calender_sat></td>
                </tr>

            </table>
 

            <h3>Recent
Entries</h3>
 
            <ul
id="recent_entries">

                <li><a
href="<%recent_link>"
title="<%recent_title>"><%recent_title></a></li>

                <li
id="rss"><a href="<%url>?xml" title="RSS">RSS Feed (RSS
1.0)</a></li>
            </ul>
 

 
            <h3>Recent
Comments</h3>
 
            <ul
id="recent_comments">

                <li
class="comment_by<%rcomment_name>"><a
href="<%rcomment_link>#comment_no<%rcomment_no>"
title="<%rcomment_etitle>"><span><%rcomment_name><
/span>（<%rcomment_month>/<%rcomment_day>
<%rcomment_hour>:<%rcomment_minute>）</a></li>

            </ul>
<script type="text/javascript">tree();</script>
 
            <h3>Recent
Trackbacks</h3>
 
            <ul
id="recent_trackbacks">

                <li><a
href="<%rtrackback_link>#trackback_no<%rtrackback_no>"
title="<%rtrackback_etitle>"><%rtrackback_blog_name>（<
%rtrackback_year>/<%rtrackback_month>/<%rtrackback_day>）
</a></li>

            </ul>
<script type="text/javascript">tree();</script>
 
           
<h3>Categories</h3>
 
            <ul id="categories">

                <li><a
href="<%category_link>"
title="「<%category_name>」カテゴリの記事一覧"><%category_name>（<
%category_count>）</a></li>

            </ul>
 
            <h3>Monthly
Archives</h3>
 
            <ul
id="monthly_archives">

                <li><a
href="<%archive_link>"
title="「<%archive_year>年<%archive_month>月」の記事一覧"><%
archive_year>年<%archive_month>月（<%archive_count>）<
/a></li>

            </ul>
 
            <h3>Search</h3>
 
            <div id="search">
                <form
id="search_form" name="search_form" method="get" action="./">
                   
<input id="search_text" type="text" name="q" size="18" value=""
/> <input type="submit" value="検索" />
                </form>
            </div>
 
            <h3>Links</h3>
 
            <ul id="links">

                <li><a
href="<%link_url>"
title="<%link_name>"><%link_name></a></li>

            </ul>
            <h3>CSS</h3>
 
            <ul id="css">
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_green.css"
class="js_cssfile">wreathe_green.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_orange.css"
class="js_cssfile">wreathe_orange.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_silver.css"
class="js_cssfile">wreathe_silver.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_maroon.css"
class="js_cssfile">wreathe_maroon.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_plum.css"
class="js_cssfile">wreathe_plum.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_blue.css"
class="js_cssfile">wreathe_blue.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_white.css"
class="js_cssfile">wreathe_white.css（no style）</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_default.css"
class="js_cssfile">wreathe_default.css</a></li>
                <li><a
href="http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_elements.css"
class="js_cssfile">elements.css（style for
check）</a></li>
            </ul>
 
            <h3>About
Author</h3>
 
            <ul id="about_author">

                <li
class="img"><img src="<%image>" alt="<%author_name>"
/></li>

               
<li>Author：<%author_name></li>
               
<li><%introduction2></li>
            </ul>
 
        </div>
 

        <div id="copyright">Copyright (c)
<%author_name> All Rights Reserved. <%ad2> <%ad>
<a
href="http://sug.blog2.fc2.com/blog-category-12.html" name="cm" id="cm"
title="wrathe＠春木屋">wreathe on
line</a></div>
 
    </div>
 
</body>
</html>

- CSS

@charset "EUC-JP";
 
* {
margin: 0;
padding: 0;
font-style: normal;
}
 
img, a img, fieldset {
border: none;
} 
ins, del, blockquote {
border: 1px dotted;
}
 
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
font-size: 1.2em;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
text-decoration: none;
background: transparent;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
text-decoration: none;
background: transparent;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: underline;
background: transparent;
}

em, strong {
font-weight: 700;
}

ul li {
margin-left: 1.2em;
}
ol li {
margin-left: 1.5em;
}
li ul li {
margin-left: 1.1em;

}
li ol li {
margin-left: 1.4em;
}
dt {
font-weight: 700;
}
dd {
margin-left: 1em;
}
 
hr {
border: none;
border-top: 1px solid;
height: 0;
background: transparent;
}
 
ins, del {
display: block;
}
ins {
text-decoration: none;
border-bottom: 1px dotted;
}
del {
text-decoration: line-through;
}
p ins, p del, li ins, li del, dl ins, dl del {
display: inline;
margin: 0;
padding: 0;
border: none;
}
 
blockquote {
font-size: .95em;
line-height: 1.5;
border-style: dotted;
}
blockquote[title]:after {
content: attr(title) " " attr(cite);
display: block;
font-size: .9em;
color: #889;
text-align: right;
margin-bottom: .3em;
padding: 2px;
}
q:before, q:after {
content: "";
}
 
pre, code {
font-family: monospace;
font-size: .9em;
}
pre {
overflow: scroll;
width: 100%;
}
* > pre {
overflow: auto;
width: auto;
}

abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
cite {
font-size: .9em;
font-style: italic;
}
dfn, kbd, samp, var{
font-family: monospace;
}
sub {
vertical-align: bottom;
}
sup {
vertical-align: top;
}
 
i {
font-style: italic;
}
b {
font-weight: 700;
}
s {
text-decoration: line-through;
}
u {

text-decoration: underline;
}
.emoji {
}
  
/*
** block padding
*/
ins, del, blockquote {
padding-left: 1em;
padding-right: 1em;
}
pre {
padding: 1em;
}
 
/*
** block margin
*/
h2, h3, h4, h5, h6, p, ul, ol, dl,
ins, del, blockquote, pre, address,
form, textarea {
margin-top: 1em;
margin-bottom: 1em;
}
li ul, li ol, li dl {
margin-top: 0;
margin-bottom: 1em;
}

/*
** wreathe plum
*/
body {
text-align: center;
color: #444;
background: url(http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_plum_bg.jpg) repeat-y 100% 0;
}
body#permanent {
background-image: none;
}
a:link {
color: #606;
background: #fef;
text-decoration: none;
}
a:visited {
color: #939;
background: transparent;
text-decoration: none;
}
a:hover,
a:active {
color: #a3a;
background: transparent;
text-decoration: underline;
}
 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active,
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
color: #939;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: underline;
}

h1 {
color: #939;
font-weight: 700;
letter-spacing: .3em;
margin: 0;
padding-top: 1em;
padding-left: 0;
padding-right: 250px;
padding-bottom: 0;
font-size: 1.5em;
}
#intro {
line-height: 1.4;
margin: 0;
padding-top: .5em;
padding-left: 1em;
padding-right: 250px;
padding-bottom: 2em;
font-size: .9em;
}
#intro:before {
content: "/* "
}
#intro:after {
content: " */"
}
 
h2 {
display: none;
}

h3 {
margin-top: .5em;
margin-bottom: .5em;
font-size: 1.3em;
letter-spacing: .1em;
}

h4, h5, h6 {
font-size: 1em;
padding-right: 27%;
}

blockquote {
border-color: #939;
}
em, strong {
padding: .2em;
}
.code {
color: #363;
padding: .5em;
border-top: 1px solid;
border-bottom: 1px solid;
}
.code li {
line-height: 1.2;
margin-left: 2em;
}
.code code {
}
.code em {
color: #f00;
font-weight: 100;
}

/*
** #wrapper
*/
#wrapper {
position: relative;
font-size: .93em;
text-align: left;
margin-left: 2em;
}
body > #wrapper {
min-width: 600px;
}

#permanent #wrapper {
margin-left: 9%;
margin-right: 9%;
}
#permanent h1 {
padding-right: .5em;
}
#permanent #intro {
padding-right: 1.1em;
}
#permanent .log_info {
margin-right: 0;
}

#entry_navi {
list-style-type: none;
margin: 1em;
}
#entry_navi li {
display: inline;
margin-left: .5em;
}

/*
** #logs #log .log_text
*/
#logs, #log {
line-height: 1.7;
}

#logs h3 {
letter-spacing: .2em;
padding-top: 1em;
padding-left: 0;
padding-right: 260px;
}
#logs h3:before {
content: ".";
letter-spacing: 0;
color: #939;
}
#logs h3:after {
content: " {";
font-size: 24px;
letter-spacing: 0;
color: #939;
}
#log h3, #log h4 {
color: #fff;
background: #dad url(http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_plum_bg.jpg) repeat-y;
padding-top: 10px;
padding-left: 13px;
padding-bottom: 5px;
}
#logs .log_info:after {
content: "}";
display: block;
margin-top: .8em;
margin-bottom: 1em;
margin-left: -.8em;
font-weight: 700;
letter-spacing: 0;
color: #939;
font-size: 24px;
}
.log_text h4, .log_text h5, .log_text h6 {
padding: 0;
margin: 0;
margin-top: 1em;
margin-bottom: 1em;
border: none;
}

.log_text {
margin-left: 1.5em;
margin-right: 1.5em;
}
#logs .log_text {
padding-right: 260px;
}

.log_text table {
width: auto;
border-collapse: collapse;
margin-top: 1em;
margin-bottom: 1em;
}
.log_text > table {
width: 100%;
}
.log_text td, .log_text th {
font-size: .95em;
line-height: 1.5;
font-weight: 100;
padding: 4px;
border: 1px dotted #939;
}
.log_text th {
background: #fff6ff;
}

#recent {
margin: 0;
}
#recent h4 {
color: #fff;
background: #dad url(http://blog-imgs-27.fc2.com/s/u/g/sug/wreathe_plum_bg.jpg) repeat-y;
padding-top: 10px;
padding-left: 13px;
padding-bottom: 5px;
}
#recent hr {
display: none;
}
#recent ul {
margin: 0;
margin-left: 1.2em;
margin-right: 1em;
}
 
.continue {
font-size: .9em;
}

#meta {
margin-top: 1.5em;
margin-left: 1.7em;
margin-right: 1.7em;
margin-bottom: .5em;
font-size: .9em;
}

.log_info, #page_navi {
margin-top: 1em;
margin-left: .5em;
margin-bottom: 2em;
margin-right: 30%;
font-size: .9em;
}
#coms ul, #tbs ul {
margin-top: 1.5em;
margin-left: 1.5em;
margin-bottom: 1em;
margin-right: 1.5em;
font-size: .9em;
}
.log_info, #coms ul, #tbs ul {
margin-left: 1.8em;
}

#tbs p {
display: inline;
margin-left: 1.5em;
margin-right: 1.5em;
}
#page_navi {
margin: 0;
padding-top: 1em;
padding-left: 1.5em;
margin-right: 260px;
padding-bottom: 3em;
}
#page_navi:before {
content: "/* ";
color: #939;
margin-right: 1em;
}
#page_navi:after {
content: " */";
color: #939;
}

.log_info li, #page_navi li, #coms ul li, #tbs ul li {
display: inline;
margin-left: 0;
margin-right: .8em;
}
.log_info li, #coms ul li, #tbs ul li {
}

#tbs blockquote {
margin: 0;
padding: 0;
padding-top: .5em;
border: none;
}
 
hr#more {
height: 1px;
margin: 0;
visibility: hidden;
}
 
/*
** #navs
*/
#navs {
color: #757;
position: absolute;
z-index: 100;
width: 220px;
top: 0;
right: 10px;
padding-bottom: 30px;
}
 
#navs a:link {
color: #757;
background: transparent;
}
#navs a:visited {
color: #757;
text-decoration: none;
background: transparent;
}
#navs a:active,
#navs a:hover {
color: #fff;
text-decoration: underline;
background: transparent;
}
 
#navs h3 {
color: #fff;
letter-spacing: 0;
padding-top: 1em;
margin: 3px;
margin-bottom: .1em;
font-size: 1em;
}
#navs ul {
margin-top: .5em;
margin-left: 1em;
margin-right: 1em;
}
#navs ul li {
font-size: .9em;
line-height: 1.5;
list-style-type: none;
margin-left: 0;
}
#navs li ul {
margin-top: 0;
}
#navs li li {
padding-left: 0;
margin-left: 0;
list-style-type: disc;
border: none;
}

#navs #search {
margin-top: .1em;
margin-left: 1em;
margin-right: 1em;
}
#navs #search input {
padding: 0;
}
 
#calendar {
font-size: 12px;
text-align: center;
/*border-collapse: collapse;*/
width: 90%;
margin-left: 10px;
margin-bottom: 10px;
}
#navs > #calendar {
margin-left: auto;
margin-right: auto;
}
#calendar caption {
color: #757;
line-height: 3em;
}
#calendar > caption {
margin-left: auto;
margin-right: auto;
}
#calendar th {
font-size: 10px;
font-weight: 100;
}
#calendar td a:link,
#calendar td a:visited {
color: #fff;
display: block;
width: 100%;
font-weight: 100;
text-decoration: none;
}
#calendar td a:hover,
#calendar td a:active {
color: #fff;
font-size: 1.5em;
}
#calendar th {
padding-bottom: 3px;
}
#calendar td {
color: #757;
line-height: 1.7em;
width: 1.7em;
}
 
#rss {
margin-top: .5em;
font-weight: 700;
}

#navs form br {
display: none;
}
 
#navs form input {
vertical-align: middle;
}
#navs form input[type=submit] {
vertical-align: middle;
margin-left: 1em;
padding-right: 1em;
padding-left: 1em;
}
ul#about_author {
}
 
/*
** comment, trackback
*/
#tbs ul, #coms ul {
margin: 0;
margin-top: 2em;
margin-bottom: 1.5em;
padding-left: 1.8em;
padding-bottom: 1.5em;
border-bottom: 1px solid #939;
}
#tbs ul + h4 {
margin-top: -1.5em;
}
#tbs blockquote[title]:after {
content: "";
}
#coms p, #coms form, #tbs blockquote {
margin-left: 1.5em;
margin-right: 1.5em;
border: none;
}
#coms form {
margin-top: 1em;
}
#coms label {
font-size: .9em;
line-height: 1.2;
display: block;
padding-top: .5em;
}
#coms legend {
display: none;
}
#coms label span {
display: block;
line-height: 1.5;
}

#coms input, #coms textarea {
margin-left: 1em;
}
#coms input {
font-size: 14px;
}
#coms input#pass {
width: 6em;
}
#coms textarea {
width: 90%;
margin: 0;
margin-bottom: .5em;
}
#coms p input {
font-size: 12px;
margin-left: 0;
padding-left: 1em;
padding-right: 1em;
}
#recent_comments li[class] span:after,
#coms li[class] span:after {
content: "\3055 \3093 ";
font-size: .9em;
padding-left: 2px;
}
#blog #comment_form {
margin-right: 220px;
}
#blog #comment_form label[for="himitu"]:after {
content: ".";
display: block;
height: 2em;
visibility: hidden;
}
#blog #comment_form p {
display: inline;
}
#blog #comment_form:after {
content: "}";
display: block;
margin-top: .8em;
margin-bottom: 1em;
margin-left: -.8em;
font-weight: 700;
letter-spacing: 0;
color: #939;
font-size: 24px;
} 
/*
** footter
*/
#copyright {
clear: both;
line-height: 1.6;
margin: 0;
padding-top: 1em;
padding-bottom: 2em;
padding-left: 1em;
padding-right: 260px;
font-size: .9em;
}
#permanent #copyright {
clear: none;
margin-top: 2em;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
border-top: 1px solid #939;
}
#copyright strong {
font-weight: 100;
}
#copyright #cm {
position: absolute;
right: 70px;
color: #fff;
background: transparent;
font-weight: 700;
}

/*
** my style
*/
dl.gallery dd pre {
display: none;
}
dl.gallery dd {
margin: 0;
}
dl.gallery > dd {
margin: auto;
}
.memo li {
list-style-position: inside;
margin-left: 0;
margin-bottom: 1em;
}