Category[ 限定配布テンプレート ]

ホーム: Home
次のページ: Next

Omega ver.1.1＆Blanc-3c ver.1.1公開

22:25

ブログ内で限定公開していたOmegaとBlanc-3cの新仕様対応・各種機能追加版をver1.1として公開しました。
こちらも、FC2サーバーの仕様次第でアップデートなどがあるかもしれませんので、利用される方は定期的に更新をチェックしていただけると助かります。

スポンサーサイト

Omega

02:14

クリックでテンプレートのプレビューができます。

★ 基本情報

テンプレート名 : omega
最新バージョン : 1.1

更新履歴 - Update history

11/03/27 : 1.0 → 1.1: [Bug Fix] 新仕様サーバーで生じる不具合を修正; [Modify] 可変幅の上限/下限を見直し; [Modify] 他言語環境への最適化; [Modify] Mac用フォントの追加・トラックバック部分のスタイル変更など細部の修正多数
10/01/19 : 1.0: ブログ内配布開始

「デザインしよう。あなたの言葉で。」
プラグイン3はトップページの記事上部に表示されます。
バトン用専用スタイルあり。XHTML 1.0 Transitional。jQueryをテンプレート内で使用しています。

Mac版InternetExplorerで閲覧する際には、スタイルを適用しないよう設定されています。ご了承ください。

★ テンプレート追加方法

テンプレートは手作業で追加することになります。

テンプレートの管理画面を開き、適当なテンプレートを [複製] し、複製後のテンプレートのHTML・スタイルシートをすべて選択→削除でまっさらな状態にしてください。その後、次のHTML・スタイルシートをコピーし、テンプレートのHTML・スタイルシートにペーストしてください。

（以下のテキストエリアは、エリア内をクリックすると自動で全選択になります）

HTML↓

<!--index_area--><!--not_index_area-->

--- INFORMATION ----------------------------------------------------
       FC2 BLOG template
       Omega ver.1.1
       Designed by Nefert ( http://rimse.blog73.fc2.com/ )
--------------------------------------------------------------------
                                          Last update : Mar 27, 2011
    
    "Omega" is licensed under a CC-BY.
    ( http://creativecommons.org/licenses/by/3.0/deed.ja )

  ■ ダウンロードありがとうございます。
    カスタマイズはご自由にどうぞ。

  ■ ブラウザのウィンドウサイズに合わせて表示幅が変化します。
    大きめの画像をよく載せるときは、表示幅を固定すると便利です。
    幅を固定する場合はHTML中の
      <body class="fixed-off shift-off">
                   ^^^^^^^^^
    という部分を
      <body class="fixed-on shift-off">
                   ^^^^^^^^
    と変更してください。
    サイズの設定などはスタイルシートにて行ってください。   
  
  ■ 追記はページ遷移のない開閉式になっています。
    追記の開閉を使用したくない場合は、HTML中の
    <!-- [ A. "Read more" script ] -->
    <script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/morescript.js"></script>
    という部分を削除してください。
    表示する文字列は [ B. "Read more" configuration ] にて変更できます。

  ■ 他言語環境での使用を考慮し、一部に多言語変数を使用しています。
    また、日付の表示はブログの言語環境に合わせて変わります。
    日付の書式は [ C. Date display ] にて変更できます。

  ■ 「テンプレート更新通知機能」がついています。
     テンプレートに更新があった際、ブログ下部の
     Blog template "Omega ver.x.x" という部分に★が表示されます。
     （x.xはテンプレートのバージョンです）
     
  ■ 記事を書く際に便利な独自クラスを用意してあります。
    詳しくは作者ブログまで。
  
  ■ jQueryを使用しています。
 
  ■ 質問・要望・不具合報告等は作者ブログまでお気軽に。
  


                                    ※このエリアはHTMLに出力されません。
--- BEGIN HTML ----------------------------------------------------
<!--/not_index_area--><!--/index_area--><!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=<%template_charset>" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="<%author_name>" />
<!--index_area--><meta name="description" content="<%introduction>" />
<title> <%blog_name> </title><!--/index_area-->
<!--not_index_area--><title><!--permanent_area--><%sub_title> | <!--/permanent_area--><!--date_area-->Archives[ <%sub_title> ] | <!--/date_area--><!--category_area-->Category[ <%sub_title> ] | <!--/category_area--><!--search_area-->Search[ <%sub_title> ] | <!--/search_area--><!--tag_area-->Tag[ <%sub_title> ] | <!--/tag_area--><!--titlelist_area-->All Title List | <!--/titlelist_area--><%blog_name></title><!--/not_index_area-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<link rel="contents" href="<%url>" title="<%blog_name>" />
<!--permanent_area--><!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry--><!--/permanent_area-->
<script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/jquery-151.js"></script>
<link rel="stylesheet" type="text/css" charset="<%template_charset>" href="<%css_link>" />
<link rel="stylesheet" type="text/css" charset="utf-8" href="http://blog-imgs-41.fc2.com/r/i/m/rimse/update.css" />

<!-- [ A. "Read more" script ] -->
<script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/morescript.js"></script>

<script type="text/javascript">
//<![CDATA[
// [ B. "Read more" configuration ]
if ("<%template_language>" == "ja") {
  // For Japanese user.
  n_extendword = "[ 続きを読む ]";
  n_closeword = "[ 追記を閉じる ]";
} else {
  // For international user.
  n_extendword = "[ <%template_extend> ]";  // Read more
  n_closeword = "[ Close ]";
}

// [ C. Date display ]
function n_days(yy,mm,dd,dw,dwj,pt) {
var out = new Array();
var n_l = "<%template_language>";
var n_m1 = ["Jan.","Feb.","Mar.","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var n_m2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
if(yy != "&#45;&#45;") { //exception handling
mms = n_m1[parseInt(mm)];
mml = n_m2[parseInt(mm)];
// [Variable name]
//   yy : Year , mm : Month , dd : Day
//   dw : Day of the week , dwj : Day of the week(Japanese)
//   mms : Abbreviated month(English) , mml : Unabbreviated month(English)

if(n_l == 'ja' || n_l == 'zh-cn' || n_l == 'zh-tw') {
  // Japanese, Chinese (ex: 2011年3月11日 )
  out[0] = yy + '年' + mm + '月' + dd + '日';
  out[1] = yy + '年' + mm + '月' + dd + '日(' + dwj + ')';
  out[2] = mms + ' ' + dd + ', ' + yy;
} else if(n_l == "ko") {
  // Korean (ex: 2011년3월9일)
  out[0] = yy + '년' + mm + '월' + dd + '일';
} else {
  // English, and other languages. (ex: Mar 9th, 2011)
  out[0] = mms + ' ' + dd + ', ' + yy;
  out[1] = dw + ' ' + mms + ' ' + dd + ', ' + yy;
}
if(out.length < pt){ pt = 0; }
document.write(out[pt]);
}}

jQuery(function($){
$('img:not([title])').each(function(){$(this).attr('title',$(this).attr('alt'));});
<!--permanent_area-->
$('div.comment-title p:empty').closest('div.comment-title').empty();
$('.trackback-url input').focus(function(){$(this).select();}).click(function(){$(this).select();return false;});
<!--/permanent_area-->
});

//]]>
</script>
</head>
<!--index_area--><!--not_index_area-->
D.幅可変・固定の切り替え [ Liquid / Solid Layout ]
固定幅にする場合はクラス名の「fixed-off」を「fixed-on」としてください
<!--/not_index_area--><!--/index_area-->

<body class="fixed-off shift-off">

<!-- FC2のアクセス解析はこの下にHTMLを追加してください -->


<!--[if gt IE 8]><div id="ie8up" class="gt-ie7 gt-ie8"><![endif]-->
<!--[if IE 8]><div id="ie8only" class="gt-ie7"><![endif]-->
<!--[if IE 7]><div id="ie7only" class="lt-ie8"><![endif]-->
<!--[if IE 6]><div id="ie6only" class="lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 5.5000]><div id="ie5-5only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->
<!--[if lt IE 5.5000]><div id="ie5-01only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->



<div id="wrapper" class="<!--not_index_area-->not-<!--/not_index_area-->index-area<!--not_plugin--> plugin-off<!--/not_plugin--><!--permanent_area--> permanent-area<!--/permanent_area--><!--date_area--> date-area<!--/date_area--><!--category_area--> category-area<!--/category_area--><!--search_area--> search-area<!--/search_area--><!--tag_area--> tag-area<!--/tag_area--><!--titlelist_area--> titlelist-area<!--/titlelist_area--> blog-lang-<%template_language>">
<div id="page">


<!-- ##### BEGIN [ header ] ##### -->
<div id="header"><div class="header-container">
<div id="title">
<h1>
<a href="<%url>" title="「<%blog_name>」のトップページへ"><%blog_name></a>
<!--not_index_area--><span id="subtitle">
<!--permanent_area--><span class="subtitle-separate"> : </span><%sub_title><!--/permanent_area-->
<!--date_area--><span class="subtitle-separate"> : </span>Archives [ <%sub_title> ]<!--/date_area-->
<!--category_area--><span class="subtitle-separate"> : </span>Category [ <%sub_title> ]<!--/category_area-->
<!--search_area--><span class="subtitle-separate"> : </span>Search [ <%sub_title> ]<!--/search_area-->
<!--tag_area--><span class="subtitle-separate"> : </span>Tag [ <%sub_title> ]<!--/tag_area-->
</span><!--/not_index_area-->
</h1>
</div>
<div id="introduction">
<p><%introduction></p></div>
</div></div>
<!-- ##### END [ header ] ##### -->

<hr class="separator" />

<!-- ##### BEGIN [ contents ] ##### -->
<div id="contents">
<div class="contents-container">


<!-- ##### BEGIN [ main ] ##### -->
<div id="main"><div class="main-container">


<!-- ##### BEGIN [ pagelink ] ##### -->
<!--permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo;</span> Prev</a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>

<!--/permanent_area-->
<!--not_permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%prevpage_url>" title="<%template_prevpage>"><span>&laquo;</span> Prev</a></span></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextpage_url>" title="<%template_nextpage>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->
<!-- ##### END [ pagelink ] ##### -->

<hr class="separator" />

<!--index_area--><!--plugin--><!--plugin_third-->
<div class="plugin3"><div class="plugin3-container">
<div class="plugin3-header"><div class="plugin3-header-container">
<h2 class="plugin3-title"><span><%plugin_third_title></span></h2>
</div></div>
<div class="plugin3-body"><div class="plugin3-body-container">
<!--plugin_third_description--><div class="p-description p-<%plugin_third_ialign>"><%plugin_third_description></div><!--/plugin_third_description-->
<div class="p-<%plugin_third_align>"><%plugin_third_content></div>
<!--plugin_third_description2--><div class="p-description2 p-<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->
</div></div>
</div></div>
<!--/plugin_third--><!--/plugin--><!--/index_area-->



<!-- ##### BEGIN [ entry(article) ] ##### -->
<!--topentry-->
<div class="entry" id="entry-no<%topentry_no>"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%topentry_link>"><%topentry_title_w_img></a></h2></div>
<div class="entry-time"><p class="entry-time">
<script>n_days("<%topentry_year>","<%topentry_month>","<%topentry_day>","<%topentry_youbi>","<%topentry_wayoubi>",0)</script><noscript><%topentry_year>/<%topentry_month>/<%topentry_day></noscript> 
<%topentry_hour>:<%topentry_minute></p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<%topentry_body>
<!--more_link-->
<div class="entry-more" id="entry-more-<%topentry_no>">
<a href="<%topentry_link>#more" class="entry-extend"><span><noscript>[ <%template_extend> ]</noscript></span></a>
<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br />
<%topentry_more>
<p><a href="#entry-no<%topentry_no>" class="extend-close"><span>[ Close ]</span></a></p>
</div>
</div>
<!--/more_link-->
<!--more-->
<a name="more" id="more"></a>
<div class="entry-more entry-more-page"><%topentry_more></div>
<!--/more-->

</div></div>
<div class="entry-footer"><div class="entry-footer-container">
<!--topentry_tag-->
<dl class="entry-tag">
<dt>Tag List</dt>
<!--tag_list-->
<dd><a href="<%url>?tag=<%topentry_tag_list_parsename>" title="[<%topentry_tag_list_name>]のタグがある記事"><%topentry_tag_list_name></a></dd>
<!--/tag_list-->
</dl>
<!--/topentry_tag-->
<!--community-->
<dl class="entry-thread"> 
<dt>Thread</dt>
<dd><%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a></dd>
<dd><%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a></dd>
</dl>
<!--/community-->
<ul class="entry-info"><!-- 
--><!--allow_comment--><li class="comment-info"><a href="<%topentry_link>#view_comment">Comments<span class="comment_num">(<%topentry_comment_num>)</span></a></li><!--/allow_comment--><!-- 
--><!--allow_tb--><li class="trackback-info"><a href="<%topentry_link>#trackback">Trackbacks(<%topentry_tb_num>)</a></li><!--/allow_tb--><!-- 
--><li class="category-info"><a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a></li><!--
--></ul>
</div></div>
</div></div>
<div class="rdf">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
</div>
<hr class="separator" />
<!--/topentry-->
<!-- ##### END [ entry(article) ] ##### -->


<!--comment_area-->
<dl id="pagecenter-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo; </span><%preventry_title></a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry></dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title><span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>
<hr class="separator" />

<!-- ##### BEGIN [ comments ] ##### -->
<div class="comment"><div class="comment-container">
<a name="view_comment" id="view_comment"></a>
<h3><span><%template_comment></span></h3>
<div class="view-comment">
<ol><!--comment--><li id="comment<%comment_no>">
<div class="comment-header"><p><!--comment_edit--><span class="comment-trip-<%comment_trip>"><!--/comment_edit--><%comment_mail+name><!--comment_edit--></span><!--/comment_edit--> | <%comment_url+str> | <span class="trip"><%comment_trip></span></p></div>
<div class="comment-title"><p><%comment_title></p></div>
<div class="comment-body"><p><%comment_body></p></div>
<div class="comment-footer"><p>( 
<script>n_days("<%comment_year>","<%comment_month>","<%comment_day>","<%comment_youbi>","<%comment_wayoubi>",0)</script><noscript><%comment_year>/<%comment_month>/<%comment_day></noscript> 
<%comment_hour>:<%comment_minute> <!--comment_edit-->[<a href="<%comment_edit_link>" title="<%template_edit_comment>">Edit</a>]<!--/comment_edit--> )</p></div>
</li><!--/comment--></ol>
</div>

<!-- ##### BEGIN [ comments (post) ] ##### -->
<h3><span><%template_post_comment></span></h3>
<div class="write-comment">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="comment[name]" class="form-name" value="<%cookie_name>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="comment[title]" class="form-subject" value="" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="comment[mail]" class="form-mail" value="<%cookie_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="comment[url]" class="form-url" value="<%cookie_url>" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="comment[body]" class="form-comment" ></textarea></dd>
<dt><label for="pass"><%template_password> : </label></dt>
<dd><input id="pass" type="password" name="comment[pass]" class="form-pass" /><span class="ja-note"> (コメントの編集・削除時に必要)</span>
</dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> : </label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" class="checkbox" /> (<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="form" /></li>
</ul>
</form>
</div>
<!-- ##### END [ comments (post) ] ##### -->
</div></div>
<!--/comment_area-->


<!--edit_area-->
<!-- ##### BEGIN [ comments (Edit) ] ##### -->
<hr class="separator" />
<div class="comment"><div class="comment-container">
<div class="edit-comment">
<h2><span><%template_edit_comment></span></h2>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="edit[name]" class="form-name" value="<%edit_name>" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="edit[mail]" class="form-mail" value="<%edit_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="edit[url]" class="form-url" value="<%edit_url>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" class="form-subject" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="edit[body]" class="form-comment"><%edit_body></textarea></dd>
<dt><label for="pass"><%template_password> :</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" class="form-pass" /></dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> :</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" class="checkbox" />(<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="edit-end" /></li>
<li><input type="submit" name="edit[delete]" value="<%template_delete>" class="edit-del" /></li>
</ul>
</form>
</div>
</div></div>
<!-- ##### END [ comments (Edit) ] ##### -->
<!--/edit_area-->
<!-- ##### END [ comments ] ##### -->


<!--trackback_area-->
<!-- ##### BEGIN [ Trackback ] ##### -->
<hr class="separator" />
<div class="trackback"><div class="trackback-container">
<a name="trackback" id="trackback"></a>
<h3><span><%template_trackback></span></h3>
<dl class="trackbacks">
<dt class="trackback-url">Trackback URL</dt>
<dd class="trackback-url"><input type="text" name="trackbackurls" value="<%trackback_url>" readonly="readonly" /></dd>
<dt class="trackback-list">Trackbacks</dt>
<!--trackback-->
<dd class="trackback-list">
<p class="trackback-list-title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a>
<span> (<script>n_days("<%tb_year>","<%tb_month>","<%tb_day>","<%tb_youbi>","<%tb_wayoubi>",0)</script><noscript><%tb_year>/<%tb_month>/<%tb_day></noscript> 
<%tb_hour>:<%tb_minute> )</span>
</p>
<p class="trackback-list-excerpt"><%tb_excerpt></p>
</dd>
<!--/trackback-->
</dl>
</div></div>
<!-- ##### END [ Trackback ] ##### -->
<!--/trackback_area-->


<!--titlelist_area-->
<!-- ##### BEGIN [ All titlelist ] ##### -->
<div class="entry all-titlelist-area"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%url>?all">All Title List</a></h2></div>
<div class="entry-time"><p class="entry-time">Records of "<a href="<%url>" title="<%blog_name>"><%blog_name></a>"</p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<dl class="titlelist">
<!--titlelist-->

<dt class="titlelist-header-title titlelist-category-<%titlelist_category_no>"><a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a></dt>
<dd class="titlelist-header-info  titlelist-category-<%titlelist_category_no>">
<span><%titlelist_year>年<%titlelist_month>月<%titlelist_day>日 <%titlelist_hour>:<%titlelist_minute></span> 
<span>[<a href="<%titlelist_category_url>" title="<%template_category> : <%titlelist_category>"><%titlelist_category></a>]</span></dd>
<dd class="titlelist-body titlelist-category-<%titlelist_category_no>"><%titlelist_body>...</dd>

<!--/titlelist-->
</dl>
</div></div>
</div></div>
<!-- ##### END [ All titlelist ] ##### -->
<!--/titlelist_area-->


<!--permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo; </span><%preventry_title></a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title><span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>
<!--/permanent_area-->
<!--not_permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%prevpage_url>" title="<%template_prevpage>"><span>&laquo; </span>Prev</a></span></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextpage_url>" title="<%template_nextpage>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->
</div></div>
<!-- ##### END [ main ] ##### -->

<hr class="separator" />

<!-- ##### Begin [ sub ] ##### -->
<div id="sub"><div class="sub-container">
<!--plugin-->
<div id="plugin1">
<!--plugin_first-->
<div class="menuitem plugin-<%plugin_first_tag>">
<h2><span><%plugin_first_title></span></h2>
<div class="menu-body">
<!--plugin_first_description--><div class="p-description p-<%plugin_first_ialign>"><%plugin_first_description></div><!--/plugin_first_description-->
<div class="p-<%plugin_first_align>"><%plugin_first_content></div>
<!--plugin_first_description2--><div class="p-description2 p-<%plugin_first_ialign>"><%plugin_first_description2></div><!--/plugin_first_description2-->
</div>
</div>
<!--/plugin_first-->
</div>
<div id="plugin2">
<!--plugin_second-->
<div class="menuitem plugin-<%plugin_second_tag>">
<h2><span><%plugin_second_title></span></h2>
<div class="menu-body">
<!--plugin_second_description--><div class="p-descriptions p-<%plugin_second_ialign>"><%plugin_second_description></div><!--/plugin_second_description-->
<div class="p-<%plugin_second_align>"><%plugin_second_content></div>
<!--plugin_second_description2--><div class="p-description2 p-<%plugin_second_ialign>"><%plugin_second_description2></div><!--/plugin_second_description2-->
</div>
</div>
<!--/plugin_second-->
</div>
<!--/plugin-->

<!--not_plugin-->
<div id="author" class="menuitem">
<h2><span>Profile</span></h2>
<div class="menu-body">
<p class="myimage"><img src="<%image>" alt="<%author_name>" /></p>
<p class="intro">Author:<%author_name><br /><%introduction2></p>
</div>
</div>
<div id="calender" class="menuitem">
<h2><span>Calender</span></h2>
<div class="menu-body">
<table class="calender" summary="カレンダー">
<caption><a href="<%prev_month_link>" class="prev-month" title="<%prev_month>月のエントリーを見る"><%prev_month></a> | <span class="now-month"><%now_year>-<%now_month></span> | <a href="<%next_month_link>" class="next-month" title="<%next_month>月のエントリーを見る"><%next_month></a></caption>
<tr>
<th abbr="日曜日" scope="row" class="sun">日</th>
<th abbr="月曜日" scope="row" class="week">月</th>
<th abbr="火曜日" scope="row" class="week">火</th>
<th abbr="水曜日" scope="row" class="week">水</th>
<th abbr="木曜日" scope="row" class="week">木</th>
<th abbr="金曜日" scope="row" class="week">金</th>
<th abbr="土曜日" scope="row" class="sat">土</th>
</tr>
<!--calender-->
<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>
<!--/calender-->
</table>
</div>
</div>
<div id="recent-entries" class="menuitem">
<h2><span>Recent Entries</span></h2>
<div class="menu-body">
<ul>
<!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title> <span>(<%recent_month>/<%recent_day>)</span></a></li>
<!--/recent-->
</ul>
</div>
</div>
<div id="recent-comments" class="menuitem">
<h2><span>Recent Comments</span></h2>
<div class="menu-body">
<ul>
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>
</div>
<div id="recent-trackbacks" class="menuitem">
<h2><span>Recent Trackbacks</span></h2>
<div class="menu-body">
<ul>
<!--rtrackback-->
<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a></li>
<!--/rtrackback-->
</ul>
</div>
</div>
<div id="archives" class="menuitem">
<h2><span>Archives</span></h2>
<div class="menu-body">
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive-->
</ul>
</div>
</div>
<div id="categories" class="menuitem">
<h2><span>Categories</span></h2>
<div class="menu-body">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
<!--/category-->
</ul>
</div>
</div>
<div id="bookmark" class="menuitem">
<h2><span>Bookmark</span></h2>
<div class="menu-body">
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>
</div>
</div>
<div id="admin" class="menuitem">
<h2><span>Admin</span></h2>
<div class="menu-body">
<ul>
<li><a href="./?admin">管理者ページ</a></li>
<li><a href="<%url>?xml">RSS</a></li>
</ul>
</div>
</div>
<!--/not_plugin-->
</div></div>
<!-- ##### END [ sub ] ##### -->
</div>
</div>
<!-- ##### END [ contents ] ##### -->

<!-- ##### BEGIN [ footer ] ##### -->
<hr class="separator" />
<div id="footer">
<div class="ad"><%ad> <%ad2></div>
<p class="design">
Blog template is "Omega ver.<span id="version" class="ver11"><span class="omega-update">1.1</span></span>", designed by <a href="http://rimse.blog73.fc2.com/">Nefert</a>.
</p>
</div>
<!-- ##### END [ footer ] ##### -->
</div>
</div>
<!--[if gt IE 8]></div><![endif]-->
<!--[if IE 8]></div><![endif]-->
<!--[if IE 7]></div><![endif]-->
<!--[if IE 6]></div><![endif]-->
<!--[if IE 5.5000]></div><![endif]-->
<!--[if lt IE 5.5000]></div><![endif]-->
</body>
</html>

スタイルシート↓

@media all{

/* ■■ 簡易カスタマイズ：目次
---------------------------------------
　・基本設定の変更
　・タイトル部分の変更
　・幅可変／固定の切り替え
--------------------------------------*/

/*　■ 基本設定の変更
-------------------*/

/* 【フォントの設定】 */
/* 基本となるフォント */
body {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS UI Gothic", sans-serif;
}


/* 【フォントサイズの変更】
初期状態からの割合を指定してください。*/
/* 全体の文字サイズ */
#page {
  font-size: 100%;
}
/* タイトルの文字サイズ */
#title h1 a {
  font-size: 100%;
}
/* ブログ紹介文の文字サイズ */
#introduction {
  font-size: 100%;
}
/* メインカラムの文字サイズ */
#main {
  font-size: 100%;
}
/* 記事の本文の文字サイズ 
「メインカラムの文字サイズ」からの相対的な値になります */
.entry-body {
  font-size: 100%;
}
/* サブカラムの文字サイズ */
#sub {
  font-size: 100%;
}


/* 【文字色の変更】
リンク以外の文字色です。
リンク部分の文字色については [1]リンク用設定 を参照してください。
記事タイトルの文字色は、リンクの文字色が適用されます。*/

/* 全体の文字色 */
/* 特に指定されていない部分はこの色が適用されます。 */
body {
  color: #555;
}

/* 記事の文字色 */
.entry , .comment , .trackback , .plugin3 , .entry a.tagword {
  color: #555; 
}
/* サブカラムの文字色 */
#sub {
  color: #555;
}

/* 【背景色の設定】*/
/* 全体の背景色 */
body , #sub h2 span {
  background-color: #fff;
}

/* 【記事中の画像の枠】
記事中の画像に対し枠をつける場合は、
↓の※B1と※B2の行を削除してください（絵文字には枠はつきません）
枠の色、太さなどについては、borderプロパティを編集してください。*/
/*※A1 ---この行を削除---
.entry-body img {
  border: 1px solid #333;
  margin: 1px;
  padding: 0;
}
※A2 ---この行を削除---*/


/* ■ タイトル部分の変更
-------------------*/

/* 【タイトルの文字色】 通常の状態 */
#title h1 a:link , #title h1 a:visited {
  color: #c9cfc9;
}
/* 【タイトルの文字色】 カーソルをのせた状態 */
#title h1 a:hover {
  color: #ddd;
}
/* 【タイトルのフォント】 */
#title h1 {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Sans Unicode", Verdana, "MS UI Gothic", sans-serif;
}

/* ■ 表示幅の設定
-------------------
初期設定では、表示幅はウィンドウサイズに合わせて変化します（上限・下限あり）。
この状態において記事中で大きな画像等を使うと、ウィンドウサイズに
よっては記事下部にスクロールバーが表示されることがあります。
これが気になるようでしたら、幅を固定し、横幅を広く設定してください。
（可変・固定の切り替えはHTMLを参照）*/

/* 【可変幅の設定】
[1]から[3]の項目を編集してください*/
.fixed-off #wrapper{
  max-width: 900px; /*[1]上限：初期設定では900ピクセル*/
  min-width: 750px;  /*[2]下限：初期設定では750ピクセル*/
}
.fixed-off .lt-ie7 #wrapper {
/*IE6は強制的に固定幅になります */
  width: 900px;  /*[3]IE6用の表示幅設定：初期設定は900ピクセル*/
}


/* 【固定幅の設定】
固定幅に設定したときの横幅を指定。初期設定では900ピクセル。*/
.fixed-on #wrapper { width: 900px; }



/*
---------------------------------------
■■ 簡易カスタマイズ：ここまで*/

/*
■■ スタイルシート・目次
---------------------------------------
ここから詳細な設定です。
  [0]：デフォルトスタイルの再設定
  [1]：リンク用設定
  [2]：ページ全体の設定
  [3]：タイトル部分の設定
  [4]：コンテンツを包括する要素の設定
  [5]：メインコンテンツを包括する要素の設定
  [6-9]：記事の設定
  [10-14]：コメント・トラックバックの設定
  [15]：前後のページへのナビゲーション
  [16?18]：サブメニュー・プラグインの設定
  [19]：フッタ部設定
  [20]：テーブル・カレンダー関係
  [21]：全記事一覧についての設定
  [22]：バトン用スタイル
  [23]：オリジナルクラス
---------------------------------------*/


/*■■ [0] デフォルトスタイルの再設定
--------------------------------------
ブラウザ間の表示差を少なくするため、一般的な要素にスタイルを設定*/

body,div,dl,dt,dd,li,form,fieldset,input,th,td {margin:0;padding:0;}
html > body {font-size:12pt;}
input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],label,button {cursor:pointer;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;}
strong,b {font-weight:bold;}
blockquote {margin:1em 2em;padding:0.5em;border:1px dashed #999;}
em,i,cite,dfn,var {font-style:italic;}
u {text-decoration:underline;}
s,strike {text-decoration:line-through;}
pre,code,kbd {font-family:"Consolas","Osaka-mono","Lucida Console",monospace;}
pre {white-space:pre;border:1px dashed #999;padding:12px 3% 20px;margin:0.5em auto;width:92%;font-size:12px;overflow:auto;}
.lt-ie8 pre {overflow:scroll;}
ul,ol {margin:1em 0;padding:0 0 0 40px;}
p {margin:1em 0;}
a,a[name]:hover {text-decoration:none;}
br {letter-spacing:0px;}
.rdf{display:none;clear:both;}
hr {height:0;padding:0;border:none;border-bottom:1px dotted #999;}
hr.separator {display:none;}
.plugin3-skip , #entrystart {display: none;}
img.emoji {border:none;margin:0 1px -2px;}
#sub a {text-decoration:none;}
textarea , input[type="text"] {font-size:100%;}
.ja-note{display:none;}
.blog-lang-ja span.ja-note {display:inline;}
#ie8only .entry-extend:after {display:block;content:'';}



/*■■ [1] リンク用設定
---------------------------------------
リンクの文字色などの設定しています。
あくまで全体的な設定なので、局所的なものはそれぞれの場所に。*/

/*[1.1] 基本設定 */
/*[1.1.1] 通常の状態 */
a:link {
  color: #555;
  text-decoration: underline;
}
/*[1.1.2] 訪問済みの状態 */
a:visited {
  color: #555;
  text-decoration: underline;
}
/*[1.1.3] カーソルをのせた状態 */
a:hover {
  color: #969f96;
  text-decoration: underline;
}

/*[1.2] サブカラム中のリンク */
/*[1.2.1] 通常の状態 */
#sub a:link {
  color: #555;
  text-decoration: underline;
}
/*[1.2.2] 訪問済みの状態 */
#sub a:visited {
  color: #666;
  text-decoration: underline;
}
/*[1.2.3] カーソルをのせた状態 */
#sub a:hover {
  color: #969f96;
  text-decoration: underline;
}

/*[1.3] ページ上部の「前後のページへのリンク」*/
/*[1.3.1] 通常の状態 */
dl#pagetop-link a:link {
  color: #666;
}
/*[1.3.2] 訪問済みの状態 */
dl#pagetop-link a:visited {
  color: #666;
}
/*[1.3.3] カーソルをのせた状態 */
dl#pagetop-link a:hover {
  color: #969f96;
}

/*[1.4] 記事下部の「前後のページへのリンク」*/
/*[1.4.1] 通常の状態 */
dl#pagecenter-link a:link ,
dl#pagebottom-link a:link {
  color: #555;
}
/*[1.4.2] 訪問済みの状態 */
dl#pagecenter-link a:visited ,
dl#pagebottom-link a:visited {
  color: #555;
}
/*[1.4.3] カーソルをのせた状態 */
dl#pagecenter-link a:hover ,
dl#pagebottom-link a:hover {
  color: #333;
  border-color: #333;
/*※ 注意
枠を表示させたくない場合は、簡易カスタマイズ内の【背景色の設定】にある、
「全体の背景色」のbackground-colorプロパティと同じ色を指定してください。
*/
}



/* ■■ [2] ページ全体の設定
---------------------------------------
ページ全体に適用するスタイルを設定しています。*/

/*[2.1]*/
body {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  text-align: center;
}
/*[2.2]*/
#wrapper {
  margin: 0 auto;
  font-size: 75%;
  text-align: left;
  position: relative;
}
/* ■■ [3]ヘッダー部の設定
---------------------------------------
タイトル・ブログの紹介を含む部分の設定です。*/

/*[3.1]*/
#header {
  padding: 1.5em 0;
}
/*[3.2]*/
#title {
  font-size: 1000%;
  line-height: 0.8;
  position: relative;
}
/*[3.3-a]*/
#title h1 {
  font-weight: bold;
  letter-spacing: -0.09em;
}
/*[3.3-b]*/
.lt-ie8 #title h1 {
  letter-spacing: -1em;
  padding-top: 10px;
  line-height: 0.7;
}
/*[3.4]*/
#title h1 a {
  text-decoration: none;
}

/*[3.5] 個別ページなどで表示されるサブタイトル */
/* 個別ページでは表示しないように、検索結果ページなどでは表示されるように設定されています。*/
.permanent-area #subtitle {
  display: none;
}

#subtitle {
  position: absolute;
  bottom: 0.1em;
  right: 0;
  font-size: 28%;
  letter-spacing: -0.09em;
  /* デフォルトでは表示する設定 */
  /* 表示させない場合は、↓次の記述をコメントアウトから外す */
  /* display:none; */
}
.subtitle-separate {
  display: none;
}
/*[3.6] ブログ紹介文 */
#introduction p {
  margin: 0;
  padding: 0.4em 1em;
  position: relative;
  z-index: 1;
}


/* ■■ [4]コンテンツを包括する要素の設定
---------------------------------------
デザインの自由度を上げるために、エントリー部（メイン）と
プラグインを含むメニュー（サブ）を包括する要素が設定されています。*/

/*[4.1]*/
#contents {
  clear: both;
  width: 70%;
  margin: 1.5em auto 0;
}
/*[4.2]*/
#contents .contents-container {
  width: 100%;
}

/* ■■ [5]メインコンテンツを包括する要素の設定
---------------------------------------
エントリー部（メイン）を包括する要素の設定。
サブメニューについての設定は[16.1]から。*/

/*[5.1]*/
#main {
  margin: 0;
  padding-bottom: 3em;

}
/*[5.2]*/
#main .main-container{
  width: 100%;
}

/* ■■ [6]個々のエントリーを包括する要素の設定
---------------------------------------
*/
/*[6.1]*/
div.entry {
  margin: 0 0 3.5em;
  clear: both;
}
/*[6.2]*/
div.entry-container{
  width: 100%;
}
/*[6.3]*/
div.plugin3 {
  margin: 0 2.5em 1em;
  clear: both;
}


/* ■■ [7]エントリータイトル部の設定
---------------------------------------
*/
/*[7.1-a]*/
h2.entry-title {
  border-left: 3px solid #555;
  border-bottom: none;
  margin: 0 0 1px;
  padding: 3px 5px;
  font-size: 340%;
  font-weight: normal;
  letter-spacing: -0.09em;
  line-height: 1;
}
/*[7.1-b]*/
.lt-ie8 h2.entry-title {
  letter-spacing: -0.3em;
}
/*[7.2]*/
h2.entry-title a:link , 
h2.entry-title a:visited ,
h2.entry-title a:hover {
  text-decoration: none;
}
/*[7.3]*/
p.entry-time {
  border-left: 3px solid #969f96;
  border-bottom: none;
  color: #666;
  font-size: 95%;
  line-height: 1.2;
  letter-spacing: 0.5em;
  text-align: right;
  margin: 0;
  padding: 3px 5px;
  font-weight: bold;
}
/*[7.5-a]*/
h2.plugin3-title {
  font-size: 240%;
  letter-spacing: -0.09em;
  padding: 0.1em 0 0;
  margin: 0 0 0.1em;
  font-weight: normal;
  line-height: 1.1;
}
/*[7.5-b]*/
.lt-ie8 h2.plugin3-title {
  letter-spacing: -0.2em;
}


/* ■■ [8]エントリーの本文の設定
---------------------------------------
*/
/*[8.1]*/
div.entry-body {
  padding: 0.8em 1.5em 0;
}
/*[8.2]*/
div.plugin3-body {
  padding: 0 2em;
}
/*[8.3-a]*/
div.entry-body-container ,
div.plugin3-body-container {
  width: 100%;
  overflow: auto;
  padding-bottom: 25px;
}
/*[8.3-b:for IE5-IE7]*/
.lt-ie8 .entry-body-container ,
.lt-ie8 .plugin3-body-container {
  overflow-x: auto;
  overflow-y: hidden;
}
/*[8.4]*/
div.entry-more {
  margin-top: 1em;
}
/*[8.5]*/
div.entry-body dd {
  padding-left: 2.5em;
  margin: 0;
}
/*[8.6]*/
.fc2_footer {
  margin: 1em 0 0;
  width: 99%;
}
/*[8.6-b]*/
.fc2_footer img {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
/*[8.7]*/
a.tagword:link ,
a.tagword:visited {
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
/*[8.8]*/
a.tagword:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  border-bottom: 1px dotted #999;
}
/*[8.9]*/
.relate_dl {
    margin-top: 2em;
    clear: both;
}

/* ■■ [9]エントリーのフッタ部の設定
---------------------------------------
*/
/*[9.1]*/
div.entry-footer {
  margin: 0.5em 0.3em 0;
  clear: both;
}
/*[9.2]*/
dl.entry-thread {
  margin-left: 2em;
  border-left: 3px solid #ccc;
  padding: 0.2em 1em;
}
/*[9.3]*/
dl.entry-thread dt {
  font-weight: bold;
}
/*[9.4]*/
dl.entry-thread dd {
  display: inline;
  margin: 0 1em 0 0;
}
/*[9.5]*/
dl.entry-tag {
  margin-left: 2em;
  border-left: 3px solid #999;
  padding: 0.2em 1em;
}
/*[9.6]*/
dl.entry-tag dt {
  font-weight: bold;
}
/*[9.7]*/
dl.entry-tag dd {
  display: inline;
  margin: 0 1em 0 0;
}
/*[9.8]*/
ul.entry-info {
  text-align: right;
  margin: 1.2em 0 1em;
  list-style-type: none;
}
/*[9.9]*/
ul.entry-info li {
  display: inline ;
  padding: 0 0.5em;
  border-right: 1px dotted #999;
}
/*[9.10]*/
ul.entry-info li.category-info {
  border-right: none;
}



/* ■■ [10]コメント・トラックバック包括要素の設定
---------------------------------------
*/
/*[10.1]*/
div.comment , 
div.trackback {
  padding: 1em 1em 1.5em;
  margin: 2em 0;
}
/*[10.2]*/
div.comment .comment-container, 
div.trackback .trackback-container {
  width: 100%;
}

/* ■■ [11]コメント・トラックバック部の見出しの設定
---------------------------------------
*/
/*[11.1]*/
div.comment h3 , 
div.trackback h3 , 
div.edit-comment h2 {
  border-bottom: none;
  margin: 0.2em 0;
  font-size: 240%;
  font-weight: normal;
  letter-spacing: -0.09em;
  line-height: 1.5;
}
/*[7.1-b]*/
.lt-ie8 div.comment h3 , 
.lt-ie8 div.trackback h3 , 
.lt-ie8 div.edit-comment h2 {
  letter-spacing: -0.2em;
}
/* ■■ [12]コメントの表示設定
---------------------------------------
.comment-header: 投稿者の名前、URL、トリップを含む要素
.comment-title: コメントのタイトル部
.comment-body: コメントの本文
.comment-footer: 投稿日時、編集メニューへのリンクを含む要素
*/
/*[12.1]*/
div.view-comment ol {
  padding-left: 32px;
}
/*[12.2]*/
div.comment-header p {
  margin: 0;
}
/*[12.3]*/
div.comment-title {
  padding-left: 0.5em;
  border-left: 0.2em solid #999;
  font-weight: bold;
}
/*[12.4]*/
div.comment-title p {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*[12.5]*/
div.comment-body {
  margin: 0;
  border-left: 0.2em solid #ccc;
  padding-left: 0.5em;
}
/*[12.6-a]*/
div.comment-body p {
  margin: 0;
  width: 100%;
  overflow: auto;
  padding-top: 0.1em;
  padding-bottom: 0.3em;
}
/*[12.6-b: for IE5-IE7]*/
.lt-ie8 div.comment-body p {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 25px;
}
/*[12.7]*/
div.comment-footer p {
  margin: 0.5em 0 1em;
  text-align: right;
  color: #777;
  font-size: 90%;
}
/*[12.8]*/
div.comment-footer a:link ,
div.comment-footer a:visited ,
div.comment-footer a:hover {
  color: #777;
}

/* ■■ [13]コメント投稿フォームの設定
---------------------------------------
*/
/*[13.1]*/
.write-comment dt,
.edit-comment dt {
  margin: 0;
  padding: 0;
}

/*[13.2]*/
.write-comment dd,
.edit-comment dd {
  margin: 0.2em 1em;
}

/*[13.3-a]*/
.form-name ,
.form-pass {
  width: 40%;
  padding: 2px;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
/*[13.3-b: for IE5-IE7 ]*/
.lt-ie7 .form-name ,
.lt-ie7 .form-pass {
  width: 160px;
}
/*[13.4-a]*/
.form-mail,
.form-url,
.form-subject,
.form-comment {
  width: 92%;
  padding: 2px;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-family:inherit;
}

/*[13.4-b: for IE5-IE7 ]*/
.lt-ie7 .form-mail ,
.lt-ie7 .form-url ,
.lt-ie7 .form-subject ,
.lt-ie7 .form-comment {
  width: 330px;
}

/*[13.5]*/
ul.submit {
  list-style-type: none;
  padding-left: 0;
}

/*[13.6]*/
ul.submit li {
  display: inline;
}

/*[13.7]*/
ul.submit .form {
  margin: 0 2em;
  padding: 0.2em 1em;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*[13.8]*/
ul.submit .edit-end {
  margin: 0 2em;
  font-weight: bold;
  border: 1px solid #444;
  padding: 0.2em 1em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*[13.9]*/
ul.submit .edit-del {
  margin: 0 0 0 5em;
  padding: 0.2em 0.5em;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/* ■■ [14]トラックバック表示についての設定
---------------------------------------
*/

/*[14.1]*/
.trackback dt {
  font-weight: bold;
}
/*[14.2]*/
dd.trackback-url {
  margin-left: 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #999;
}
/*[14.3-a]*/
dd.trackback-url input {
  border: none;
  padding: 2px;
  width: 380px;
  font-family: inherit;
}
/*[14.3-b]*/
dd.trackback-url a {
  font-size:90%;
}
/*[14.4]*/
dt.trackback-list {
  margin-top: 1em;
}
/*[14.5]*/
p.trackback-list-title {
  margin: 0 0 1px 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #999;
}

/*[14.6]*/
p.trackback-list-excerpt {
  margin: 0 0 1em 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #ccc;
}



/* ■■ [15]前後のページへのナビゲーション
---------------------------------------
*/
/* ページ上部のナビゲーション */
/*[15.1]*/
dl.pagelink dt {
  display: none;
}
/*[15.2.1]*/
dl#pagetop-link {
  margin: 0 0.3em;
  font-size: 80%;
  line-height: 3;
  letter-spacing: 1px;
  position: absolute;
  top: 0;
  right: 0;
}
/*[15.2.2]*/
dl#pagetop-link dd {
  padding: 0 0 0 14px;
  text-transform: uppercase;
  margin: 0 0.5em;
  width: 7em;
  float: left;
}
/*[15.2.3-a]*/
dl#pagetop-link dd.prev ,
dl#pagetop-link dd.next {
  padding: 0;
}
/*[15.2.3-b]*/
dl#pagetop-link dd.home {
  padding: 0 0.25em;
}
/*[15.2.4]*/
dl#pagetop-link a {
  text-decoration: none;
  padding: 0.5em 0.25em;
}

/* 記事下・ページ下部のナビゲーション */
/*[15.3.1-a]*/
dl#pagecenter-link ,
dl#pagebottom-link {
  margin: 2.5em auto;
  padding: 0;
  width: 94%;
  min-height: 1.4em;
  text-align: center;
  display: inline-block;
  position: relative;
  line-height: 1.4;
  max-width: 750px;
}
/*[15.3.1-b]*/
.lt-ie7 dl#pagecenter-link ,
.lt-ie7 dl#pagebottom-link {
  height: 1.4em
}
/*[15.3.1-c] clearfix */
dl#pagecenter-link:after , dl#pagebottom-link:after {
  content: ".";font-size: 0.1em;line-height: 0;display: block;
  height: 0.1px;visibility: hidden;clear: both; }
dl#pagecenter-link , dl#pagebottom-link {display: block;}

/*[15.3.2]*/
dl#pagecenter-link dd ,
dl#pagebottom-link dd {
  display: block;
  padding: 0;
  text-transform: uppercase;
}
/*[15.3.2-a]*/
dl#pagecenter-link dd.prev ,
dl#pagebottom-link dd.prev {
  float: left;
  text-align: right;
}
/*[15.3.2-b]*/
dl#pagecenter-link dd.next ,
dl#pagebottom-link dd.next {
  float: right;
  text-align: left;
}
/*[15.3.2-c]*/
dl#pagecenter-link dd.home ,
dl#pagebottom-link dd.home ,
.permanent-area dl#pagecenter-link dd.home ,
.permanent-area dl#pagebottom-link dd.home {
  width: 6em;
  position: absolute;
  left: 50%;
  margin-left: -3em;
  text-transform: uppercase;
}
/*[15.3.2-d]*/
.permanent-area dl#pagecenter-link dd ,
.permanent-area dl#pagebottom-link dd {
  text-transform: none;
}
/*[15.3.2-e]*/
dl#pagecenter-link dd.prev , dl#pagebottom-link dd.prev ,
dl#pagecenter-link dd.next , dl#pagebottom-link dd.next {
  width: 50%;
}
/*[15.3.2-f]*/
.lt-ie8 dl#pagecenter-link dd.prev , .lt-ie8 dl#pagebottom-link dd.prev ,
.lt-ie8 dl#pagecenter-link dd.next , .lt-ie8 dl#pagebottom-link dd.next {
  width: 49%;
}
/*[15.3.3-a]*/
dl#pagecenter-link a ,
dl#pagebottom-link a {
  text-decoration: none;
  position: relative;
  display: block;
  margin: 0 0.5em;
}
/*[15.3.3-b]*/
.lt-ie7 dl#pagecenter-link a ,
.lt-ie7 dl#pagebottom-link a {
  position: static;
}
/*[15.3.3-c]*/
.lt-ie8 dl#pagecenter-link dd.home a ,
.lt-ie8 dl#pagebottom-link dd.home a {
  margin: 0 0.2em;
}
/*[15.3.5-a]*/
dl#pagecenter-link dd.prev span.pagelink-item ,
dl#pagebottom-link dd.prev span.pagelink-item {
  display: block;
  margin: 0 3em 0 0;
  border-right: 1px dotted #666;
}
/*[15.3.5-b]*/
dl#pagecenter-link dd.next span.pagelink-item ,
dl#pagebottom-link dd.next span.pagelink-item {
  display: block;
  margin: 0 0 0 3em;
  border-left: 1px dotted #666;
}
/*[15.3.6-a]*/
.permanent-area dl#pagecenter-link a span ,
.permanent-area dl#pagebottom-link a span {
  position: absolute;
  height: 1.4em;
  top: 50%;
  margin-top: -0.75em;
}
/*[15.3.6-b]*/
.lt-ie7 .permanent-area dl#pagecenter-link a span ,
.lt-ie7 .permanent-area dl#pagebottom-link a span {
  display:none;
}
/*[15.3.7]*/
dl#pagecenter-link a ,
dl#pagebottom-link a ,
.lt-ie7 dl#pagecenter-link dd.next a ,
.lt-ie7 dl#pagebottom-link dd.prev a {
  padding: 4px 7px;
}
/*[15.3.8]*/
dl#pagecenter-link a:hover ,
dl#pagebottom-link a:hover ,
.lt-ie7 dl#pagecenter-link dd.next a:hover ,
.lt-ie7 dl#pagebottom-link dd.prev a:hover {
  padding: 3px 6px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
}
/*[15.3.9-a]*/
.permanent-area dl#pagecenter-link dd.next a span ,
.permanent-area dl#pagebottom-link dd.next a span {
  right: 4px;
}
/*[15.3.9-b]*/
.permanent-area dl#pagecenter-link dd.prev a span ,
.permanent-area dl#pagebottom-link dd.prev a span {
  left: 4px;
}
/*[15.3.10-a]*/
.permanent-area dl#pagecenter-link dd.next a:hover span ,
.permanent-area dl#pagebottom-link dd.next a:hover span {
  right: 3px;
}
/*[15.3.10-b]*/
.permanent-area dl#pagecenter-link dd.prev a:hover span ,
.permanent-area dl#pagebottom-link dd.prev a:hover span {
  left: 3px;
}
/*[15.3.11-a]*/
dl#pagecenter-link dd.next a ,
dl#pagebottom-link dd.next a {
  padding-right: 20px; 
}
/*[15.3.11-b]*/
dl#pagecenter-link dd.prev a ,
dl#pagebottom-link dd.prev a {
  padding-left: 20px;

}
/*[15.3.12-a]*/
dl#pagecenter-link dd.next a:hover ,
dl#pagebottom-link dd.next a:hover {
  padding-right: 19px;
}
/*[15.3.12-b]*/
dl#pagecenter-link dd.prev a:hover ,
dl#pagebottom-link dd.prev a:hover {
  padding-left: 19px;
}
/*[15.4]*/
.lt-ie8 dl#pagetop-link dd ,
.lt-ie8 dl.pagelink ,
.lt-ie8 dl.pagelink a {
  height: 1%;
}



/* ■■ [16]サブメニュー包括要素の設定
---------------------------------------
*/
/*[16.1]*/
div#sub {
  padding-top: 1em;
  /* for IE5 */text-align: center;
}
/*[16.2]*/
div#sub .sub-container {
  /* for IE5 */ text-align: left;
}
/*[16.3]*/
#plugin1 {
  width: 45%;
  float: left;
}
/*[16.4]*/
#plugin2 {
  width: 45%;
  float: right;
}

/* ■■ [17]各メニューを包括する要素の設定
---------------------------------------
*/
/*[17.1-a]*/
div#sub .menuitem{
  margin-bottom: 0.5em;
  padding: 0 0 22px 0;
  width: 100%;
  overflow: auto;
}
/*[17.1-b: for IE5-IE7]*/
.lt-ie8 #sub .menuitem {
  overflow-x: auto;
  overflow-y: hidden;
}

/* ■■ [18]サブメニュー内各種要素についての設定
---------------------------------------
*/
/*[18.1]*/
#sub h2 {
  margin: 0;
  padding: 0.5em 1em 0.5em;
  background-image: url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-x.gif");
  background-repeat: repeat-x;
  background-position: 0 50%;
  font-size: 100%;
  font-weight: bold;
}
/*[18.2]*/
#sub h2 span{
  padding: 0 0.3em;
}
/*[18.3-a]*/
#sub ul {
  padding-left: 20px;
  list-style-type: square;
}
/*[18.3-b: for IE8]*/
#ie8only #sub ul {
  list-style-type: disc;
}
/*[18.4]*/
#sub ul.sub_menu {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-left: 15px;
  list-style-type: disc;
}
/*[18.5]*/
#sub dd {
  padding-left: 20px;
}
/*[18.6]*/
#sub input , 
#sub textarea {
  margin: 2px 0px;
  padding: 0.1em 1px;
}

/* ■■ [19]フッタ部設定
---------------------------------------
*/
/*[19.1]*/
#footer {
  padding: 4em 0px 1em;
  text-align: center;
  font-size: 10px;
  clear: both;
}
/*[19.2]*/
#footer ,
#footer a:link,
#footer a:visited,
#footer a:hover {
  color: #777;
}
/*[19.3]*/
#footer div.ad, 
#footer p.design, 
#footer p.licence {
  margin: 0;
}


/* ■■ [20]テーブル・カレンダー関係
---------------------------------------
*/
/*[20.1]*/
table {
  font-size: 100%;
}
/*[20.2]*/
table.calender {
  width: 95%;
  margin: 0 auto;
}
/*[20.3]*/
.calender td, 
.calender th {
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0px;
  line-height: 180%;
  font-size: 95%;
}
/*[20.4]*/
th {
  font-weight: normal;
}
/*[20.5]*/
.calender td a:link,
.calender td a:visited {
  background-color: #eee;
  display: block;
  height: 1%;
}
/*[20.6]*/
.calender td a:hover {
  background-color: #ccc;
  display: block;
  height: 1%;
}


/* ■■ [21]全記事一覧についての設定
---------------------------------------
*/

/*[21.1]*/
div.all-titlelist-area dl.titlelist {
  line-height: 1.2;
}
/*[21.2]*/
dl.titlelist dt {
  margin-top: 1.5em;
  padding-left: 6px;
}
/*[21.3]*/
dl.titlelist dd {
  padding-left: 6px;
}
/*[21.4]*/
dl.titlelist dt.titlelist-header-title {
  border-left: 2px solid #666;
  padding-top: 3px;
  font-weight: bold;
  padding-bottom: 1px;
}
/*[21.5]*/
dl.titlelist dt.titlelist-header-title a {
  text-decoration: none;
  font-size: 120%;
}
/*[21.6]*/
dl.titlelist dd.titlelist-header-info {
  margin: 0 0 1px;
  border-left: 2px solid #666;
  padding-bottom: 3px;
  font-size: 90%;
}
/*[21.7]*/
dl.titlelist dd.titlelist-header-info span {
  padding-right: 0.5em;
}
/*[21.8]*/
dl.titlelist dd.titlelist-body {
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 2px solid #aaa;
}



/*■■ [22]バトン用スタイル
---------------------------------------
フォントの種類や質問の数によって、A1などの文字が黒地の部分からはみ出すことがあります。
その場合は、※1?※3の「4em」という部分を、少し大きな値に（5emや5.5emなどに）変更してみてください。
*/
p.baton_title {
  margin: 1em 0;
  border-bottom: 1px dotted #777;
  font-weight: bold;
}
p.baton_title a {
  text-decoration: none;
}
dl.blog_baton {
  margin: 0 1em;
  line-height: 1.4;
}
dl.blog_baton dt {
  margin: 0;
  padding: 0.2em 0 0.2em 0.5em;
  /* ※1 */
  border-left: 4em solid #666;
  /* ↑ここで指定した色が質問番号(Q1など)の背景色になります。*/
  border-bottom: none;
  font-weight: bold;
  position: relative;
}
dl.blog_baton dd {
  margin: 1px 0 1em 0;
  padding: 0.2em 0 0.2em 0.5em;
  /* ※2 */
  border-left: 4em solid #444;
  /* ↑ここで指定した色が回答番号(A1など)の背景色になります*/
  border-bottom: none;
  position: relative;
}
dl.blog_baton span.q_number ,
dl.blog_baton span.a_number {
  position: absolute;
  display: block;
  text-align: center;
  color: #f5f5f5;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
  /* ※3 */
  width: 4em;
  
  /* ↑の値を変えたときは、負の数値を下に入れる。*/
  left: -4em; /* ★ */
}
.lt-ie7 dl.blog_baton span.q_number ,
.lt-ie7 dl.blog_baton span.a_number {
/* IE6用記述。★の値よりさらに-0.5したものを入れる。*/
  left: -4.5em;
}



/* ■■ [23]オリジナルクラス
---------------------------------------
テンプレート内で使えるオリジナルクラスなど。
詳細は作者ブログをご覧ください。*/

/* 【 任意の要素に枠をつける： imgbox 】
記事中の任意の要素に枠をつけます*/
.entry .imgbox {
  border: 1px solid #333;
  margin: 1px;
}

/* 【 任意の要素に枠をつけない： noimgbox 】
記事中の任意の要素に枠をつけないようにします
（枠を表示させるカスタマイズと組み合わせて利用してください）*/
.entry .noimgbox {
  border: none;
}

/* 【 要素の左寄せ： f-left 】
以降のテキストを右側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-left ,
.entry .imgbox.f-left {
  display:inline;
  float: left;
  margin: 0 0.5em 0.5em 0;
}

/* 【 要素の右寄せ： f-right 】
以降のテキストを左側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-right ,
.entry .imgbox.f-right {
  display: inline;
  float: right;
  margin: 0 0 0.5em 0.5em;
}

/* 【 画像を写真風に： photo 】
写真のような枠をつけることが出来ます。*/
.entry .photo {
  margin: 0.5em;
  padding: 6px;
  background: #fff url("http://blog-imgs-41.fc2.com/r/i/m/rimse/photo_loading.gif") no-repeat center center;
  border: 1px solid #666;
}

/* 【 さらに強い強調： strong 】
strong要素にのみ適用可能。アクセントカラーを使い、強い強調を表現。*/
strong.strong , strong.strong a:link , strong.strong a:visited {
  color: #f36;
}


/* ■■ スタイルシート追加用エリア
---------------------------------------
スタイルを追加する場合は、ここより下に追加してください */









/* スタイルを追加する場合は、ここより上に追加してください */ }

★ テンプレート更新通知機能つき

更新機能・見本テンプレートの更新通知機能がついています。更新があるとブログのフッタ部分に★マークがつきます。たまに確認していただけるとありがたいです。

★ 簡易カスタマイズ項目

以下の項目は簡易カスタマイズとしてまとめられています。詳しくはスタイルシート上部を参照してください。
（バージョンによって項目に多少差があります）

フォントの設定
- 基本となるフォント
- ブログタイトルのフォント
フォントサイズの変更
- 全体の文字サイズ
- タイトルの文字サイズ
- ブログ紹介文の文字サイズ
- メインカラムの文字サイズ
- 記事の本文の文字サイズ
- サブカラムの文字サイズ
文字色の変更
- 記事の文字色
- サブカラムの文字色
背景色の変更
- 全体の背景色
記事中の画像に枠をつける
タイトル部分の設定
- タイトルの文字色
- タイトルのフォント
幅可変／固定の切り替え

★ テンプレート独自クラスについて

記事中での使用を想定したいくつかのクラスが用意してあります。
（バージョンによって項目に多少差があります）

1.要素の回り込み

これまでは回り込みなどを実現するにはいちいちスタイルを直接書き込まなければなりませんでした。しかも、たとえばfloat : left;としただけでは画像と文字が近すぎて、見栄えが良くありません。そこで、テンプレート側で回り込みに関するクラスを用意し、余白などをいちいち設定しなくても良いようにしてみました。

指定方法
テキストを右へ回り込ませたい場合は、「class="f-left"」を、左に回り込ませたい場合は「class="f-right"」を画像等の要素に追加してください。

<img src="画像のurl" class="f-left" />

太字の部分を追加すればOKです。

なお、このクラスは「2.写真風の枠」、または「3.シンプルな枠」と重複して設定することができます。重複して設定する場合は、

<img src="画像のurl" class="f-left photo" />

というように、半角スペースとともにクラス名を追加してください。

2.写真風の枠

画像に対して写真風の枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。
090109_DSC00477
こんな感じになります。

指定方法
imgタグに「class="photo"」を追加してください。

<img src="画像のurl" class="photo" />

太字の部分を追加すればOKです。

3.シンプルな枠

画像に対してシンプルな枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。

こんな感じになります。

指定方法
imgタグに「class="imgbox"」を追加してください。

<img src="画像のurl" class="imgbox" />

太字の部分を追加すればOKです。

4.枠をつけない

記事中の任意の要素に枠をつけないようにします。
このクラスは、記事中の画像に枠を表示させるカスタマイズ（スタイルシート上部、簡易カスタマイズ内に項目があります）と組み合わせて利用してください。
「1.要素の回り込み」と重複して指定することが可能です。

指定方法 imgタグに「class="noimgbox"」を追加してください。

<img src="画像のurl" class="noimgbox" />

太字の部分を追加すればOKです。

★ 使用条件・ライセンスについて

このテンプレートは、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
テンプレート各部分の原著作者・ライセンスは以下の通りです。

HTML・CSS: "omega" / rimse

[ Close ]

Tag List: omega

blanc3c

00:24

★ プレビュー

画像クリックでプレビューができます。

デフォルトの設定では、メインカラムが左側に配置されます。

【カラム配置変更後】
カラム配置を変更した場合は、メインカラム（記事）が中央に配置されます。

★ 基本情報

テンプレート名 : blanc3c
最新バージョン : 1.1

更新履歴 - Update history

11/03/27 : 1.0 → 1.1: [Bug Fix] 新仕様サーバーで生じる不具合を修正; [Modify] 可変幅の上限/下限を見直し; [Modify] 他言語環境への最適化; [Modify] Mac用フォントの追加・トラックバック部分のスタイル変更など細部の修正多数
09/10/25: ブログ内配布開始

飾らないデザイン、真っ白なカタチ。記事が映えるシンプルテンプレート。
タイトル画像の変更、カラム配置切り替え、幅可変／固定の切り替えのほか、様々なカスタマイズ項目を用意。
プラグイン3はトップページの記事上部に表示されます。
バトン用専用スタイルあり。プラグインON/OFF対応。XHTML 1.0 Transitional。jQueryをテンプレート内で使用しています。

Mac版InternetExplorerで閲覧する際には、スタイルを適用しないよう設定されています。ご了承ください。

★ テンプレート追加方法

テンプレートは手作業で追加することになります。

（以下のテキストエリアは、エリア内をクリックすると自動で全選択になります）

HTML↓

<!--index_area--><!--not_index_area-->

--- INFORMATION ----------------------------------------------------
       FC2 BLOG template
       Blanc3c ver.1.1 
       Designed by Nefert ( http://rimse.blog73.fc2.com/ )
--------------------------------------------------------------------
                                          Last update : Mar 27, 2011
    
    "Blanc3c" is licensed under a CC-BY.
    ( http://creativecommons.org/licenses/by/3.0/deed.ja )

  ■ ダウンロードありがとうございます。
    カスタマイズはご自由にどうぞ。

  ■ ブラウザのウィンドウサイズに合わせて表示幅が変化します。
    大きめの画像をよく載せるときは、表示幅を固定すると便利です。
    幅を固定する場合はHTML中の
      <body class="fixed-off shift-off">
                   ^^^^^^^^^
    という部分を
      <body class="fixed-on shift-off">
                   ^^^^^^^^
    と変更してください。
    サイズの設定などはスタイルシートにて行ってください。
    
  ■ 左右のカラムを反転させたスタイルが用意されています。
    反転させたものを使う場合は、
      <body class="fixed-off shift-off">
                             ^^^^^^^^^
    という部分を
      <body class="fixed-off shift-on">
                             ^^^^^^^^
    と変更してください。    
  
  ■ 追記はページ遷移のない開閉式になっています。
    追記の開閉を使用したくない場合は、HTML中の
    <!-- [ A. "Read more" script ] -->
    <script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/morescript.js"></script>
    という部分を削除してください。
    表示する文字列は [ B. "Read more" configuration ] にて変更できます。

  ■ 他言語環境での使用を考慮し、一部に多言語変数を使用しています。
    また、日付の表示はブログの言語環境に合わせて変わります。
    日付の書式は [ C. Date display ] にて変更できます。

  ■ 「テンプレート更新通知機能」がついています。
     テンプレートに更新があった際、ブログ下部の
     Blog template "Blanc3c ver.x.x" という部分に★が表示されます。
     （x.xはテンプレートのバージョンです）
     
  ■ 記事を書く際に便利な独自クラスを用意してあります。
    詳しくは作者ブログまで。
  
  ■ jQueryを使用しています。
 
  ■ 質問・要望・不具合報告等は作者ブログまでお気軽に。
  


                                    ※このエリアはHTMLに出力されません。
--- BEGIN HTML ----------------------------------------------------
<!--/not_index_area--><!--/index_area--><!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=<%template_charset>" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="<%author_name>" />
<!--index_area--><meta name="description" content="<%introduction>" />
<title> <%blog_name> </title><!--/index_area-->
<!--not_index_area--><title><!--permanent_area--><%sub_title> | <!--/permanent_area--><!--date_area-->Archives[ <%sub_title> ] | <!--/date_area--><!--category_area-->Category[ <%sub_title> ] | <!--/category_area--><!--search_area-->Search[ <%sub_title> ] | <!--/search_area--><!--tag_area-->Tag[ <%sub_title> ] | <!--/tag_area--><!--titlelist_area-->All Title List | <!--/titlelist_area--><%blog_name></title><!--/not_index_area-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<link rel="contents" href="<%url>" title="<%blog_name>" />
<!--permanent_area--><!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry--><!--/permanent_area-->
<script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/jquery-151.js"></script>
<link rel="stylesheet" type="text/css" charset="<%template_charset>" href="<%css_link>" />
<link rel="stylesheet" type="text/css" charset="utf-8" href="http://blog-imgs-41.fc2.com/r/i/m/rimse/update.css" />

<!-- [ A. "Read more" script ] -->
<script type="text/javascript" charset="utf-8" src="http://blog-imgs-31.fc2.com/r/i/m/rimse/morescript.js"></script>

<script type="text/javascript">
//<![CDATA[
// [ B. "Read more" configuration ]
if ("<%template_language>" == "ja") {
  // For Japanese user.
  n_extendword = "[ 続きを読む ]";
  n_closeword = "[ 追記を閉じる ]";
} else {
  // For international user.
  n_extendword = "[ <%template_extend> ]";  // Read more
  n_closeword = "[ Close ]";
}

// [ C. Date display ]
function n_days(yy,mm,dd,dw,dwj,pt) {
var out = new Array();
var n_l = "<%template_language>";
var n_m1 = ["Jan.","Feb.","Mar.","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var n_m2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
if(yy != "&#45;&#45;") { //exception handling
mms = n_m1[parseInt(mm)];
mml = n_m2[parseInt(mm)];
// [Variable name]
//   yy : Year , mm : Month , dd : Day
//   dw : Day of the week , dwj : Day of the week(Japanese)
//   mms : Abbreviated month(English) , mml : Unabbreviated month(English)

if(n_l == 'ja' || n_l == 'zh-cn' || n_l == 'zh-tw') {
  // Japanese, Chinese (ex: 2011年3月11日 )
  out[0] = yy + '年' + mm + '月' + dd + '日';
  out[1] = yy + '年' + mm + '月' + dd + '日(' + dwj + ')';
  out[2] = mms + ' ' + dd + ', ' + yy;
} else if(n_l == "ko") {
  // Korean (ex: 2011년3월9일)
  out[0] = yy + '년' + mm + '월' + dd + '일';
} else {
  // English, and other languages. (ex: Mar 9th, 2011)
  out[0] = mms + ' ' + dd + ', ' + yy;
  out[1] = dw + ' ' + mms + ' ' + dd + ', ' + yy;
}
if(out.length < pt){ pt = 0; }
document.write(out[pt]);
}}

jQuery(function($){
$('img:not([title])').each(function(){$(this).attr('title',$(this).attr('alt'));});
<!--permanent_area-->
$('div.comment-title p:empty').closest('div.comment-title').empty();
$('.trackback-url input').focus(function(){$(this).select();}).click(function(){$(this).select();return false;});
<!--/permanent_area-->
});

//]]>
</script>
</head>
<!--index_area--><!--not_index_area-->
D.幅可変・固定の切り替え [ Liquid / Solid Layout ]
固定幅にする場合はクラス名の「fixed-off」を「fixed-on」としてください

E.カラム配置の設定 [ Use Another Design ]
カラムを逆に配置する場合はクラス名の「shift-off」を「shift-on」としてください。
<!--/not_index_area--><!--/index_area-->

<body class="fixed-off shift-off">

<!-- FC2のアクセス解析はこの下にHTMLを追加してください -->


<!--[if gt IE 8]><div id="ie8up" class="gt-ie7 gt-ie8"><![endif]-->
<!--[if IE 8]><div id="ie8only" class="gt-ie7"><![endif]-->
<!--[if IE 7]><div id="ie7only" class="lt-ie8"><![endif]-->
<!--[if IE 6]><div id="ie6only" class="lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 5.5000]><div id="ie5-5only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->
<!--[if lt IE 5.5000]><div id="ie5-01only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->



<div id="wrapper" class="<!--not_index_area-->not-<!--/not_index_area-->index-area<!--not_plugin--> plugin-off<!--/not_plugin--><!--permanent_area--> permanent-area<!--/permanent_area--><!--date_area--> date-area<!--/date_area--><!--category_area--> category-area<!--/category_area--><!--search_area--> search-area<!--/search_area--><!--tag_area--> tag-area<!--/tag_area--><!--titlelist_area--> titlelist-area<!--/titlelist_area--> blog-lang-<%template_language>">
<div id="page">


<!-- ##### BEGIN [ header ] ##### -->
<div id="header"><div class="header-container">
<div id="title">
<h1>
<a href="<%url>" title="「<%blog_name>」のトップページへ"><%blog_name></a>
<!--not_index_area--><span id="subtitle">
<!--permanent_area--><span class="subtitle-separate"> : </span><%sub_title><!--/permanent_area-->
<!--date_area--><span class="subtitle-separate"> : </span>Archives [ <%sub_title> ]<!--/date_area-->
<!--category_area--><span class="subtitle-separate"> : </span>Category [ <%sub_title> ]<!--/category_area-->
<!--search_area--><span class="subtitle-separate"> : </span>Search [ <%sub_title> ]<!--/search_area-->
<!--tag_area--><span class="subtitle-separate"> : </span>Tag [ <%sub_title> ]<!--/tag_area-->
</span><!--/not_index_area-->
</h1>
</div>
<div id="introduction">
<p><%introduction></p></div>
</div></div>
<!-- ##### END [ header ] ##### -->

<hr class="separator" />

<!-- ##### BEGIN [ contents ] ##### -->
<div id="contents"><div class="contents-container">

<!-- ##### BEGIN [ 3column-container ] ##### -->
<div id="three-column-container">

<!-- ##### BEGIN [ main ] ##### -->
<div id="main"><div class="main-container">


<!-- ##### BEGIN [ pagelink ] ##### -->
<!--permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo;</span> Prev</a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>

<!--/permanent_area-->
<!--not_permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%prevpage_url>" title="<%template_prevpage>"><span>&laquo;</span> Prev</a></span></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextpage_url>" title="<%template_nextpage>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->
<!-- ##### END [ pagelink ] ##### -->

<hr class="separator" />

<!--index_area--><!--plugin--><!--plugin_third-->
<div class="plugin3"><div class="plugin3-container">
<div class="plugin3-header"><div class="plugin3-header-container">
<h2 class="plugin3-title"><span><%plugin_third_title></span></h2>
</div></div>
<div class="plugin3-body"><div class="plugin3-body-container">
<!--plugin_third_description--><div class="p-description p-<%plugin_third_ialign>"><%plugin_third_description></div><!--/plugin_third_description-->
<div class="p-<%plugin_third_align>"><%plugin_third_content></div>
<!--plugin_third_description2--><div class="p-description2 p-<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->
</div></div>
</div></div>
<!--/plugin_third--><!--/plugin--><!--/index_area-->



<!-- ##### BEGIN [ entry(article) ] ##### -->
<!--topentry-->
<div class="entry" id="entry-no<%topentry_no>"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%topentry_link>"><%topentry_title_w_img></a></h2></div>
<div class="entry-time"><p class="entry-time">
<script>n_days("<%topentry_year>","<%topentry_month>","<%topentry_day>","<%topentry_youbi>","<%topentry_wayoubi>",0)</script><noscript><%topentry_year>/<%topentry_month>/<%topentry_day></noscript> 
<%topentry_hour>:<%topentry_minute></p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<%topentry_body>
<!--more_link-->
<div class="entry-more" id="entry-more-<%topentry_no>">
<a href="<%topentry_link>#more" class="entry-extend"><span><noscript>[ <%template_extend> ]</noscript></span></a>
<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br />
<%topentry_more>
<p><a href="#entry-no<%topentry_no>" class="extend-close"><span>[ Close ]</span></a></p>
</div>
</div>
<!--/more_link-->
<!--more-->
<a name="more" id="more"></a>
<div class="entry-more entry-more-page"><%topentry_more></div>
<!--/more-->

</div></div>
<div class="entry-footer"><div class="entry-footer-container">
<!--topentry_tag-->
<dl class="entry-tag">
<dt>Tag List</dt>
<!--tag_list-->
<dd><a href="<%url>?tag=<%topentry_tag_list_parsename>" title="[<%topentry_tag_list_name>]のタグがある記事"><%topentry_tag_list_name></a></dd>
<!--/tag_list-->
</dl>
<!--/topentry_tag-->
<!--community-->
<dl class="entry-thread"> 
<dt>Thread</dt>
<dd><%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a></dd>
<dd><%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a></dd>
</dl>
<!--/community-->
<ul class="entry-info"><!-- 
--><!--allow_comment--><li class="comment-info"><a href="<%topentry_link>#view_comment">Comments<span class="comment_num">(<%topentry_comment_num>)</span></a></li><!--/allow_comment--><!-- 
--><!--allow_tb--><li class="trackback-info"><a href="<%topentry_link>#trackback">Trackbacks(<%topentry_tb_num>)</a></li><!--/allow_tb--><!-- 
--><li class="category-info"><a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a></li><!--
--></ul>
</div></div>
</div></div>
<div class="rdf">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
</div>
<hr class="separator" />
<!--/topentry-->
<!-- ##### END [ entry(article) ] ##### -->


<!--comment_area-->
<dl id="pagecenter-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo; </span><%preventry_title></a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry></dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title><span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>
<hr class="separator" />

<!-- ##### BEGIN [ comments ] ##### -->
<div class="comment"><div class="comment-container">
<a name="view_comment" id="view_comment"></a>
<h3><span><%template_comment></span></h3>
<div class="view-comment">
<ol><!--comment--><li id="comment<%comment_no>">
<div class="comment-header"><p><!--comment_edit--><span class="comment-trip-<%comment_trip>"><!--/comment_edit--><%comment_mail+name><!--comment_edit--></span><!--/comment_edit--> | <%comment_url+str> | <span class="trip"><%comment_trip></span></p></div>
<div class="comment-title"><p><%comment_title></p></div>
<div class="comment-body"><p><%comment_body></p></div>
<div class="comment-footer"><p>( 
<script>n_days("<%comment_year>","<%comment_month>","<%comment_day>","<%comment_youbi>","<%comment_wayoubi>",0)</script><noscript><%comment_year>/<%comment_month>/<%comment_day></noscript> 
<%comment_hour>:<%comment_minute> <!--comment_edit-->[<a href="<%comment_edit_link>" title="<%template_edit_comment>">Edit</a>]<!--/comment_edit--> )</p></div>
</li><!--/comment--></ol>
</div>

<!-- ##### BEGIN [ comments (post) ] ##### -->
<h3><span><%template_post_comment></span></h3>
<div class="write-comment">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="comment[name]" class="form-name" value="<%cookie_name>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="comment[title]" class="form-subject" value="" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="comment[mail]" class="form-mail" value="<%cookie_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="comment[url]" class="form-url" value="<%cookie_url>" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="comment[body]" class="form-comment" ></textarea></dd>
<dt><label for="pass"><%template_password> : </label></dt>
<dd><input id="pass" type="password" name="comment[pass]" class="form-pass" /><span class="ja-note"> (コメントの編集・削除時に必要)</span>
</dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> : </label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" class="checkbox" /> (<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="form" /></li>
</ul>
</form>
</div>
<!-- ##### END [ comments (post) ] ##### -->
</div></div>
<!--/comment_area-->


<!--edit_area-->
<!-- ##### BEGIN [ comments (Edit) ] ##### -->
<hr class="separator" />
<div class="comment"><div class="comment-container">
<div class="edit-comment">
<h2><span><%template_edit_comment></span></h2>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="edit[name]" class="form-name" value="<%edit_name>" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="edit[mail]" class="form-mail" value="<%edit_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="edit[url]" class="form-url" value="<%edit_url>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" class="form-subject" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="edit[body]" class="form-comment"><%edit_body></textarea></dd>
<dt><label for="pass"><%template_password> :</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" class="form-pass" /></dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> :</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" class="checkbox" />(<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="edit-end" /></li>
<li><input type="submit" name="edit[delete]" value="<%template_delete>" class="edit-del" /></li>
</ul>
</form>
</div>
</div></div>
<!-- ##### END [ comments (Edit) ] ##### -->
<!--/edit_area-->
<!-- ##### END [ comments ] ##### -->


<!--trackback_area-->
<!-- ##### BEGIN [ Trackback ] ##### -->
<hr class="separator" />
<div class="trackback"><div class="trackback-container">
<a name="trackback" id="trackback"></a>
<h3><span><%template_trackback></span></h3>
<dl class="trackbacks">
<dt class="trackback-url">Trackback URL</dt>
<dd class="trackback-url"><input type="text" name="trackbackurls" value="<%trackback_url>" readonly="readonly" /></dd>
<dt class="trackback-list">Trackbacks</dt>
<!--trackback-->
<dd class="trackback-list">
<p class="trackback-list-title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a>
<span> (<script>n_days("<%tb_year>","<%tb_month>","<%tb_day>","<%tb_youbi>","<%tb_wayoubi>",0)</script><noscript><%tb_year>/<%tb_month>/<%tb_day></noscript> 
<%tb_hour>:<%tb_minute> )</span>
</p>
<p class="trackback-list-excerpt"><%tb_excerpt></p>
</dd>
<!--/trackback-->
</dl>
</div></div>
<!-- ##### END [ Trackback ] ##### -->
<!--/trackback_area-->


<!--titlelist_area-->
<!-- ##### BEGIN [ All titlelist ] ##### -->
<div class="entry all-titlelist-area"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%url>?all">All Title List</a></h2></div>
<div class="entry-time"><p class="entry-time">Records of "<a href="<%url>" title="<%blog_name>"><%blog_name></a>"</p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<dl class="titlelist">
<!--titlelist-->

<dt class="titlelist-header-title titlelist-category-<%titlelist_category_no>"><a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a></dt>
<dd class="titlelist-header-info  titlelist-category-<%titlelist_category_no>">
<span><%titlelist_year>年<%titlelist_month>月<%titlelist_day>日 <%titlelist_hour>:<%titlelist_minute></span> 
<span>[<a href="<%titlelist_category_url>" title="<%template_category> : <%titlelist_category>"><%titlelist_category></a>]</span></dd>
<dd class="titlelist-body titlelist-category-<%titlelist_category_no>"><%titlelist_body>...</dd>

<!--/titlelist-->
</dl>
</div></div>
</div></div>
<!-- ##### END [ All titlelist ] ##### -->
<!--/titlelist_area-->


<!--permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><span>&laquo; </span><%preventry_title></a></span></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title><span> &raquo;</span></a></span></dd><!--
--><!--/nextentry-->
</dl>
<!--/permanent_area-->
<!--not_permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><span class="pagelink-item"><a href="<%prevpage_url>" title="<%template_prevpage>"><span>&laquo; </span>Prev</a></span></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><span class="pagelink-item"><a href="<%url>" title="<%template_home>">Home</a></span></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><span class="pagelink-item"><a href="<%nextpage_url>" title="<%template_nextpage>">Next<span> &raquo;</span></a></span></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->
</div></div>
<!-- ##### END [ main ] ##### -->

<hr class="separator" />

<!-- ##### Begin [ sub ] ##### -->
<div id="plugin1" class="submenu"><div class="sub-container">
<!--plugin-->
<!--plugin_first-->
<div class="menuitem plugin-<%plugin_first_tag>">
<h2><span><%plugin_first_title></span></h2>
<div class="menu-body">
<!--plugin_first_description--><div class="p-description p-<%plugin_first_ialign>"><%plugin_first_description></div><!--/plugin_first_description-->
<div class="p-<%plugin_first_align>"><%plugin_first_content></div>
<!--plugin_first_description2--><div class="p-description2 p-<%plugin_first_ialign>"><%plugin_first_description2></div><!--/plugin_first_description2-->
</div>
</div>
<!--/plugin_first-->
<!--/plugin-->

<!--not_plugin-->
<div id="author" class="menuitem">
<h2><span>Profile</span></h2>
<div class="menu-body">
<p class="myimage"><img src="<%image>" alt="<%author_name>" /></p>
<p class="intro">Author:<%author_name><br /><%introduction2></p>
</div>
</div>
<div id="calender" class="menuitem">
<h2><span>Calender</span></h2>
<div class="menu-body">
<table class="calender" summary="カレンダー">
<caption><a href="<%prev_month_link>" class="prev-month" title="<%prev_month>月のエントリーを見る"><%prev_month></a> | </span><span class="now-month"><%now_year>-<%now_month></span> | <a href="<%next_month_link>" class="next-month" title="<%next_month>月のエントリーを見る"><%next_month></a></caption>
<tr>
<th abbr="日曜日" scope="row" class="sun">日</th>
<th abbr="月曜日" scope="row" class="week">月</th>
<th abbr="火曜日" scope="row" class="week">火</th>
<th abbr="水曜日" scope="row" class="week">水</th>
<th abbr="木曜日" scope="row" class="week">木</th>
<th abbr="金曜日" scope="row" class="week">金</th>
<th abbr="土曜日" scope="row" class="sat">土</th>
</tr>
<!--calender-->
<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>
<!--/calender-->
</table>
</div>
</div>
<div id="recent-entries" class="menuitem">
<h2><span>Recent Entries</span></h2>
<div class="menu-body">
<ul>
<!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title> <span>(<%recent_month>/<%recent_day>)</span></a></li>
<!--/recent-->
</ul>
</div>
</div>
<div id="recent-comments" class="menuitem">
<h2><span>Recent Comments</span></h2>
<div class="menu-body">
<ul>
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>
</div>
<div id="recent-trackbacks" class="menuitem">
<h2><span>Recent Trackbacks</span></h2>
<div class="menu-body">
<ul>
<!--rtrackback-->
<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a></li>
<!--/rtrackback-->
</ul>
</div>
</div>
<div id="archives" class="menuitem">
<h2><span>Archives</span></h2>
<div class="menu-body">
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive-->
</ul>
</div>
</div>
<div id="categories" class="menuitem">
<h2><span>Categories</span></h2>
<div class="menu-body">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
<!--/category-->
</ul>
</div>
</div>
<div id="bookmark" class="menuitem">
<h2><span>Bookmark</span></h2>
<div class="menu-body">
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>
</div>
</div>
<div id="admin" class="menuitem">
<h2><span>Admin</span></h2>
<div class="menu-body">
<ul>
<li><a href="./?admin">管理者ページ</a></li>
<li><a href="<%url>?xml">RSS</a></li>
</ul>
</div>
</div>
<!--/not_plugin-->
</div></div>


</div>
<!-- ##### END [ 3column-container ] ##### -->

<!--plugin-->
<div id="plugin2" class="submenu"><div class="sub-container">
<!--plugin_second-->
<div class="menuitem plugin-<%plugin_second_tag>">
<h2><span><%plugin_second_title></span></h2>
<div class="menu-body">
<!--plugin_second_description--><div class="p-descriptions p-<%plugin_second_ialign>"><%plugin_second_description></div><!--/plugin_second_description-->
<div class="p-<%plugin_second_align>"><%plugin_second_content></div>
<!--plugin_second_description2--><div class="p-description2 p-<%plugin_second_ialign>"><%plugin_second_description2></div><!--/plugin_second_description2-->
</div>
</div>
<!--/plugin_second-->
</div>
<!--/plugin-->

</div></div>
<!-- ##### END [ sub ] ##### -->
</div>
</div>
<!-- ##### END [ contents ] ##### -->

<!-- ##### BEGIN [ footer ] ##### -->
<hr class="separator" />
<div id="footer">
<div class="ad"><%ad> <%ad2></div>
<p class="design">
<div>Blog template is "Blanc3c ver.<span id="version" class="ver11"><span class="blanc3c-update">1.1</span></span>", designed by <a href="http://rimse.blog73.fc2.com/">Nefert</a>.</div>
</p>
</div>
<!-- ##### END [ footer ] ##### -->
</div>
</div>
<!--[if gt IE 8]></div><![endif]-->
<!--[if IE 8]></div><![endif]-->
<!--[if IE 7]></div><![endif]-->
<!--[if IE 6]></div><![endif]-->
<!--[if IE 5.5000]></div><![endif]-->
<!--[if lt IE 5.5000]></div><![endif]-->
</body>
</html>

スタイルシート↓

@media all{

/* ■■ 簡易カスタマイズ：目次 
---------------------------------------
　・基本設定の変更
　・タイトル部分の変更
　・幅可変／固定の切り替え
　・カラム配置設定
--------------------------------------*/

/* ■ 基本設定の変更
-------------------*/

/* 【フォントの設定】 */
/* 基本となるフォント */
body {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS UI Gothic", sans-serif;
}
/* ブログタイトルのフォント */
#title h1 a {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Sans Unicode", Verdana, "MS UI Gothic", sans-serif;
}



/* 【フォントサイズの変更】
初期状態からの割合を指定してください。*/
/* 全体の文字サイズ */
#page {
  font-size: 100%;
}
/* タイトルの文字サイズ */
#title h1 a {
  font-size: 100%;
}
/* ブログ紹介文の文字サイズ */
#introduction {
  font-size: 100%;
}
/* メインカラムの文字サイズ */
#main {
  font-size: 100%;
}
/* 記事の本文の文字サイズ 
「メインカラムの文字サイズ」からの相対的な値になります */
.entry-body {
  font-size: 100%;
}
/* サブカラムの文字サイズ */
.submenu {
  font-size: 100%;
}


/* 【文字色の変更】
リンク以外の文字色です。
リンク部分の文字色については [1]リンク用設定 を参照してください。
記事タイトルの文字色は、リンクの文字色が適用されます。*/

/* 記事の文字色 */
.entry , .comment , .trackback , .plugin3 , .entry a.tagword {
  color: #555; 
}
/* サブカラムの文字色 */
.submenu {
  color: #555;
}

/* 【背景色の設定】*/
/* 全体の背景色 */
body , .submenu h2 span , dl#pagetop-link a {
  background-color: #fff;
}
/* 記事・コメント・トラックバック・プラグイン3の背景 */
.entry , .comment , .trackback , .plugin3 {
  background-color: #fff;
}


/* 【記事部分の枠の設定】*/
/* 太さ・枠線の種類・色を変更できます */
.entry , .comment , .trackback , .plugin3 {
  border: 1px solid #333;
}


/* 【カラム幅の変更A：カラム配置を変更していない場合】*/
/* [1]～[6]を編集してください。ちょっと複雑です。 */
/*[1]*/
.shift-off #plugin1 {
  width: 210px; /* [A1]:プラグイン1の幅 */
}
/*[2]*/
.shift-off #plugin2 {
  width: 210px; /* [A2]:プラグイン2の幅 */
}
/*[3]*/
.shift-off #three-column-container {
  margin-right: -210px; /* [A1]のマイナス値をいれる */
}
/*[4]*/
.shift-off #plugin1 {
  margin-right: 210px; /* [A2]の値をいれる */
  margin-left: -420px; /* ([A1] + [A2])のマイナス値をいれる */
}
/*[5]*/
.shift-off div#main {
  margin-right: -420px; /* ([A1] + [A2])のマイナス値をいれる */
}
/*[6]*/
.shift-off div.main-container {
  padding-right: 420px; /* ([A1] + [A2])の値をいれる */
}


/* 【カラム幅の変更B：カラム配置を変更している場合】*/
/* [1]～[4]を編集してください */
/*[1]*/
.shift-on div.main-container {
  padding-left: 210px; /* [B1]:プラグイン1の幅 */
  padding-right: 210px; /* [B2]:プラグイン2の幅 */
}
/*[2]*/
.shift-on #plugin1 { 
  width: 210px; /* [B1]の値をいれる */
  margin-right: -210px; /* [B1]のマイナス値をいれる */
}
/*[3]*/
.shift-on #plugin2 {
  width: 210px; /* [B2]の値をいれる */
}
/*[4]*/
.shift-on #three-column-container {
  margin-right: -210px; /* [B2]のマイナス値をいれる */
}


/* 【記事中の画像の枠】
記事中の画像に対し枠をつける場合は、
↓の※C1と※C2の行を削除してください（絵文字には枠はつきません）
枠の色、太さなどについては、borderプロパティを編集してください。*/
/*※C1 ---この行を削除---
.entry-body img {
  border: 1px solid #333;
  margin: 1px;
  padding: 0;
}
※C2 ---この行を削除---*/


/* ■ タイトル部分の変更
-------------------*/

/* 【タイトルの背景色】 */
#title h1 a:link , #title h1 a:visited {
  background-color: #333;
}
/* 【タイトルのアクセントカラー】
タイトルにカーソルを乗せた時にもこの色が適用されます */
#title {
  background-color: #c33;
}
/* 【タイトルの文字色】 通常の状態 */
#title h1 a:link , #title h1 a:visited {
  color: #fff;
}
/* 【タイトルの文字色】 カーソルをのせた状態 */
#title h1 a:hover {
  color: #fff;
}
/* 【ブログ紹介文・サブタイトルの文字色】*/
#header {
  color: #555;
}

/* ■■ 表示幅の設定
---------------------------------------
初期設定では、表示幅はウィンドウサイズに合わせて変化します（上限・下限あり）。
この可変幅状態において、記事中で大きな画像等を使うと、ウィンドウサイズに
よっては記事下部にスクロールバーが表示されることがあります。
もしこれが気になるようでしたら、幅を固定し、横幅を広く設定してください。
（可変・固定の切り替えはHTMLを参照）*/

/* 【可変幅の設定】
[1]から[3]の項目を編集してください*/
.fixed-off #wrapper {
  max-width: 1100px; /*[1]上限：初期設定では1100ピクセル*/
  min-width: 900px;  /*[2]下限：初期設定では900ピクセル*/
}
.fixed-off .lt-ie7 #wrapper {
/*IE6は強制的に固定幅になります */
  width: 900px;  /*[3]IE6用の表示幅設定：初期設定は900ピクセル*/
}


/* 【固定幅の設定】
固定幅に設定したときの横幅を指定。初期設定では900ピクセル。*/
.fixed-on #wrapper { width: 900px; }



/* ■ カラム配置設定
-------------------
*/

/* この部分はカスタマイズ非推奨 */
#three-column-container {float:left;width:100%;}
.shift-off div#main {float:left;width:100%;}
.shift-off .lt-ie7 #plugin1 {margin-right:0px;}
.shift-off #plugin1 {float:right;}
.shift-off #plugin2 {float:right;}
.shift-off div.submenu .menu-body {padding:0 0 0 1em;}
.shift-off div.submenu .sub-container {padding:0 0 0 1.5em;}
.shift-on div#main {float:right;width:100%;}
.shift-on div.main-container {margin:0 1.5em;}
.shift-on #plugin1 {float:left;}
.shift-on #plugin2 {float:right;}
.shift-on div.submenu .menu-body {padding:0 0 0 1em;}
/* この部分はカスタマイズ非推奨 */

/*
---------------------------------------
■■ 簡易カスタマイズ：ここまで*/

/*
■■ スタイルシート・目次
---------------------------------------
ここから詳細な設定です。
  [0]：デフォルトスタイルの再設定
  [1]：リンク用設定
  [2]：ページ全体の設定
  [3]：タイトル部分の設定
  [4]：コンテンツを包括する要素の設定
  [5]：メインコンテンツを包括する要素の設定
  [6～9]：記事の設定
  [10～14]：コメント・トラックバックの設定
  [15]：前後のページへのナビゲーション
  [16～18]：サブメニュー・プラグインの設定
  [19]：フッタ部設定
  [20]：テーブル・カレンダー関係
  [21]：全記事一覧についての設定
  [22]：バトン用スタイル
  [23]：オリジナルクラス
---------------------------------------*/


/*■■ [0] デフォルトスタイルの再設定
---------------------------------------
ブラウザ間の表示差を少なくするため、一般的な要素にスタイルを設定しています。*/

/* この部分はカスタマイズ非推奨 */
body,div,dl,dt,dd,li,form,fieldset,input,th,td {margin:0;padding:0;}
html > body {font-size:12pt;}
input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],label,button {cursor:pointer;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;}
strong,b {font-weight:bold;}
blockquote {margin:1em 2em;padding:0.5em;border:1px dashed #999;}
em,i,cite,dfn,var {font-style:italic;}
u {text-decoration:underline;}
s,strike {text-decoration:line-through;}
pre,code,kbd {font-family:"Consolas","Osaka-mono","Lucida Console",monospace;}
pre {white-space:pre;border:1px dashed #999;padding:12px 3% 20px;margin:0.5em auto;width:92%;font-size:12px;overflow:auto;}
.lt-ie8 pre {overflow:scroll;}
ul,ol {margin:1em 0;padding:0 0 0 40px;}
p {margin: 1em 0;}
a,a[name]:hover {text-decoration:none;}
br { letter-spacing: 0px; }
.rdf{display:none;clear:both;}
hr {height:0;padding:0;border:none;border-bottom:1px dotted #999;}
hr.separator {display:none;}
.plugin3-skip , #entrystart {display:none;}
img.emoji {border:none;margin:0 1px -2px;}
textarea , input[type="text"] {font-size: 100%;}
.ja-note {display:none;}
.blog-lang-ja span.ja-note {display:inline;}
#ie8only .entry-extend:after {display:block;content: '';}
/* この部分はカスタマイズ非推奨 */



/*■■ [1] リンク用設定
---------------------------------------
リンクの文字色などの設定しています。
あくまで全体的な設定なので、局所的なものはそれぞれの場所に。*/

/*[1.1] 基本設定 */
/*[1.1.1] 通常の状態 */
a:link {
  color: #555;
  text-decoration: underline;
}
/*[1.1.2] 訪問済みの状態 */
a:visited {
  color: #555;
  text-decoration: underline;
}
/*[1.1.3] カーソルをのせた状態 */
a:hover {
  color: #c33;
  text-decoration: underline;
}

/*[1.2] サブカラム中のリンク */
/*[1.2.1] 通常の状態 */
.submenu a:link {
  color: #666;
  text-decoration: underline;
}
/*[1.2.2] 訪問済みの状態 */
.submenu a:visited {
  color: #888;
  text-decoration: underline;
}
/*[1.2.3] カーソルをのせた状態 */
.submenu a:hover {
  color: #c33;
  text-decoration: underline;
}

/*[1.3] ページ上部の「前後のページへのリンク」*/
/*[1.3.1] 通常の状態 */
dl#pagetop-link a:link {
  color: #666;
}
/*[1.3.2] 訪問済みの状態 */
dl#pagetop-link a:visited {
  color: #666;
}
/*[1.3.3] カーソルをのせた状態 */
dl#pagetop-link a:hover {
  color: #c33;
}

/*[1.4] 記事下部の「前後のページへのリンク」*/
/*[1.4.1] 通常の状態 */
dl#pagecenter-link a:link ,
dl#pagebottom-link a:link {
  color: #555;
}
/*[1.4.2] 訪問済みの状態 */
dl#pagecenter-link a:visited ,
dl#pagebottom-link a:visited {
  color: #555;
}
/*[1.4.3] カーソルをのせた状態 */
dl#pagecenter-link a:hover ,
dl#pagebottom-link a:hover {
  color: #333;
  border-color: #333;
/*※ 注意
枠を表示させたくない場合は、簡易カスタマイズ内の【背景色の設定】にある、
「全体の背景色」のbackground-colorプロパティと同じ色を指定してください。
*/
}



/* ■■ [2] ページ全体の設定
---------------------------------------
ページ全体に適用するスタイルを設定しています。*/

/*[2.1]*/
body {
  margin: 0;
  padding: 0 40px;
  line-height: 1.4;
  color: #555;
  text-align: center;
}
/*[2.2]*/
#wrapper {
  margin: 0 auto;
  font-size: 75%;
  text-align: left;
}


/* ■■ [3]ヘッダー部の設定
---------------------------------------
タイトル・ブログの紹介を含む部分の設定です。*/

/*[3.1]*/
#header {
  width: 100%;
  padding: 5em 0 0.5em;
}
/*[3.2]*/
#title h1 {
  padding: 0 0 0 3px;
  border: 1px solid #000;
  position: relative;
  font-size: 140%;
}
/*[3.3.1]*/
#title h1 a {
  padding: 0.8em;
  line-height: 1;
  display: block;
  text-decoration: none;
  font-weight: bold;
  height: 1%;
}
/*[3.3.2]*/
#title h1 a:hover {
  background-color: transparent;
}
/*[3.4] 個別ページなどで表示されるサブタイトル */
#subtitle {
  position: absolute;
  top: -1.5em;
  right: 0em;
  font-size: 70%;
  /* デフォルトでは表示する設定 */
  /* 表示させない場合は、↓次の記述をコメントアウトから外す */
  /* display:none; */
}
/*[3.5] ブログ紹介文 */
#introduction p {
  margin: 0;
  padding: 0.4em 0;
  font-size: 90%;
}


/* ■■ [4]コンテンツを包括する要素の設定
---------------------------------------
デザインの自由度を上げるために、エントリー部（メイン）と
プラグインを含むメニュー（サブ）を包括する要素が設定されています。*/

/*[4.1]*/
#contents {
  clear: both;
}
/*[4.2]*/
#contents .contents-container {
  width: 100%;
}

/* ■■ [5]メインコンテンツを包括する要素の設定
---------------------------------------
エントリー部（メイン）を包括する要素の設定。
サブメニューについての設定は[16.1]から。*/

/*[5.1]*/
#main {

}
/*[5.2]*/
#main .main-container {

}

/* ■■ [6]個々のエントリーを包括する要素の設定
---------------------------------------
*/
/*[6.1]*/
div.entry ,
div.plugin3 {
  margin: 0 0 2em;
  clear: both;
}
/*[6.2]*/
div.entry-container {
  width: 100%;
}


/* ■■ [7]エントリータイトル部の設定
---------------------------------------
*/
/*[7.1]*/
div.entry-title {
  padding: 2em 1.5em 0.1em 1em;
  background-image: url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-x.gif");
  background-repeat: repeat-x;
  background-position: 0 100%;
}
/*[7.2]*/
h2.entry-title {
  margin: 0;
  padding:  0 0 0 12px;
  font-size: 120%;
  font-weight: bold;
  background-image: url("http://blog-imgs-41.fc2.com/r/i/m/rimse/blanc_entrytitle.gif");
  background-repeat: no-repeat;
  background-position: 0 50%;
}
/*[7.3]*/
h2.entry-title a:link , 
h2.entry-title a:visited ,
h2.entry-title a:hover {
  text-decoration: none;
}
/*[7.4]*/
p.entry-time {
  color: #666;
  font-size: 10px;
  text-align: right;
  line-height: 1;
  margin: 0 1em 1em;
  padding-top: 2px;
}
/*[7.5]*/
h2.plugin3-title {
  padding: 1em 1em 0;
  margin: 0 0 1em;
  font-weight: bold;
  line-height: 1.2;
}

/* ■■ [8]エントリーの本文の設定
---------------------------------------
*/
/*[8.1]*/
div.entry-body {
  padding: 0.8em 1.5em 0;
}
/*[8.2]*/
div.plugin3-body {
  padding: 0 2em;
}
/*[8.3-a]*/
div.entry-body-container ,
div.plugin3-body-container {
  width: 100%;
  overflow: auto;
  padding-bottom: 25px;
}
/*[8.3-b:for IE5-IE7]*/
.lt-ie8 .entry-body-container ,
.lt-ie8 .plugin3-body-container {
  overflow-x: auto;
  overflow-y: hidden;
}
/*[8.4]*/
div.entry-more {
  margin-top: 1em;
}
/*[8.5]*/
div.entry-body dd {
  padding-left: 2.5em;
  margin: 0;
}
/*[8.6]*/
.fc2_footer {
  margin: 1em 0 0;
  width: 99%;
}
/*[8.6-b]*/
.fc2_footer img {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
/*[8.7]*/
a.tagword:link ,
a.tagword:visited {
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
/*[8.8]*/
a.tagword:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  border-bottom: 1px dotted #999;
}

/*[8.9]*/
.relate_dl {
    margin-top: 2em;
    clear: both;
}

/* ■■ [9]エントリーのフッタ部の設定
---------------------------------------
*/
/*[9.1]*/
div.entry-footer {
  margin: 0.5em 0.3em 0;
  clear: both;
}
/*[9.2]*/
dl.entry-thread {
  margin-left: 2em;
  border-left: 3px solid #ccc;
  padding: 0.2em 1em;
}
/*[9.3]*/
dl.entry-thread dt {
  font-weight: bold;
}
/*[9.4]*/
dl.entry-thread dd {
  display: inline;
  margin: 0 1em 0 0;
}
/*[9.5]*/
dl.entry-tag {
  margin-left: 2em;
  border-left: 3px solid #999;
  padding: 0.2em 1em;
}
/*[9.6]*/
dl.entry-tag dt {
  font-weight: bold;
}
/*[9.7]*/
dl.entry-tag dd {
  display: inline;
  margin: 0 1em 0 0;
}
/*[9.8]*/
ul.entry-info {
  text-align: right;
  margin: 1.2em 0 1em;
  list-style-type: none;
}
/*[9.9]*/
ul.entry-info li {
  display: inline ;
  padding: 0 0.5em;
  border-right: 1px dotted #999;
}
/*[9.10]*/
ul.entry-info li.category-info {
  border-right: none;
}



/* ■■ [10]コメント・トラックバック包括要素の設定
---------------------------------------
*/
/*[10.1]*/
div.comment , 
div.trackback {
  padding: 1em 1em 1.5em;
  margin: 2em 0;
}
/*[10.2]*/
div.comment .comment-container, 
div.trackback .trackback-container {
  width: 100%;
}

/* ■■ [11]コメント・トラックバック部の見出しの設定
---------------------------------------
*/
/*[11.1]*/
div.comment h3 , 
div.trackback h3 , 
div.edit-comment h2 {
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em 20px;
  background-image: url("http://blog-imgs-41.fc2.com/r/i/m/rimse/blanc_entrytitle.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  font-size: 120%;
  font-weight: bold;
}

/* ■■ [12]コメントの表示設定
---------------------------------------
.comment-header: 投稿者の名前、URL、トリップを含む要素
.comment-title: コメントのタイトル部
.comment-body: コメントの本文
.comment-footer: 投稿日時、編集メニューへのリンクを含む要素
*/
/*[12.1]*/
div.view-comment ol {
  padding-left: 32px;
}
/*[12.2]*/
div.comment-header p {
  margin: 0;
}
/*[12.3]*/
div.comment-title {
  padding-left: 0.5em;
  border-left: 0.2em solid #999;
  font-weight: bold;
}
/*[12.4]*/
div.comment-title p {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*[12.5]*/
div.comment-body {
  margin: 0;
  border-left: 0.2em solid #ccc;
  padding-left: 0.5em;
}
/*[12.6-a]*/
div.comment-body p {
  margin: 0;
  width: 100%;
  overflow: auto;
  padding-top: 0.1em;
  padding-bottom: 0.3em;
}
/*[12.6-b: for IE5-IE7]*/
.lt-ie8 div.comment-body p {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 25px;
}
/*[12.7]*/
div.comment-footer p {
  margin: 0.5em 0 1em;
  text-align: right;
  color: #777;
  font-size: 90%;
}
/*[12.8]*/
div.comment-footer a:link ,
div.comment-footer a:visited ,
div.comment-footer a:hover {
  color: #777;
}

/* ■■ [13]コメント投稿フォームの設定
---------------------------------------
*/
/*[13.1]*/
.write-comment dt,
.edit-comment dt {
  margin: 0;
  padding: 0;
}

/*[13.2]*/
.write-comment dd,
.edit-comment dd {
  margin: 0.2em 1em;
}

/*[13.3-a]*/
.form-name ,
.form-pass {
  width: 40%;
  padding: 2px;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
/*[13.3-b: for IE5-IE7 ]*/
.lt-ie7 .form-name ,
.lt-ie7 .form-pass {
  width: 160px;
}
/*[13.4-a]*/
.form-mail,
.form-url,
.form-subject,
.form-comment {
  width: 92%;
  padding: 2px;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-family:inherit;
}

/*[13.4-b: for IE5-IE7 ]*/
.lt-ie7 .form-mail ,
.lt-ie7 .form-url ,
.lt-ie7 .form-subject ,
.lt-ie7 .form-comment {
  width: 330px;
}

/*[13.5]*/
ul.submit {
  list-style-type: none;
  padding-left: 0;
}

/*[13.6]*/
ul.submit li {
  display: inline;
}

/*[13.7]*/
ul.submit .form {
  margin: 0 2em;
  padding: 0.2em 1em;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*[13.8]*/
ul.submit .edit-end {
  margin: 0 2em;
  font-weight: bold;
  border: 1px solid #444;
  padding: 0.2em 1em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*[13.9]*/
ul.submit .edit-del {
  margin: 0 0 0 5em;
  padding: 0.2em 0.5em;
  border: 1px solid #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/* ■■ [14]トラックバック表示についての設定
---------------------------------------
*/

/*[14.1]*/
.trackback dt {
  font-weight: bold;
}
/*[14.2]*/
dd.trackback-url {
  margin-left: 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #999;
}
/*[14.3-a]*/
dd.trackback-url input {
  border: none;
  padding: 2px;
  width: 380px;
  font-family: inherit;
}
/*[14.3-b]*/
dd.trackback-url a {
  font-size:90%;
}
/*[14.4]*/
dt.trackback-list {
  margin-top: 1em;
}
/*[14.5]*/
p.trackback-list-title {
  margin: 0 0 1px 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #999;
}

/*[14.6]*/
p.trackback-list-excerpt {
  margin: 0 0 1em 1.5em;
  padding: 2px 0.5em;
  border-left: 0.2em solid #ccc;
}


/* ■■ [15]前後のページへのナビゲーション ■■
───────────────────────────────────────
*/
/* ページ上部のナビゲーション */
/*[15.1]*/
dl.pagelink dt {
  display: none;
}
/*[15.2.1]*/
dl#pagetop-link {
  margin: 0 0.6em 0 1px;
  font-size: 80%;
  line-height: 3;
  letter-spacing: 1px;
}
/*[15.2.2]*/
dl#pagetop-link dd {
  display: inline;
  padding: 0 0 0 14px;
  text-transform: uppercase;
  background-image: url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-x.gif");
  background-repeat: repeat-x;
  background-position: 0 50%;
}
/*[15.2.3-a]*/
dl#pagetop-link dd.prev ,
dl#pagetop-link dd.next {
  padding: 0;
}
/*[15.2.3-b]*/
dl#pagetop-link dd.home {
  padding: 0 14px;
}
/*[15.2.4]*/
dl#pagetop-link a {
  text-decoration: none;
  padding: 0.5em 0.75em;
}

/* 記事下・ページ下部のナビゲーション */
/*[15.3.1-a]*/
dl#pagecenter-link ,
dl#pagebottom-link {
  margin: 2.5em auto;
  padding: 0;
  width: 94%;
  min-height: 1.4em;
  text-align: center;
  display: inline-block;
  position: relative;
  line-height: 1.4;
  max-width: 750px;
}
/*[15.3.1-b]*/
.lt-ie7 dl#pagecenter-link ,
.lt-ie7 dl#pagebottom-link {
  height: 1.4em
}
/*[15.3.1-c] clearfix */
dl#pagecenter-link:after , dl#pagebottom-link:after {
  content: ".";font-size: 0.1em;line-height: 0;display: block;
  height: 0.1px;visibility: hidden;clear: both; }
dl#pagecenter-link , dl#pagebottom-link {display: block;}

/*[15.3.2]*/
dl#pagecenter-link dd ,
dl#pagebottom-link dd {
  display: block;
  padding: 0;
  text-transform: uppercase;
}
/*[15.3.2-a]*/
dl#pagecenter-link dd.prev ,
dl#pagebottom-link dd.prev {
  float: left;
  text-align: right;
}
/*[15.3.2-b]*/
dl#pagecenter-link dd.next ,
dl#pagebottom-link dd.next {
  float: right;
  text-align: left;
}
/*[15.3.2-c]*/
dl#pagecenter-link dd.home ,
dl#pagebottom-link dd.home ,
.permanent-area dl#pagecenter-link dd.home ,
.permanent-area dl#pagebottom-link dd.home {
  width: 6em;
  position: absolute;
  left: 50%;
  margin-left: -3em;
  text-transform: uppercase;
}
/*[15.3.2-d]*/
.permanent-area dl#pagecenter-link dd ,
.permanent-area dl#pagebottom-link dd {
  text-transform: none;
}
/*[15.3.2-e]*/
dl#pagecenter-link dd.prev , dl#pagebottom-link dd.prev ,
dl#pagecenter-link dd.next , dl#pagebottom-link dd.next {
  width: 50%;
}
/*[15.3.2-f]*/
.lt-ie8 dl#pagecenter-link dd.prev , .lt-ie8 dl#pagebottom-link dd.prev ,
.lt-ie8 dl#pagecenter-link dd.next , .lt-ie8 dl#pagebottom-link dd.next {
  width: 49%;
}
/*[15.3.3-a]*/
dl#pagecenter-link a ,
dl#pagebottom-link a {
  text-decoration: none;
  position: relative;
  display: block;
  margin: 0 0.5em;
}
/*[15.3.3-b]*/
.lt-ie7 dl#pagecenter-link a ,
.lt-ie7 dl#pagebottom-link a {
  position: static;
}
/*[15.3.3-c]*/
.lt-ie8 dl#pagecenter-link dd.home a ,
.lt-ie8 dl#pagebottom-link dd.home a {
  margin: 0 0.2em;
}
/*[15.3.5-a]*/
dl#pagecenter-link dd.prev span.pagelink-item ,
dl#pagebottom-link dd.prev span.pagelink-item {
  display: block;
  margin: 0 3em 0 0;
  border-right: 1px dotted #666;
}
/*[15.3.5-b]*/
dl#pagecenter-link dd.next span.pagelink-item ,
dl#pagebottom-link dd.next span.pagelink-item {
  display: block;
  margin: 0 0 0 3em;
  border-left: 1px dotted #666;
}
/*[15.3.6-a]*/
.permanent-area dl#pagecenter-link a span ,
.permanent-area dl#pagebottom-link a span {
  position: absolute;
  height: 1.4em;
  top: 50%;
  margin-top: -0.75em;
}
/*[15.3.6-b]*/
.lt-ie7 .permanent-area dl#pagecenter-link a span ,
.lt-ie7 .permanent-area dl#pagebottom-link a span {
  display:none;
}
/*[15.3.7]*/
dl#pagecenter-link a ,
dl#pagebottom-link a ,
.lt-ie7 dl#pagecenter-link dd.next a ,
.lt-ie7 dl#pagebottom-link dd.prev a {
  padding: 4px 7px;
}
/*[15.3.8]*/
dl#pagecenter-link a:hover ,
dl#pagebottom-link a:hover ,
.lt-ie7 dl#pagecenter-link dd.next a:hover ,
.lt-ie7 dl#pagebottom-link dd.prev a:hover {
  padding: 3px 6px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
}
/*[15.3.9-a]*/
.permanent-area dl#pagecenter-link dd.next a span ,
.permanent-area dl#pagebottom-link dd.next a span {
  right: 4px;
}
/*[15.3.9-b]*/
.permanent-area dl#pagecenter-link dd.prev a span ,
.permanent-area dl#pagebottom-link dd.prev a span {
  left: 4px;
}
/*[15.3.10-a]*/
.permanent-area dl#pagecenter-link dd.next a:hover span ,
.permanent-area dl#pagebottom-link dd.next a:hover span {
  right: 3px;
}
/*[15.3.10-b]*/
.permanent-area dl#pagecenter-link dd.prev a:hover span ,
.permanent-area dl#pagebottom-link dd.prev a:hover span {
  left: 3px;
}
/*[15.3.11-a]*/
dl#pagecenter-link dd.next a ,
dl#pagebottom-link dd.next a {
  padding-right: 20px; 
}
/*[15.3.11-b]*/
dl#pagecenter-link dd.prev a ,
dl#pagebottom-link dd.prev a {
  padding-left: 20px;

}
/*[15.3.12-a]*/
dl#pagecenter-link dd.next a:hover ,
dl#pagebottom-link dd.next a:hover {
  padding-right: 19px;
}
/*[15.3.12-b]*/
dl#pagecenter-link dd.prev a:hover ,
dl#pagebottom-link dd.prev a:hover {
  padding-left: 19px;
}
/*[15.4]*/
.lt-ie8 dl#pagetop-link dd ,
.lt-ie8 dl.pagelink ,
.lt-ie8 dl.pagelink a {
  height: 1%;
}


/* ■■ [16]サブメニュー包括要素の設定
---------------------------------------
*/
/*[16.1]*/
div.submenu {
  padding-top: 1em;
  /* for IE5 */text-align: center;
}
/*[16.2]*/
div.submenu .sub-container {
  /* for IE5 */ text-align: left;
}

/* ■■ [17]各メニューを包括する要素の設定
---------------------------------------
*/
/*[17.1-a]*/
div.submenu .menuitem {
  margin-bottom: 0.5em;
  padding: 0 0 22px 0;
  width: 100%;
  overflow: auto;
}
/*[17.1-b: for IE5-IE7]*/
.lt-ie8 .submenu .menuitem {
  overflow-x: auto;
  overflow-y: hidden;
}

/* ■■ [18]サブメニュー内各種要素についての設定
---------------------------------------
*/
/*[18.1]*/
.submenu h2 {
  margin: 0;
  padding: 0.5em 1em 0.5em;
  background-image: url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-x.gif");
  background-repeat: repeat-x;
  background-position: 0 50%;
  font-size: 100%;
  font-weight: bold;
}
/*[18.2]*/
.submenu h2 span{
  padding: 0 0.3em;
}
/*[18.3-a]*/
.submenu ul {
  padding-left: 20px;
  list-style-type: square;
}
/*[18.3-b: for IE8]*/
#ie8only .submenu ul {
  list-style-type: disc;
}
/*[18.4]*/
.submenu ul.sub_menu {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-left: 15px;
  list-style-type: disc;
}
/*[18.5]*/
.submenu dd {
  padding-left: 20px;
}
/*[18.6]*/
.submenu input , 
.submenu textarea {
  margin: 2px 0px;
  padding: 0.1em 1px;
}

/* ■■ [19]フッタ部設定
---------------------------------------
*/
/*[19.1]*/
#footer {
  padding: 4em 0px 1em;
  text-align: center;
  font-size: 10px;
  clear: both;
}
/*[19.2]*/
#footer ,
#footer a:link,
#footer a:visited,
#footer a:hover {
  color: #777;
}
/*[19.3]*/
#footer div.ad, 
#footer p.design, 
#footer p.licence {
  margin: 0;
}


/* ■■ [20]テーブル・カレンダー関係
---------------------------------------
*/
/*[20.1]*/
table {
  font-size: 100%;
}
/*[20.2]*/
table.calender {
  width: 95%;
  margin: 0 auto;
}
/*[20.3]*/
.calender td, 
.calender th {
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0px;
  line-height: 180%;
  font-size: 95%;
}
/*[20.4]*/
th {
  font-weight: normal;
}
/*[20.5]*/
.calender td a:link,
.calender td a:visited {
  background-color: #eee;
  display: block;
  height: 1%;
}
/*[20.6]*/
.calender td a:hover {
  background-color: #ccc;
  display: block;
  height: 1%;
}


/* ■■ [21]全記事一覧についての設定
---------------------------------------
*/

/*[21.1]*/
div.all-titlelist-area dl.titlelist {
  line-height: 1.2;
}
/*[21.2]*/
dl.titlelist dt {
  margin-top: 1.5em;
  padding-left: 6px;
}
/*[21.3]*/
dl.titlelist dd {
  padding-left: 6px;
}
/*[21.4]*/
dl.titlelist dt.titlelist-header-title {
  border-left: 2px solid #666;
  padding-top: 3px;
  font-weight: bold;
  padding-bottom: 1px;
}
/*[21.5]*/
dl.titlelist dt.titlelist-header-title a {
  text-decoration: none;
  font-size: 120%;
}
/*[21.6]*/
dl.titlelist dd.titlelist-header-info {
  margin: 0 0 1px;
  border-left: 2px solid #666;
  padding-bottom: 3px;
  font-size: 90%;
}
/*[21.7]*/
dl.titlelist dd.titlelist-header-info span {
  padding-right: 0.5em;
}
/*[21.8]*/
dl.titlelist dd.titlelist-body {
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 2px solid #aaa;
}



/*■■ [22]バトン用スタイル
---------------------------------------
フォントの種類や質問の数によって、A1などの文字が黒地の部分からはみ出すことがあります。
その場合は、※1～※3の「4em」という部分を、少し大きな値に（5emや5.5emなどに）変更してみてください。
*/
p.baton_title {
  margin: 1em 0;
  border-bottom: 1px dotted #777;
  font-weight: bold;
}
p.baton_title a {
  text-decoration: none;
}
dl.blog_baton {
  margin: 0 1em;
  line-height: 1.4;
}
dl.blog_baton dt {
  margin: 0;
  padding: 0.2em 0 0.2em 0.5em;
  /* ※1 */
  border-left: 4em solid #666;
  /* ↑ここで指定した色が質問番号(Q1など)の背景色になります。*/
  border-bottom: none;
  font-weight: bold;
  position: relative;
}
dl.blog_baton dd {
  margin: 1px 0 1em 0;
  padding: 0.2em 0 0.2em 0.5em;
  /* ※2 */
  border-left: 4em solid #444;
  /* ↑ここで指定した色が回答番号(A1など)の背景色になります*/
  border-bottom: none;
  position: relative;
}
dl.blog_baton span.q_number ,
dl.blog_baton span.a_number {
  position: absolute;
  display: block;
  text-align: center;
  color: #f5f5f5;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
  /* ※3 */
  width: 4em;
  
  /* ↑の値を変えたときは、負の数値を下に入れる。*/
  left: -4em; /* ★ */
}
.lt-ie7 dl.blog_baton span.q_number ,
.lt-ie7 dl.blog_baton span.a_number {
/* IE6用記述。★の値よりさらに-0.5したものを入れる。*/
  left: -4.5em;
}



/* ■■ [23]オリジナルクラス 
---------------------------------------
テンプレート内で使えるオリジナルクラスなど。
詳細は作者ブログをご覧ください。*/

/* 【 任意の要素に枠をつける： imgbox 】
記事中の任意の要素に枠をつけます*/
.entry .imgbox {
  border: 1px solid #333;
  margin: 1px;
}

/* 【 任意の要素に枠をつけない： noimgbox 】
記事中の任意の要素に枠をつけないようにします 
（枠を表示させるカスタマイズと組み合わせて利用してください）*/
.entry .noimgbox {
  border: none;
}

/* 【 要素の左寄せ： f-left 】
以降のテキストを右側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-left ,
.entry .imgbox.f-left {
  display:inline;
  float: left;
  margin: 0 0.5em 0.5em 0;
}

/* 【 要素の右寄せ： f-right 】
以降のテキストを左側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-right ,
.entry .imgbox.f-right {
  display: inline;
  float: right;
  margin: 0 0 0.5em 0.5em;
}

/* 【 画像を写真風に： photo 】
写真のような枠をつけることが出来ます。*/
.entry .photo {
  margin: 0.5em;
  padding: 6px;
  background: #fff url("http://blog-imgs-41.fc2.com/r/i/m/rimse/photo_loading.gif") no-repeat center center;
  border: 1px solid #666;
}

/* 【 さらに強い強調： strong 】
strong要素にのみ適用可能。アクセントカラーを使い、強い強調を表現。*/
strong.strong , strong.strong a:link , strong.strong a:visited {
  color: #f36;
}


/* ■■ スタイルシート追加用エリア
---------------------------------------
スタイルを追加する場合は、ここより下に追加してください */









/* スタイルを追加する場合は、ここより上に追加してください */ }

★ テンプレート更新通知機能つき

★ カスタマイズ情報

作成されていません

★ 簡易カスタマイズ項目

フォントの設定
- 基本となるフォント
- ブログタイトルのフォント
フォントサイズの変更
- 全体の文字サイズ
- タイトルの文字サイズ
- ブログ紹介文の文字サイズ
- メインカラムの文字サイズ
- 記事の本文の文字サイズ
- サブカラムの文字サイズ
文字色の変更
- 記事の文字色
- サブカラムの文字色
背景色の変更
- 全体の背景色
- 記事・コメント・トラックバック・プラグイン3の背景
記事部分の枠の設定
カラム幅の変更
記事中の画像に枠をつける
タイトル部分の設定
- タイトルの背景色
- タイトルのアクセントカラー
- タイトルの文字色
- ブログ紹介文・サブタイトルの文字色
幅可変／固定の切り替え
カラム配置設定

★ テンプレート独自クラスについて

記事中での使用を想定したいくつかのクラスが用意してあります。
（バージョンによって項目に多少差があります）

1.要素の回り込み

<img src="画像のurl" class="f-left" />

太字の部分を追加すればOKです。

なお、このクラスは「2.写真風の枠」、または「3.シンプルな枠」と重複して設定することができます。重複して設定する場合は、

<img src="画像のurl" class="f-left photo" />

というように、半角スペースとともにクラス名を追加してください。

2.写真風の枠

画像に対して写真風の枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。
090109_DSC00477
こんな感じになります。

指定方法
imgタグに「class="photo"」を追加してください。

<img src="画像のurl" class="photo" />

太字の部分を追加すればOKです。

3.シンプルな枠

画像に対してシンプルな枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。

こんな感じになります。

指定方法
imgタグに「class="imgbox"」を追加してください。

<img src="画像のurl" class="imgbox" />

太字の部分を追加すればOKです。

4.枠をつけない

指定方法 imgタグに「class="noimgbox"」を追加してください。

<img src="画像のurl" class="noimgbox" />

太字の部分を追加すればOKです。

★ 使用条件・ライセンスについて

HTML・CSS: "blanc3c" / rimse

[ Close ]

Tag List: blanc3c; blanc

ブログ内で配布しているテンプレート「MeaCulpa」をver.2.0.0からver.2.1にアップデートしました！
ToDoにあった、「アンカーにマウスオーバーするとかっくんかっくんする（IE）のを修正」を行ったほか、追記開閉スクリプトの不具合を修正しました。

使っていてすこしでも「なんか変だなー？」と思うところがあれば、どんどんコメントしていただきたいです。というのも、利用している方が共有に登録しているものと比べて格段と少ないため、あなたが報告しないかぎり修正される可能性は限りなく低いからです。残酷ですねー（何）

MeaCulpa

22:28

クリックでテンプレートのプレビューができます。

★ 基本情報

テンプレート名 : meaculpa
最新バージョン : 2.1

更新履歴 - Update history

09/08/19 : 2.0→2.1: [Bug Fix] IE6でアンカーにマウスオーバーした際の動作改善; [Bug Fix] 追記開閉スクリプトの仕様変更
09/04/03 : 2.0: 公開

「MeaCulpa」復刻版。
プラグイン3はトップページの記事上部に表示されます。
バトン用専用スタイルあり。プラグインON/OFF対応。XHTML 1.0 Transitional。jQuery1.3.2をテンプレート内で使用しています。

Mac版InternetExplorerで閲覧する際には、スタイルを適用しないよう設定されています。ご了承ください。

★ テンプレート追加方法

テンプレートは手作業で追加することになります。

テンプレートの管理画面を開き、適当なテンプレートを [複製] し、複製後のテンプレートのHTML・スタイルシートをすべて選択→削除でまっさらな状態にしてください。その後、次のHTML・スタイルシートをすべて選択→コピーをし、テンプレートのHTML・スタイルシートにペーストしてください。

HTML↓

<!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=euc-jp" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="<%author_name>" />
<!--index_area--><meta name="description" content="<%introduction>" />
<title> <%blog_name> </title><!--/index_area-->

<!--not_index_area--><title>
<!--permanent_area--><%sub_title> - <!--/permanent_area-->
<!--date_area-->Archives[ <%sub_title> ] - <!--/date_area-->
<!--category_area-->Category[ <%sub_title> ] - <!--/category_area-->
<!--search_area-->Search[ <%sub_title> ] - <!--/search_area-->
<!--tag_area-->Tag[ <%sub_title> ] - <!--/tag_area-->
<!--titlelist_area-->All Title List - <!--/titlelist_area-->
<%blog_name></title><!--/not_index_area-->

<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<link rel="contents" href="<%url>" title="<%blog_name>" />
<!--permanent_area-->
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
<!--/permanent_area-->
<script type="text/javascript" src="http://blog-imgs-41.fc2.com/r/i/m/rimse/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="<%css_link>" />
<link rel="stylesheet" type="text/css" href="http://rimse.blog73.fc2.com/template/update/style.css" />


</head>
<body class="<!--not_index_area-->not-<!--/not_index_area-->index-area<!--not_plugin--> plugin-off<!--/not_plugin--><!--permanent_area--> permanent-area<!--/permanent_area--><!--date_area--> date-area<!--/date_area--><!--category_area--> category-area<!--/not_index_area--><!--search_area--> search-area<!--/category_area--><!--tag_area--> tag-area<!--/tag_area-->">
<!-- FC2のアクセス解析をつける場合はこの下にHTMLを追加してください -->


<!--[if gt IE 8]><div id="ie8up" class="gt-ie7 gt-ie8"><![endif]-->
<!--[if IE 8]><div id="ie8only" class="gt-ie7"><![endif]-->
<!--[if IE 7]><div id="ie7only" class="lt-ie8"><![endif]-->
<!--[if IE 6]><div id="ie6only" class="lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 5.5000]><div id="ie5-5only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->
<!--[if lt IE 5.5000]><div id="ie5-01only" class="lt-ie8 lt-ie7 lt-ie6"><![endif]-->


<!-- 【 ▼幅可変・固定の切り替え 】
固定幅にする場合はクラス名の「fixed-off」を「fixed-on」としてください -->
<div id="wrapper" class="fixed-off">
<!-- 【 ▲幅可変・固定の切り替え 】 -->

<div id="page">



<!-- 【 ▼ヘッダエリア ここから 】 -->
<div id="header"><div class="header-container">
<div id="title">
<h1>
<a href="<%url>" title="「<%blog_name>」のトップページへ"><%blog_name></a>
<!--not_index_area--><span id="subtitle">
<!--permanent_area--><span class="subtitle-separate"> : </span><%sub_title><!--/permanent_area-->
<!--date_area--><span class="subtitle-separate"> : </span>Archives [ <%sub_title> ]<!--/date_area-->
<!--category_area--><span class="subtitle-separate"> : </span>Category [ <%sub_title> ]<!--/category_area-->
<!--search_area--><span class="subtitle-separate"> : </span>Search [ <%sub_title> ]<!--/search_area-->
<!--tag_area--><span class="subtitle-separate"> : </span>Tag [ <%sub_title> ]<!--/tag_area-->
</span><!--/not_index_area-->
</h1>
</div>
<div id="introduction">
<p><%introduction></p></div>
</div></div>
<hr class="separator" />
<!-- 【 ▲ヘッダエリア ここまで 】 -->


<!-- 【 ▼ボディエリア ここから 】 -->
<div id="body"><div class="body-container">

<!-- 【 ▼メインエリア ここから 】 -->
<div id="main"><div class="main-container">
<!--permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>">Prev</a></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>">Next</a></dd><!--
--><!--/nextentry-->
</dl>
<!--/permanent_area-->
<!--not_permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><a href="<%prevpage_url>" title="<%template_prevpage>">Prev</a></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><a href="<%nextpage_url>" title="<%template_nextpage>">Next</a></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->

<!--index_area-->
<!-- 【 ▼プラグイン3 ここから 】 -->
<!--plugin-->
<!--plugin_third-->
<div class="plugin3"><div class="plugin3-container">
<div class="plugin3-header"><div class="plugin3-header-container">
<h2 class="plugin3-title"><span><%plugin_third_title></span></h2>
</div></div>
<div class="plugin3-body"><div class="plugin3-body-container">
<!--plugin_third_description--><div class="p-description"><%plugin_third_description></div><!--/plugin_third_description-->
<%plugin_third_content>
<!--plugin_third_description2--><div class="p-description2"><%plugin_third_description2></div><!--/plugin_third_description2-->
</div></div>
</div></div>
<!--/plugin_third-->
<!--/plugin-->
<!-- 【 ▲プラグイン3 ここまで 】 -->
<!--/index_area-->

<!-- 【 ▼エントリーエリア ここから 】 -->
<a name="entrystart" id="entrystart"></a>
<!--topentry-->
<div class="entry"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title">
<a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div class="entry-time"><p class="entry-time"><%topentry_year>年<%topentry_month>月<%topentry_day>日 <%topentry_hour>:<%topentry_minute></p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<%topentry_body>
<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>#more" class="entry-extend-<%topentry_no>">[ <%template_extend> ]</a></div>
<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br /><%topentry_more></div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(document).ready(function($){
$('.entry-extend-<%topentry_no>').click(function(){$('#entrymore-visible-<%topentry_no>').slideToggle("slow");return false;
});
});
//]]>
</script>
<!--/more_link-->
<!--more-->
<a name="more" id="more"></a>
<div class="entry-more entry-more-page">
<%topentry_more>
</div>
<!--/more-->
</div></div>
<div class="entry-footer"><div class="entry-footer-container">
<!--topentry_tag-->
<dl class="entry-tag">
<dt>Tag List</dt>
<!--tag_list-->
<dd><a href="<%url>?tag=<%topentry_tag_list_parsename>" title="[<%topentry_tag_list_name>]のタグがある記事"><%topentry_tag_list_name></a></dd>
<!--/tag_list-->
</dl>
<!--/topentry_tag-->
<!--community-->
<dl class="entry-thread"> 
<dt>Thread</dt>
<dd><%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a></dd>
<dd><%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a></dd>
</dl>
<!--/community-->
<dl class="entry-info"><!-- 
--><!--allow_comment--><!-- 
--><dt class="comment-info">コメントをする・見る</dt><!-- 
--><dd class="comment-info"><a href="<%topentry_link>#view_comment">Comments<span class="comment_num">(<%topentry_comment_num>)</span></a></dd><!-- 
--><!--/allow_comment--><!-- 
--><!--deny_comment--><!--/deny_comment--><!-- 
--><!--allow_tb--><!-- 
--><dt class="trackback-info">トラックバックをする・見る</dt><!-- 
--><dd class="trackback-info"><a href="<%topentry_link>#trackback">Trackbacks(<%topentry_tb_num>)</a></dd><!-- 
--><!--/allow_tb--><!-- 
--><!--deny_tb--><!--/deny_tb--><!-- 
--><dt class="category-info">カテゴリー</dt><!-- 
--><dd class="category-info"><a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a></dd><!-- 
--></dl>
</div></div>
</div></div>
<div class="rdf">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
</div>
<!--/topentry-->
<!-- 【 ▲エントリーエリア ここまで 】 -->

<!-- 【 ▼コメントエリア ここから 】 -->
<!--comment_area-->
<hr class="separator" />
<dl id="pagecenter-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><%preventry_title></a></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title></a></dd><!--
--><!--/nextentry-->
</dl>
<hr class="separator" />
<div class="comment"><div class="comment-container">
<a name="view_comment" id="view_comment"></a>

<!--index_area--><!--not_index_area-->
<!--▼「コメント」--><!--/not_index_area--><!--/index_area-->
<h3><span><%template_comment></span></h3>
<div class="view-comment">
<ol><!--comment--><li id="comment<%comment_no>">
<div class="comment-header"><p><!--comment_edit--><span class="comment-trip-<%comment_trip>"><!--/comment_edit--><%comment_mail+name><!--comment_edit--></span><!--/comment_edit--> | <%comment_url+str> | <span class="trip"><%comment_trip></span></p></div>
<div class="comment-title"><p><%comment_title></p></div>
<div class="comment-body"><p><%comment_body></p></div>
<div class="comment-footer"><p>( <%comment_year>年<%comment_month>月<%comment_day>日 <%comment_hour>:<%comment_minute> <!--comment_edit-->[<a href="<%comment_edit_link>" title="<%template_edit_comment>">Edit</a>]<!--/comment_edit--> )</p></div>
</li><!--/comment--></ol>
</div>

<!--index_area--><!--not_index_area-->
<!--▼「コメントの投稿」--><!--/not_index_area--><!--/index_area-->
<h3><span><%template_post_comment></span></h3>
<div class="write-comment">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="comment[name]" class="form-name" value="<%cookie_name>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="comment[title]" class="form-subject" value="" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="comment[mail]" class="form-mail" value="<%cookie_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="comment[url]" class="form-url" value="<%cookie_url>" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="http://blog55.fc2.com/load.js"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="comment[body]" class="form-comment" ></textarea></dd>
<dt><label for="pass"><%template_password> : </label></dt>
<dd><input id="pass" type="password" name="comment[pass]" class="form-pass" />（コメント編集・削除に必要）</dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> : </label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" class="checkbox" />(<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="form" /></li>
</ul>
</form>
</div>
</div></div>
<!--/comment_area-->
<!-- 【 ▲コメントエリア ここまで 】 -->

<!-- 【 ▼コメントエディットエリア ここから 】 -->
<!--edit_area-->
<hr class="separator" />
<div class="comment"><div class="comment-container">
<div class="edit-comment">
<h2><span><%template_edit_comment></span></h2>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<dl>
<dt><label for="name"><%template_name> : </label></dt>
<dd><input id="name" type="text" name="edit[name]" class="form-name" value="<%edit_name>" /></dd>
<dt><label for="mail"><%template_address> : </label></dt>
<dd><input id="mail" type="text" name="edit[mail]" class="form-mail" value="<%edit_mail>" /></dd>
<dt><label for="url">URL : </label></dt>
<dd><input id="url" type="text" name="edit[url]" class="form-url" value="<%edit_url>" /></dd>
<dt><label for="subject"><%template_title> : </label></dt>
<dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" class="form-subject" /></dd>
<dt><label for="comment"><%template_body> : </label></dt>
<dd><script type="text/javascript" src="http://blog55.fc2.com/load.js"></script></dd>
<dd><textarea id="comment" cols="40" rows="8" name="edit[body]" class="form-comment"><%edit_body></textarea></dd>
<dt><label for="pass"><%template_password> :</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" class="form-pass" />（コメント編集の際に必要）</dd>
<!--accept_secret_comment-->
<dt><label for="himitu"><%template_private> :</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" class="checkbox" />(<%template_private_check>)</dd>
<!--/accept_secret_comment-->
</dl>
<ul class="submit">
<li><input type="submit" value="<%template_send>" class="edit-end" /></li>
<li><input type="submit" name="edit[delete]" value="<%template_delete>" class="edit-del" /></li>
</ul>
</form>
</div>
</div></div>
<!--/edit_area-->
<!-- 【 ▲コメントエディットエリア ここまで 】 -->


<!-- 【 ▼トラックバックエリア ここから 】 -->
<!--trackback_area-->
<hr class="separator" />
<div class="trackback"><div class="trackback-container">
<a name="trackback" id="trackback"></a>
<h3><span><%template_trackback></span></h3>
<dl>
<dt class="trackback-url">この記事のトラックバックURL</dt>
<dd class="trackback-url"><%trackback_url></dd>
<dt class="trackback-list">この記事へのトラックバック</dt>
<!--trackback-->
<dd class="trackback-list">
<p class="trackback-list-title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></p>
<p class="trackback-list-excerpt"><%tb_excerpt></p>
</dd>
<!--/trackback-->
</dl>
</div></div>
<!--/trackback_area-->
<!-- 【 ▲トラックバックエリア ここまで 】 -->


<!--titlelist_area-->
<!-- 【 ▼全記事一覧表示 ここから 】-->
<div class="entry all-titlelist-area"><div class="entry-container">
<div class="entry-header"><div class="entry-header-container">
<div class="entry-title"><h2 class="entry-title"><a href="<%url>?all">All Title List : 全記事一覧</a></h2></div>
<div class="entry-time"><p class="entry-time"><a href="<%url>" title="<%blog_name>"><%blog_name></a> の記事を全て表示しています。</p></div>
</div></div>
<div class="entry-body"><div class="entry-body-container">
<dl class="titlelist">
<!--titlelist-->

<dt class="titlelist-header-title titlelist-category-<%titlelist_category_no>"><a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a></dt>
<dd class="titlelist-header-info  titlelist-category-<%titlelist_category_no>">
<span><%titlelist_year>年<%titlelist_month>月<%titlelist_day>日 <%titlelist_hour>:<%titlelist_minute></span> 
<span>[<a href="<%titlelist_category_url>" title="<%template_category> : <%titlelist_category>"><%titlelist_category></a>]</span></dd>
<dd class="titlelist-body titlelist-category-<%titlelist_category_no>"><%titlelist_body>...</dd>

<!--/titlelist-->
</dl>
</div></div>
</div></div>
<!-- 【 ▲全記事一覧表示 ここまで 】-->
<!--/titlelist_area-->


<!--permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>"><%preventry_title></a></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>"><%nextentry_title></a></dd><!--
--><!--/nextentry-->
</dl>
<!--/permanent_area-->
<!--not_permanent_area-->
<hr class="separator" />
<dl id="pagebottom-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><a href="<%prevpage_url>" title="<%template_prevpage>">Prev</a></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><a href="<%nextpage_url>" title="<%template_nextpage>">Next</a></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->
</div></div>
<!-- 【 ▲メインエリア ここまで 】 -->

<hr class="separator" />

<!-- 【 ▼サブエリア ここから 】 -->
<div id="sub"><div class="sub-container">
<div id="author"><div class="author-area">
<h2><span>Profile</span></h2>
<!--myimage--><p class="myimage"><img src="<%image>" alt="<%author_name>" /></p><!--/myimage-->
<p class="intro">Author:<%author_name><br /><%introduction2></p>
</div></div>
<!--plugin-->
<div id="plugin1">
<!--plugin_first-->
<div class="menuitem plugin-<%plugin_first_tag>">
<h2><span><%plugin_first_title></span></h2>
<div class="menu-body">
<!--plugin_first_description--><div class="p-description"><%plugin_first_description></div><!--/plugin_first_description-->
<%plugin_first_content>
<!--plugin_first_description2--><div class="p-description2"><%plugin_first_description2></div><!--/plugin_first_description2-->
</div>
</div>
<!--/plugin_first-->
</div>
<div id="plugin2">
<!--plugin_second-->
<div class="menuitem plugin-<%plugin_second_tag>">
<h2><span><%plugin_second_title></span></h2>
<div class="menu-body">
<!--plugin_second_description--><div class="p-description"><%plugin_second_description></div><!--/plugin_second_description-->
<%plugin_second_content>
<!--plugin_second_description2--><div class="p-description2"><%plugin_second_description2></div><!--/plugin_second_description2-->
</div>
</div>
<!--/plugin_second-->
</div>
<!--/plugin-->
<!--not_plugin-->
<div id="author" class="menuitem">
<h2><span>Profile</span></h2>
<div class="menu-body">
<p class="myimage"><img src="<%image>" alt="<%author_name>" /></p>
<p class="intro">Author:<%author_name><br /><%introduction2></p>
</div>
</div>
<div id="calender" class="menuitem">
<h2><span>Calender</span></h2>
<div class="menu-body">
<table class="calender" summary="カレンダー">
<caption><a href="<%prev_month_link>" class="prev-month" title="<%prev_month>月のエントリーを見る"><%prev_month></a> | </span><span class="now-month"><%now_year>-<%now_month></span> | <a href="<%next_month_link>" class="next-month" title="<%next_month>月のエントリーを見る"><%next_month></a></caption>
<tr>
<th abbr="日曜日" scope="row" class="sun">日</th>
<th abbr="月曜日" scope="row" class="week">月</th>
<th abbr="火曜日" scope="row" class="week">火</th>
<th abbr="水曜日" scope="row" class="week">水</th>
<th abbr="木曜日" scope="row" class="week">木</th>
<th abbr="金曜日" scope="row" class="week">金</th>
<th abbr="土曜日" scope="row" class="sat">土</th>
</tr>
<!--calender-->
<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>
<!--/calender-->
</table>
</div>
</div>
<div id="recent-entries" class="menuitem">
<h2><span>Recent Entries</span></h2>
<div class="menu-body">
<ul>
<!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title> <span>(<%recent_month>/<%recent_day>)</span></a></li>
<!--/recent-->
</ul>
</div>
</div>
<div id="recent-comments" class="menuitem">
<h2><span>Recent Comments</span></h2>
<div class="menu-body">
<ul>
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>
</div>
<div id="recent-trackbacks" class="menuitem">
<h2><span>Recent Trackbacks</span></h2>
<div class="menu-body">
<ul>
<!--rtrackback-->
<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a></li>
<!--/rtrackback-->
</ul>
</div>
</div>
<div id="archives" class="menuitem">
<h2><span>Archives</span></h2>
<div class="menu-body">
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
<!--/archive-->
</ul>
</div>
</div>
<div id="categories" class="menuitem">
<h2><span>Categories</span></h2>
<div class="menu-body">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
<!--/category-->
</ul>
</div>
</div>
<div id="bookmark" class="menuitem">
<h2><span>Bookmark</span></h2>
<div class="menu-body">
<ul>
<!--link-->
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
<!--/link-->
</ul>
</div>
</div>
<div id="admin" class="menuitem">
<h2><span>Admin</span></h2>
<div class="menu-body">
<ul>
<li><a href="./?admin">管理者ページ</a></li>
<li><a href="<%url>?xml">RSS</a></li>
</ul>
</div>
</div>
<!--/not_plugin-->
</div></div>
<!-- 【 ▲サブエリア ここまで 】 -->
</div></div>
<!-- 【 ▲ボディエリア ここまで 】 -->

<!-- 【 ▼フッタエリア ここから 】 -->
<hr class="separator" />
<div id="footer">
<div class="ad"><%ad>/<%ad2></div>
<p class="design">
Template[MeaCulpa <span id="version" class="ver21"><span class="meaculpa-update">2.1</span></span>] By <a href="http://rimse.blog73.fc2.com/">Nefert</a>
</p>
<p class="licence">
このテンプレートは、<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">クリエイティブ・コモンズ・ライセンス</a>の下でライセンスされています。<br />
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.ja">
<img src="http://blog-imgs-15.fc2.com/r/i/m/rimse/creativecommons-by.png" alt="Creative Commons License" style="border-width:0" /></a>
</p>
</div>
<!-- 【 ▲フッタエリア ここまで 】 -->
</div>
</div>
<!--[if gt IE 8]></div><![endif]-->
<!--[if IE 8]></div><![endif]-->
<!--[if IE 7]></div><![endif]-->
<!--[if IE 6]></div><![endif]-->
<!--[if IE 5.5000]></div><![endif]-->
<!--[if lt IE 5.5000]></div><![endif]-->
</body>
</html>

スタイルシート↓

@charset "euc-jp";
@media all{

/*■■□ TEMPLATE INFORMATION 「テンプレート情報」 □■■
───────────────────────────────────────
  Title   : MeaCulpa
  Author  : rimse ( http://rimse.blog73.fc2.com/ ）
  Check   : IE6/7/8beta2,Firefox3,Opera9.6,GoogleChrome0.2
  Version : 2.1 ( [HTML] 09/05/13 [CSS] 09/05/13 )
  License : 
   [全体] 
      CreativeCommons【表示】
      http://creativecommons.org/licenses/by/3.0/deed.ja
   [HTML・CSS] 
      rimse (http://rimse.blog73.fc2.com/)
      CreativeCommons【表示】
      http://creativecommons.org/licenses/by/3.0/deed.ja
      
■ カスタマイズなどは自由です。
     
■ 「テンプレート更新通知機能」がついています。
 テンプレートに更新があった際、ブログ下部の
 Template[Meaculpa x.x.x]　という部分に★が表示されます。
 （x.x.xはテンプレートのバージョンです）
 時々確認していただけるとうれしいです。
  
■ jQuery 1.3.2 をテンプレート内で使用しています。
  
■ 質問・要望・不具合報告等は作者ブログへお気軽にどうぞー。
 その際には、テンプレートのバージョンなど記述していただけると
 対応しやすくなります。
*/


/* ■■ 簡易カスタマイズ：目次 ■■ 
───────────────────────────────────────
　・基本設定の変更
　・幅可変／固定の切り替え
──────────────────────────────────────*/
/*
───────────────────
　■ 基本設定の変更
───────────────────
*/
/* 【フォントサイズの変更】 */
/* タイトルエリアの文字サイズ */
#header { font-size : 100%; }

/* メインカラムの文字サイズ */
#main { font-size : 100%; }

/* 記事の本文の文字サイズ 
（「メインカラムの文字サイズ」からの相対的な値になります）*/
.entry-body { font-size : 100%; }

/* サブカラムの文字サイズ */
#sub { font-size : 100%; }



/* 【文字色の変更】
リンク以外の文字色です。リンクについては、
[1]リンク用設定 を参照してください。*/

/* 基本となる文字色
記事などはこの色で表示されます。*/
body , a.tagword:link , a.tagword:visited , a.tagword:hover {
  color : #333; 
}

/* タイトル部分の文字色 */
#header { color : #333; }

/* サブカラムの文字色 */
#sub { color : #333; }


/* 【背景色の設定】*/
/* メインカラムの背景色 */
#main {
  background-color : #fff;
}
/* 記事部分以外の背景色 */
body {
  background-color : #fff;
}

/* 【カラムの幅変更】 
二つの値を足して100%となるようにしてください */
#header , #sub , #footer { width : 38%; } /* タイトル・プラグイン側 */
#main { width : 62%; } /* 記事側 */


/* 【記事中の画像の枠】
記事中の画像に対し枠をつける場合は、
↓の※A1と※A2の行を削除してください（絵文字には枠はつきません）
枠の色、太さなどについては、borderプロパティを編集してください。*/

/*※A1 ---この行を削除---
.entry-body img {
  border : 1px solid #333;
  margin : 1px;
}
※BA ---この行を削除---*/


/*
───────────────────
　■ 幅可変／固定の切り替え
─────────────────── 
初期状態では幅可変（下限あり）となっています。

可変幅状態で記事中に大きな画像を使うと、ブラウザのウィンドウサイズに
よっては記事下部にスクロールバーが表示されることがあります。
（幅可変の初期設定では、350ピクセル程度が目安です）
もしこれが気になるようでしたら、幅を固定し、横幅を広く設定してください。*/

/*
幅を固定したい場合はHTMLの編集から【 ▼幅可変・固定の切り替え 】という箇所を検索し、クラス名（「class="～"」 の～部分）を変更してください。*/

/* 固定幅の設定 */
.fixed-on { width : 800px; }

/* 【可変幅の設定】 */
.fixed-off { min-width : 650px; }

/* IE6以下に対しての可変幅設定 */
.lt-ie7 .fixed-off {
  width : expression(
  (document.documentElement.clientWidth < 650)? "650px" :
  "auto");
  height : 1%; }

/*
───────────────────────────────────────
■■ 簡易カスタマイズ：ここまで ■■*/



/*
■■ スタイルシート・目次 ■■
───────────────────────────────────────
ここから詳細な設定です。
  [0]：デフォルトスタイルの再設定
  [1]：リンク用設定
  [2]：ページ全体の設定
  [3]：タイトル部分の設定
  [4]：コンテンツを包括する要素の設定
  [5]：メインコンテンツを包括する要素の設定
  [6～9]：記事の設定
  [10～14]：コメント・トラックバックの設定
  [15]：前後のページへのナビゲーション
  [16～18]：サブメニュー・プラグインの設定
  [19]：フッタ部設定
  [20]：テーブル・カレンダー関係
  [21]：全記事一覧についての設定
  [22]：バトン用スタイル
  [23]：オリジナルクラス
───────────────────────────────────────*/




/*■■ [0] デフォルトスタイルの再設定 ■■
───────────────────────────────────────
ブラウザ間の表示差を少なくするため、一般的な要素にスタイルを設定しています。*/

/* この部分はカスタマイズ非推奨 */
body,div,dl,dt,dd,li,form,fieldset,input,th,td {margin:0;padding:0;}
html > body {font-size:12pt;}
input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],label,button {cursor:pointer;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;}
strong,b {font-weight:bold;}
blockquote {margin:1em 2em;padding:0.5em;border:1px dashed #999;}
em,i,cite,dfn,var {font-style:italic;}
u {text-decoration:underline;}
s,strike {text-decoration:line-through;}
pre,code {font-family:"Osaka-等幅" ,"Lucida Console" ,monospace;}
pre {margin:0.5em 0;padding:0;white-space : pre;}
ul,ol {margin:1em 0;padding:0 0 0 40px;}
p {margin : 1em 0;}
a,a[name]:hover {text-decoration:none;}
br { letter-spacing : 0px; }
.rdf{display:none;clear:both;}
hr.separator {display:none;}
.plugin3-skip , #entrystart {display: none;}
img.emoji {border:none;margin:0 1px -2px;}
/* この部分はカスタマイズ非推奨 */



/*■■ [1] リンク用設定 ■■
───────────────────────────────────────
リンクの文字色などの設定しています。
あくまで全体的な設定なので、局所的なものはそれぞれの場所に。*/

/*[1.1] 通常のリンク */
a:link {
  color : #333;
  text-decoration : underline;
}
/*[1.2] 訪問済みのリンク */
a:visited {
  color : #555;
  text-decoration : underline;
}
/*[1.3] マウスオーバー中 */
a:hover {
  color : #666;
  text-decoration : underline;
}
/*[1.4] サブカラム中のリンク */
#sub a:link {
  color : #555;
}
/*[1.5] サブカラム中の訪問済みリンク */
#sub a:visited {
  color : #666;
}
/*[1.6] サブカラムのマウスオーバー中のリンク*/
#sub a:hover {
  color : #555;
  background-color : #eee;
}


/* ■■ [2] ページ全体の設定 ■■
───────────────────────────────────────
ページ全体に適用するスタイルを設定しています。*/

/*[2.1]*/
body {
  margin : 0;
  padding : 0;
  width : 100%;
  line-height : 1.5;
  font-family : "Verdana" , "MS UI Gothic" , "Osaka" , sans-serif;
  font-weight : normal;

}
/*[2.2]*/
#wrapper {
  font-size : 75%;
  position : relative;
}

/* ■■ [3]ヘッダー部の設定 ■■
───────────────────────────────────────
タイトル・ブログの紹介を含む部分の設定です。
タイトル画像を変更する場合はスタイルシートの最上部にあるカスタマイズを参照してください */

/*[3.1]*/
#header {
  padding : 140px 0 0;
}
/*[3.3.1]*/
#title h1 {
  margin : 0;
  padding : 0 0.3em;
  line-height : 1.1;
  font-size : 210%;
  font-weight : normal;
}

/*[3.4.1]*/
#title h1 a {
  font-family : "Lucida Sans Unicode" ,"Verdana" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
}

/*[3.4.2]*/
#title h1 a:link ,
#title h1 a:visited {
  color : #222;
  text-decoration : none;
}
/*[3.4.3]*/
#title h1 a:hover {
  color : #f90;
  background-color : transparent;
  text-decoration : none;
}

/*[3.5]*/
#subtitle {
  display : none;
}

/*[3.6]*/
#introduction p {
  border-top : 1px solid #333;
  margin : 0;
  padding : 0 0.2em;
  font-size : 100%;
  text-align : right;
}

/* ■■ [4]メインコンテンツを包括する要素の設定 ■■
───────────────────────────────────────
エントリー部（メイン）を包括する要素の設定。*/

/*[4.1]*/
#main {
  margin : 0;
  position : absolute;
  top : 0;
  right : 0;
}

/*[4.2]*/
#main .main-container{
  padding : 1em 1em 2em;
  border-top : 0;
  border-left : 1px solid #333;
  border-right : 1em solid #333;
  border-bottom : 1px solid #333;
}

/* ■■ [6]個々の記事を包括する要素の設定 ■■
───────────────────────────────────────
*/
/*[6.1]*/
div.entry {
  clear : both;
  padding : 1em 0 2.5em;
}

/*[6.2]*/
div.plugin3 {
  margin : 2em 0;
  padding : 0 1.5em;
}

/* ■■ [7]記事タイトル部の設定 ■■
───────────────────────────────────────
*/
/*[7.1]*/
div.entry-header {
  padding : 0 0 0.5em;
}
/*[7.2]*/
div.entry-title {
  border-left : 0.5em solid #333;
  border-bottom : 1px dashed #333;
}

/*[7.3]*/
h2.entry-title {
  margin : 0;
  padding : 0.2em 0.5em;
  font-size : 120%;
  font-weight : bold;
  line-height : 1.4;
}


/*[7.5.1]*/
h2.entry-title a:link , 
h2.entry-title a:visited {
  color : #333;
  text-decoration : none;
}
/*[7.5.2]*/
h2.entry-title a:hover {
  color : #f90;
  background-color : transparent;
  text-decoration : none;
}

/*[7.6]*/
h2.plugin3-title {
  padding : 0.5em 0 0;
  border-bottom : 1px solid #333;
  margin : 0;
  font-weight : bold;
  line-height : 1.2;
}

/*[7.7]*/
h2.plugin3-title:first-letter {
  font-size : 150%;
  line-height :1;
}

/*[7.8]*/
div.entry-time {
  text-align : right;
  font-size : 90%;
}

/*[7.9]*/
p.entry-time {
  margin : 0 0 0.5em;
}

/* ■■ [8]記事本文の設定 ■■
───────────────────────────────────────
*/
/*[8.1]*/
div.entry-body {
  clear : both;
  padding : 0 1em;
}
/*[8.2]*/
div.plugin3-body {
  margin : 0.8em 2em 0.5em;
}

/*[8.3-a]*/
div.entry-body-container ,
div.plugin3-body-container {
  width : 100%;
  overflow : auto;
  padding-bottom : 25px;
}

/*[8.3-b:for IE5-IE7]*/
.lt-ie8 .entry-body-container ,
.lt-ie8 .plugin3-body-container {
  overflow-x : auto;
  overflow-y : hidden;
}

/*[8.4]*/
div.entry-more {
  margin : 1em 0 0;
}

/*[8.5]*/
div.entry-body dd {
  padding-left : 2.5em;
  margin : 0;
}

/*[8.6]*/
.fc2_footer {
  margin : 1em 0 0;
  width : 99%;
}

/*[8.7]*/
a.tagword:link ,
a.tagword:visited {
  text-decoration : none;
  border-bottom : 1px dotted #999;
}

/*[8.8]*/
a.tagword:hover {
  text-decoration : none;
  background-color : #f5f5f5;
  border-bottom : 1px dotted #999;
}


/* ■■ [9]記事のフッタ部の設定 ■■
───────────────────────────────────────
*/
/*[9.1]*/
div.entry-footer {
  margin : 0.5em 0 0;
  clear : both;
}

/*[9.2]*/
dl.entry-tag {
  margin-left : 2em;
  border-left : 3px solid #999;
  padding-top : 0.2em;
  padding-left : 1em;
  padding-bottom : 0.2em;
  margin-bottom : 1px;
  font-size : 85%;
  _height: 1%;
}
/*[9.3]*/
dl.entry-tag dt {
  letter-spacing : 1px;
  font-weight : bold;
}
/*[9.4]*/
dl.entry-tag dd {
  display : inline;
  margin : 0 1em 0 0;
}
/*[9.5]*/
dl.entry-thread {
  margin-left : 2em;
  border-left : 3px solid #ccc;
  padding-top : 0.2em;
  padding-left : 1em;
  padding-bottom : 0.2em;
  font-size : 85%;
  _height: 1%;
}
/*[9.6]*/
dl.entry-thread dt {
  letter-spacing : 1px;
  font-weight : bold;
}
/*[9.7]*/
dl.entry-thread dd {
  display : inline;
  margin : 0 1em 0 0;
}
/*[9.8]*/
dl.entry-info {
  margin : 1em 1px;
  padding : 0;
  text-align : right;
}
/*[9.9]*/
dl.entry-info dt {
  display : none;
}

/*[9.10]*/
dl.entry-info dd {
  display : inline ;
  padding : 0.1em 7px 0.1em 6px;
  background-image : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-y.gif");
  background-repeat : repeat-y;
  background-position : 100% 0;
}
/*[9.11]*/
dl.entry-info dd.category-info {
  background : none;
}

/* ■■ [10]コメント・トラックバック包括要素の設定 ■■
───────────────────────────────────────
*/
/*[10.1]*/
div.comment , 
div.trackback {
  padding : 1em;
  margin-bottom : 2em;
}

/*[10.2]*/
div.comment .comment-container, 
div.trackback .trackback-container {
  width : 100%;
}

/* ■■ [11]コメント・トラックバック部の見出しの設定 ■■
───────────────────────────────────────
*/
/*[11.1]*/
div.comment h3 , 
div.trackback h3 , 
div.edit-comment h2 {
  font-size : 100%;
  font-weight : bold;
  margin : 1em 0;
}

/*[11.2]*/
div.comment h3:first-letter ,
div.trackback h3:first-letter ,
div.edit-comment h2:first-letter {
  font-size : 150%;
  line-height : 1;
}

/* ■■ [12]コメントの表示設定 ■■
───────────────────────────────────────
.comment-header : 投稿者の名前、URL、トリップを含む要素
.comment-title : コメントのタイトル部
.comment-body : コメントの本文
.comment-footer : 投稿日時、編集メニューへのリンクを含む要素
*/

/*[12.1]*/
div.view-comment ol {
  padding-left : 32px;
}

/*[12.2]*/
div.comment-header p {
  margin : 0;
}

/*[12.3]*/
div.comment-title {
  padding-left : 0.5em;
  border-left : 0.2em solid #999;
  font-weight : bold;
}

/*[12.4]*/
div.comment-title p {
  margin : 0;
  padding-top : 0.5em;
  padding-bottom : 0.5em;
}

/*[12.5]*/
div.comment-body {
  margin : 0;
  border-left : 0.2em solid #ccc;
  padding-left : 0.5em;
}

/*[12.6-a]*/
div.comment-body p {
  margin : 0;
  width : 100%;
  overflow : auto;
  padding-top : 0.1em;
  padding-bottom : 0.3em;
}

/*[12.6-b : for IE5-IE7]*/
.lt-ie8 div.comment-body p {
  overflow-x : auto;
  overflow-y : hidden;
  padding-bottom : 25px;
}

/*[12.7]*/
div.comment-footer p {
  margin : 0.5em 0 1em;
  text-align : right;
  color : #777;
  font-size : 90%;
}

/*[12.8]*/
div.comment-footer a:link ,
div.comment-footer a:visited ,
div.comment-footer a:hover {
  color : #777;
}
/* ■■ [13]コメント投稿フォームの設定 ■■
───────────────────────────────────────
*/
/*[13.1]*/
.write-comment dt, 
.edit-comment dt {
  margin : 0;
  padding : 0;
}

/*[13.2]*/
.write-comment dd, 
.edit-comment dd {
  margin : 0.2em 1em;
}

/*[13.3-a]*/
.form-name ,
.form-pass {
  width : 40%;
  padding : 2px;
}
/*[13.3-b : for IE5-IE7 ]*/
.lt-ie7 .form-name ,
.lt-ie7 .form-pass {
  width : 160px;
}
/*[13.4-a]*/
.form-mail,
.form-url,
.form-subject,
.form-comment {
  width : 92%;
  padding : 2px;
}

/*[13.4-b : for IE5-IE7 ]*/
.lt-ie7 .form-mail ,
.lt-ie7 .form-url ,
.lt-ie7 .form-subject ,
.lt-ie7 .form-comment {
  width : 330px;
}

/*[13.5]*/
ul.submit {
  list-style-type : none;
  padding-left : 0;
}

/*[13.6]*/
ul.submit li {
  display : inline;
}

/*[13.7]*/
ul.submit .form {
  margin : 0 2em;
  padding : 0.2em 1em;
}

/*[13.8]*/
ul.submit .edit-end {
  margin : 0 2em;
  font-weight : bold;
  padding : 0.2em 1em;
}

/*[13.9]*/
ul.submit .edit-del {
  margin : 0 0 0 5em;
  padding : 0.2em 0.5em;
}

/* ■■ [14]トラックバック表示についての設定 ■■
───────────────────────────────────────
*/

/*[14.1]*/
dd.trackback-url {
  margin : 0.5em;
  text-decoration : underline;
  font-size : 11px;
}

/*[14.2]*/
p.trackback-list-title {
  margin : 0;
}

/*[14.3]*/
p.trackback-list-excerpt {
  margin : 0 1em 1.5em;
}


/* ■■ [15]前後のページへのナビゲーション ■■
───────────────────────────────────────
*/
/*[15.1]*/
dl.pagelink dt {
  display : none;
}

/*[15.2.1]*/
dl#pagetop-link {
  margin : 0 1px 2.5em;
  padding : 0;
  font-size : 80%;
  line-height : 3;
  letter-spacing : 1px;
  text-align : right;
}

/*[15.2.3]*/
dl#pagetop-link dd {
  display : inline;
  padding : 0 0 0 2px;
  _height : 1%;
  text-transform : uppercase;
}

/*[15.2.4]*/
dl#pagetop-link a {
  text-decoration : none;
  padding : 2.5em 1em 0.1em;
  _height : 1%;
}
/*[15.2.5]*/
dl#pagetop-link a:link , 
dl#pagetop-link a:visited {
  color : #333;
  border-bottom : 1px solid #333;
}
/*[15.2.6]*/
dl#pagetop-link a:hover {
  color : #333;
  border-bottom : 1px solid #333;
  background-color : #f5f5f5;
}


/*[15.3.1]*/
dl#pagecenter-link ,
dl#pagebottom-link {
  margin : 2.5em 1em;
  padding : 0 0.5em;
  text-align : center;
  line-height : 2;
}

/*[15.3.1]*/
dl#pagecenter-link dd ,
dl#pagebottom-link dd {
  display : inline;
  padding : 0 5px;
}
/*[15.3.2]*/
dl#pagecenter-link dd.home ,
dl#pagebottom-link dd.home {
  border-top : none;
  border-left : 1px dotted #555;
  border-right : 1px dotted #555;
  border-bottom : none;
  text-transform : uppercase;
}
/*[15.3.3]*/
dl#pagecenter-link a ,
dl#pagebottom-link a {
  text-decoration : none;
}
/*[15.3.4]*/
dl#pagecenter-link a:link , 
dl#pagebottom-link a:link , 
dl#pagecenter-link a:visited ,
dl#pagebottom-link a:visited {
  color : #333;
  padding : 4px 7px;
}
/*[15.3.5]*/
dl#pagecenter-link a:hover , 
dl#pagebottom-link a:hover {
  color : #333;
  background-color : transparent;
  padding : 3px 6px;
  border : 1px solid #333;
}



/* ■■ [16]サブメニュー包括要素の設定 ■■
───────────────────────────────────────
*/
/*[16.1]*/
#sub {
  padding-top : 0.5em;
}

/* ■■ [17]サブメニューを包括する要素の設定 ■■
───────────────────────────────────────
*/


/*[17.1]*/
#sub .menuitem {
  text-align : center;
  padding : 1em 1.5em;
}
/*[17.2-a]*/
div#sub .menu-body {
  text-align : left;
  padding : 0 0 22px 0;
  width : 100%;
  overflow : auto;
}

/*[17.2-b : for IE5-IE7]*/
.lt-ie8 #sub .menu-body {
  overflow-x : auto;
  overflow-y : hidden;
}

/*[17.3]*/
.p-description ,
.p-description2 {
  clear : both;
}

/* ■■ [18]サブメニュー内各種要素についての設定 ■■
───────────────────────────────────────
*/
/*[18.1]*/
#sub h2 {
  margin : 0;
  padding : 0.5em 0 0;
  border-bottom : 1px dashed #666;
  font-size : 100%;
  font-weight : bold;
  text-align : left;
}

/*[18.2]*/
#sub ul {
  padding-left : 20px;
  list-style-type : square;
}

/*[18.3]*/
#sub ul.sub_menu {
  margin-top : 0;
  margin-bottom : 0.5em;
  padding-left : 15px;
  list-style-type : disc;
}

/*[18.4]*/
#sub dd {
  padding-left : 20px;
}

/*[18.5]*/
#sub input, 
#sub textarea {
  margin : 2px 0px;
  padding : 0.1em 1px;
}

/* ■■ [18-b]プロフィール部特殊設定 ■■
───────────────────────────────────────
*/
#author{
  margin : 0 0 1.5em;
  padding : 1.5em 0;
  border-bottom : 1px solid #333;
}
#author .author-area {
  margin : 0 2.5em;
}
#author h2 {
  margin : 0 0 0 -1em;
  font-size : 100%;
  font-weight : bold;
  border : none;
}
.plugin-profile {
  display : none;
}

/* ■■ [19]フッタ部設定 ■■
───────────────────────────────────────
*/
/*[19.1]*/
#footer {
  padding : 3em 0 1em;
  font-size : 9px;
  text-align : center;
}

/*[19.2]*/
#footer,
#footer a:link ,
#footer a:visited ,
#footer a:hover {
  color : #666;
}
/*[19.3]*/
#footer .ad , 
#footer p {
  margin : 0 3em;
}

/* ■■ [20]テーブル・カレンダー関係 ■■
───────────────────────────────────────
*/
/*[20.1]*/
table {
  font-size : 100%;
}

/*[20.2]*/
table.calender {
  width : 95%;
  margin: 0 auto;
}

/*[20.3]*/
.calender td, 
.calender th {
  text-align : center;
  border-right : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
  padding : 0;
  line-height : 2;
  font-size : 95%;
}

/*[20.4]*/
th {
  font-weight : normal;
}

/*[20.5]*/
.calender td a:link,
.calender td a:visited {
  background-color : #f5f5f5;
  display : block;
}

/*[20.6]*/
.calender td a:hover {
  background-color : #f90; !important;
  display : block;
}

/* ■■ [21]全記事一覧についての設定 ■■
───────────────────────────────────────
*/

/*[21.1]*/
div.all-titlelist-area dl.titlelist {
  line-height : 1.2;
}

/*[21.2]*/
dl.titlelist dt {
  margin-top : 1.5em;
  padding-left : 6px;
}

/*[21.3]*/
dl.titlelist dd {
  padding-left : 6px;
}

/*[21.4]*/
dl.titlelist dt.titlelist-header-title {
  border-left : 2px solid #666;
  padding-top : 3px;
  font-weight : bold;
  padding-bottom : 1px;
}

/*[21.5]*/
dl.titlelist dt.titlelist-header-title a {
  text-decoration : none;
  font-size : 120%;
}

/*[21.6]*/
dl.titlelist dd.titlelist-header-info {
  margin : 0 0 1px;
  border-left : 2px solid #666;
  padding-bottom : 3px;
  font-size : 90%;
}

/*[21.7]*/
dl.titlelist dd.titlelist-header-info span {
  padding-right : 0.5em;
}

/*[21.8]*/
dl.titlelist dd.titlelist-body {
  padding-top : 2px;
  padding-bottom : 2px;
  border-left : 2px solid #aaa;
}



/*■■ [22]バトン用スタイル ■■
───────────────────────────────────────
フォントの種類や質問の数によって、A1などの文字が黒地の部分からはみ出すことがあります。
その場合は、※1～※3の「4em」という部分を、少し大きな値に（5emや5.5emなどに）変更してみてください。
*/
p.baton_title {
  margin : 1em 0;
  border-bottom : 1px dotted #777;
  font-weight : bold;
}
p.baton_title a {
  text-decoration : none;
}
dl.blog_baton {
  margin : 0 1em;
  line-height : 1.4;
}
dl.blog_baton dt {
  margin : 0;
  padding : 0.2em 0 0.2em 0.5em;
  /* ※1 */
  border-left : 4em solid #666;
  /* ↑ここで指定した色が質問番号(Q1など)の背景色になります。*/
  border-bottom : none;
  font-weight : bold;
  position : relative;
}
dl.blog_baton dd {
  margin : 1px 0 1em 0;
  padding : 0.2em 0 0.2em 0.5em;
  /* ※2 */
  border-left : 4em solid #444;
  /* ↑ここで指定した色が回答番号(A1など)の背景色になります*/
  border-bottom : none;
  position : relative;
}
dl.blog_baton span.q_number ,
dl.blog_baton span.a_number {
  position : absolute;
  display : block;
  text-align : center;
  color : #f5f5f5;
  font-weight : bold;
  line-height : 1.2;
  vertical-align : middle;
  /* ※3 */
  width : 4em;
  
  /* ↑の値を変えたときは、負の数値を下に入れる。*/
  left : -4em; /* ★ */
}
.lt-ie7 dl.blog_baton span.q_number ,
.lt-ie7 dl.blog_baton span.a_number {
/* IE6用記述。★の値よりさらに-0.5したものを入れる。*/
  left : -4.5em;
}



/* ■■ [23]オリジナルクラス ■■
───────────────────────────────────────
テンプレート内で使えるオリジナルクラスなど。
詳細は作者ブログをご覧ください。*/

/* 【 任意の要素に枠をつける： imgbox 】
記事中の任意の要素に枠をつけます*/
.entry .imgbox {
  border : 1px solid #666;
  margin : 1px;
}

/* 【 任意の要素に枠をつけない： noimgbox 】
記事中の任意の要素に枠をつけないようにします 
（枠を表示させるカスタマイズと組み合わせて利用してください）*/
.entry .noimgbox {
  border : none;
}

/* 【 要素の左寄せ： f-left 】
以降のテキストを右側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-left ,
.entry .imgbox.f-left {
  display:inline;
  float : left;
  margin : 0 0.5em 0.5em 0;
}

/* 【 要素の右寄せ： f-right 】
以降のテキストを左側に回り込ませることができます。
周囲には適度な余白が設定されます。*/
.entry .f-right ,
.entry .imgbox.f-right {
  display : inline;
  float : right;
  margin : 0 0 0.5em 0.5em;
}

/* 【 画像を写真風に： photo 】
写真のような枠をつけることが出来ます。*/
.entry .photo {
  margin : 0.5em;
  padding : 6px;
  background : #fff url("http://blog-imgs-41.fc2.com/r/i/m/rimse/photo_loading.gif") no-repeat center center;
  border : 1px solid #666;
}

/* 【 さらに強い強調： strong 】
FC2の仕様上、太字を表現する目的でstrong要素が使われるため、
strong要素が本来示す"さらに強い強調"を表現することが難しくなっています。
このテンプレートでは、strongにクラス名strongを与えた場合、
アクセントカラーを使用して強調するという設定にしています。
このスタイルを使うには、
1.強調する部分の直前に
  <strong class="strong">
2.強調する部分の直後に
  </strong>
という記述を追加してください。
*/
strong.strong , strong.strong a:link , strong.strong a:visited {
  color : #f36;
}


/* ■■ スタイルシート追加用エリア ■■
───────────────────────────────────────
スタイルを追加する場合は、ここより下に追加してください */









/* スタイルを追加する場合は、ここより上に追加してください */ }

★ 使用上の注意

プラグインを使用する場合は以下の項目に注意してください。

現在、プラグイン使用時に表示される「プロフィール」はプラグインのものではなくテンプレートHTMLによるものです。そのため、プロフィール部の表示のみ、プラグイン側での編集が不可となっています。

これは、プラグイン非対応だった[meaculpa]をプラグイン対応にした際に生じた、デザインの変化を最小限に抑えるためです。なお、公式プラグインの「プロフィール」を使用している場合は、スタイルシートを使い不可視にするよう設定されています。ご了承くださいませ。

★ テンプレート更新通知機能つき

更新機能・見本更新があると、ブログのフッタ部分に★マークがつきます。たまに確認していただけるとありがたいです。

★ 簡易カスタマイズ項目

以下の項目は簡易カスタマイズとしてまとめられています。詳しくはスタイルシート上部を参照してください。（バージョンによって項目に多少差があります）

フォントサイズの変更
- タイトルエリアの文字サイズ
- メインカラムの文字サイズ
- 記事の本文の文字サイズ
- サブカラムの文字サイズ
文字色の変更
- 基本となる文字色
- タイトル部分の文字色
- サブカラムの文字色
背景色の変更
- 記事部分の変更
- 記事以外の部分
カラム幅の変更
記事中の画像に枠をつける
幅可変／固定の切り替え

★ テンプレート独自クラスについて

記事中での使用を想定したいくつかのクラスが用意してあります。

1.要素の回り込み

<img src="画像のurl" class="f-left" />

太字の部分を追加すればOKです。

なお、このクラスは「2.写真風の枠」、または「3.シンプルな枠」と重複して設定することができます。重複して設定する場合は、

<img src="画像のurl" class="f-left photo" />

というように、半角スペースとともにクラス名を追加してください。

2.写真風の枠

画像に対して写真風の枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。
090109_DSC00477
こんな感じになります。

指定方法
imgタグに「class="photo"」を追加してください。

<img src="画像のurl" class="photo" />

太字の部分を追加すればOKです。

3.シンプルな枠

画像に対してシンプルな枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。

こんな感じになります。

指定方法
imgタグに「class="imgbox"」を追加してください。

<img src="画像のurl" class="imgbox" />

太字の部分を追加すればOKです。

4.枠をつけない

指定方法 imgタグに「class="noimgbox"」を追加してください。

<img src="画像のurl" class="noimgbox" />

太字の部分を追加すればOKです。

★ 使用条件・ライセンスについて

HTML・CSS: "meaculpa" / rimse

[ Close ]

ホーム: Home
次のページ: Next

Profile

Author:rimse
ペンギンを愛してやまないペンギン病患者。
LOVEペンギン。

ただいまお仕事でえらいこっちゃしてます。

ブログのテンプレ作ってました。
共有テンプレートのページで、作者「rimse」と検索すると出てきます。
シンプルめのテンプレが多いかも。

Calender

09 | 2023/10 | 11
日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31	-	-	-	-

RSSフィード

Search

Credit

スタイル切り替えスクリプト: [stylechange.js] Re:move!
Aquaria: [photo] "Blue Water" / fox_kiyo (Flickr)
Fiore: [photo] "Good night dahlia 2"/tanakawho (flickr)
Silence: [photo] "Noche de luna llena"/*L*u*z*a* (flickr)
Snowdance: [photo] "Snow Magic"/katmere (Flickr)
Fragment: [photo] "In the Streets"/Rodrigo Cayo (I LOVE ANALOG) (Flickr)
Day-out: [photo] "Antarctica: Penguin Hunting"/elisfanclub (Flickr)
Ad-Astra: [photo] "Kilimanjaro"/Stig Nygaard (Flickr)
Fall-time: [photo] "against the white sky"/Ozyman (Flickr); [icon] "Fugue Icons"/pinvoke
Exnihilo: [icon] "Fugue Icons"/pinvoke
Manicstar: [photo] "Elements of Light"/Fort Photo
Lostsky: [photo] "Lost to the Sky"/Drown
Daylight: [photo] "the grass is greener here"/hufse; [photo] "Seeing the Forest for the Trees"/synapse
Suspire: [photo] "Lying Cat"/d'n'c
Amaris: [photo] "Bev & Ryan"/aprillynn77
Herba: [photo] Encyclorecorder
Birdcall
CertaPax
Rera: [photo] ShippoShappo

Nefert : Category [ 限定配布テンプレート ]

Omega ver.1.1＆Blanc-3c ver.1.1公開

Omega

★ 基本情報

更新履歴 - Update history

★ テンプレート追加方法

HTML↓

スタイルシート↓

★ テンプレート更新通知機能つき

★ 簡易カスタマイズ項目

★ テンプレート独自クラスについて

1.要素の回り込み

2.写真風の枠

3.シンプルな枠

4.枠をつけない

★ 使用条件・ライセンスについて

blanc3c

★ プレビュー

★ 基本情報

更新履歴 - Update history

★ テンプレート追加方法

HTML↓

スタイルシート↓

★ テンプレート更新通知機能つき

★ カスタマイズ情報

★ 簡易カスタマイズ項目

★ テンプレート独自クラスについて

1.要素の回り込み

2.写真風の枠

3.シンプルな枠

4.枠をつけない

★ 使用条件・ライセンスについて

MeaCulpa ver.2.1リリースです

MeaCulpa

★ 基本情報

更新履歴 - Update history

★ テンプレート追加方法

HTML↓

スタイルシート↓

★ 使用上の注意

★ テンプレート更新通知機能つき

★ 簡易カスタマイズ項目

★ テンプレート独自クラスについて

1.要素の回り込み

2.写真風の枠

3.シンプルな枠

4.枠をつけない

★ 使用条件・ライセンスについて

Profile

Recent Entries

Recent Comments

Archives

Categories

Calender

RSSフィード

Search

Credit