(cache) ＦＣ２ブログにアダルトサイト利用可能なテンプレートを設定する

トップページ＞エログ講座＞ＦＣ２ブログにアダルトサイト利用可能なテンプレートを設定する

【１日３０分！９日間エログ講座４日目】ＦＣ２ブログをカスタマイズ！

テンプレートを反映する

４日目はアダルトサイト運営に適したテンプレートを設定していきます。後々に広告が貼りやすいようにシンプルなテンプレートをご紹介します。

また少し難しい話になるのですが、テンプレートによっても検索の順位と言うのも変わってきます。これは検索順位を決めるロボットが、サイトの内容を理解しやすいか？しにくいか？と言う要素がおおきいのですが、今回紹介するテンプレートはシンプルなコードでロボットが理解しやすいものです。

後々にサイトの幅を変えたい場合や、ヘッダー画像を追加したい場合なども簡単に設定できるテンプレートなので是非ご利用下さい。

こんな感じのサイトが出来ます。

ＦＣ２ブログにアダルトサイト利用可能なテンプレートを設定する

管理人オススメアダルトブログ無料テンプレート

初めてにＦＣ2ブログの管理画面に移動します

ＦＣ2の管理画面に移動したら、環境設定の場所にテンプレートの項目があるのでそちらをクリックします。

ＨＴＭＬ、ＣＳＳコードの書き換え

ものすごい複雑なコードがならんでいますが、意味は考えないでくださいｗこの意味などを考えようとすると、本当に何年あっても足りません。皆さんは今回9日間でアダルトブログを作ってもらいますので、ＨＴＭＬやＣＳＳの構造を覚える必要はありません！ですので今回は管理人が悪戦苦闘しながら、カスタマイズしたブログのテンプレートをコピペだけで反映できるようにしましたので、素直にコピペしてください！！

ＨＴＭＬコード

このＨＴＭＬのコードを全てコピーして最初記載してあるＨＴＭＬコードを削除して上書きします。 上書きしたら更新をクリックするのを忘れないで下さい。

<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />

<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<link rel="prev" href="<%preventry_url>" title="<%preventry_title>" />
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />

</head>
<body>

<div id="outline">

<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name></a></h1>
<div class="intro"><%introduction></div>
</div>
</div>

<div id="center-left">

<div id="center">

<div class="plugin3_outline">
<div class="plugin3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title></div>
<div class="plugin3_body">
<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description></div>
<div style="text-align:<%plugin_third_align>">
<%plugin_third_content></div>
<div style="text-align:<%plugin_third_ialign>; margin:1px 1px;">
<%plugin_third_description2></div>
</div>
</div>

<div class="various_outline">
<div class="various_title">カテゴリー &nbsp;[ <%sub_title> ]</div>
<div class="various_body">
<div class="various_text">
<ul>

<li><a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>

</ul>
</div>
<div class="various_navi">

<a href="<%prevpage_url>">≪前ページ</a>


<a href="<%nextpage_url>">次ページ≫</a>

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

<div class="various_outline">
<div class="various_title">月別アーカイブ &nbsp;[ <%now_year>年<%now_month>月 ]&nbsp;</div>
<div class="various_body">
<div class="various_text">
<ul>

<li><a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>

</ul>
</div>
<div class="various_navi">
<a href="<%prev_month_link>">≪前月</a>
 | &nbsp;<%now_year>年<%now_month>月&nbsp; | 
<a href="<%next_month_link>">翌月≫</a>
</div>
</div>
</div>

<div class="various_outline">
<div class="various_title">[ <%sub_title> ] を含む記事</div>
<div class="various_body">
<div class="various_text">
<ul>

<li><a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>

</ul>
</div>
<div class="various_navi">

<a href="<%prevpage_url>">≪前ページ</a>


<a href="<%nextpage_url>">次ページ≫</a>

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

<div class="various_outline">
<div class="various_title">[ <%sub_title> ] のタグを含む記事</div>
<div class="various_body">
<div class="various_text">
<ul>

<li><a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>

</ul>
</div>
<div class="various_navi">

<a href="<%prevpage_url>">≪前ページ</a>


<a href="<%nextpage_url>">次ページ≫</a>

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

<div class="ently_outline">
<h2 class="ently_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照">
<%topentry_title></a></h2>
<div class="ently_body">
<div class="ently_text">
<%topentry_body>

<div id="varP<%topentry_no>">
<div class="readmore">
<a href="<%topentry_link>" title="<%topentry_title>の続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>');return false;" id="entry<%topentry_no>aa" name="entry<%topentry_no>aa">
【続きを読む】</a></div>
</div>

<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="<%topentry_title>の続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
<%topentry_more>
</div>

<br /><%topentry_more>

</div>
<div class="ently_navi">
[ <%topentry_year>/<%topentry_month>/<%topentry_day>
 <%topentry_hour>:<%topentry_minute> ]
<a href="<%topentry_category_link>" title="カテゴリを参照"><%topentry_category></a> | 

<a href="<%topentry_link>#trackback" title="<%topentry_title>のトラックバックを参照">TB(<%topentry_tb_num>)
</a>
トラックバック(-) | 

<a href="<%topentry_link>#comment_list" title="<%topentry_title>のコメントを参照">CM(<%topentry_comment_num>)
</a>
コメント(-)<br />
</div>
</div>
</div>





<p class="page_navi">
<a href="<%preventry_url>" title="前ページへ戻る">≪<%preventry_title></a> 
| <a href="<%url>" title="<%blog_name>">HOME</a> | 
<a href="<%nextentry_url>" title="次ページへ進む"><%nextentry_title>≫</a>
</p>




<a name="comment_list" id="comment_list" ></a>

<div class="comment_outline">
<div class="comment_title"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div>
<div class="comment_body">
<div class="comment_text"><%comment_body></div>
<div class="comment_navi">
[ <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> ] 
<script type="text/javascript">
a="<%comment_url>";
if (a!="") { document.write('<a href="'+a+'" target="_blank"><%comment_name></a>') } else { 
document.write("<%comment_name>"); }
</script>
<noscript>
<a href="<%comment_url>" target="_blank"><%comment_name></a>
</noscript>
[ <a href="<%comment_edit_link>" title="コメントを編集する">編集</a> ] 
</div>
</div>
</div>

<div class="comment_outline">
<div class="comment_title">コメントの投稿</div>
<div class="comment_body">
<div class="comment_text">
<form method="post" action="./" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<label for="subject">題名:</label><br />
<input id="subject" type="text" name="comment[title]" size="40" value="" /><br />
<label for="name">名前:</label><br />
<input id="name" type="text" name="comment[name]" size="40" value="<%cookie_name>" /><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="40" value="<%cookie_url>" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="<%server_url>load.js"></script><br />
<textarea id="comment" cols="55" rows="8" name="comment[body]" ></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<input type="submit" value="送信" />
</form>
</div>
</div>
</div>

<div class="comment_outline">
<div class="comment_title">コメントの編集</div>
<div class="comment_body">
<div class="comment_text">
<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>" />
<label for="subject">題名:</label><br />
<input id="subject" type="text" name="edit[title]" size="40" value="<%edit_title>" /><br />
<label for="name">名前:</label><br />
<input id="name" type="text" name="edit[name]" size="40" value="<%edit_name>" /><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="edit[url]" size="40" value="<%edit_url>" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="<%server_url>load.js"></script><br />
<textarea id="comment" cols="55" rows="8" name="edit[body]"><%edit_body></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="edit[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="edit[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<p>
<input type="submit" value="送信" /> 
<input type="submit" name="edit[delete]" value="削除" />
</p>
</form>
</div>
</div>
</div>




<div class="trackback_outline">
<div class="trackback_block_title"><a name="trackback" id="trackback">トラックバック</a></div>
<div class="trackback_block_body">
この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a><br /><br />

<div class="trackback_title"><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></div>
<div class="trackback_body">
<%tb_excerpt>
<div class="trackback_navi">
[<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>]
<a href="<%tb_url>" target="_blank"><%tb_blog_name></a>
</div>
</div>

</div>
</div>




<div class="plugin3_outline">
<div class="plugin3_title"><a name="mapnavi_title">サイトマップ</a></div>
<div class="plugin3_body">

<div id="sitemap">

<b>■ カテゴリ一覧 ■</b><br />
<ul class="main_menu">


<li class="main_list" &align>


<li class="main_list" &align>


<ul class="sub_menu">


<li class="sub_list" &align>


<li class="sub_list_end" &align>

<a href="#c<%category_no>" title="<%category_name>"><%category_name>(<%category_count>)</a>

</li>


</li>


</li>
</ul>
</li>


</ul>
<br />

<div class="display_no">
<ul>

<li Name="<%titlelist_category_no>" ID="<%titlelist_category_no>">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
-　<%titlelist_year>.<%titlelist_month>.<%titlelist_day>
</li>

</ul>
</div>

■
■
　□
　□

<span id="subcategories<%category_no>name">
<a href="<%category_link>" title="<%category_name>" name="c<%category_no>"><b><%category_name></b> (<%category_count>)</a>
</span> <br>

<div id="subcategories<%category_no>list">

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

</div>

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




<p class="page_navi">
<a href="<%preventry_url>" title="前ページへ戻る">≪<%preventry_title></a> 
| <a href="<%url>" title="<%blog_name>">HOME</a> | 
<a href="<%nextentry_url>" title="次ページへ進む"><%nextentry_title>≫</a>
</p>

<p class="page_navi">
<a href="<%prevpage_url>" title="前ページへ戻る">≪前ページ</a> 
| <a href="<%url>" title="<%blog_name>">HOME</a> | 
<a href="<%nextpage_url>" title="次ページへ進む">次ページ≫</a>
</p>

</div>

<div id="left">

<div class="plugin1_outline">
<div class="plugin1_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<div class="plugin1_body" style="text-align:<%plugin_first_align>">
<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description></div>
<%plugin_first_content>
<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description2></div>
</div>
</div>

</div>

<br class="c-both" />

</div>

<div id="right">
</div>

<br class="c-both" />

<div id="footer_outline">
<div id="footer_body">
copyright &copy; <%now_year> <%blog_name> all rights reserved.<br />
<%ad>&nbsp;&nbsp;<%ad2>
　Benri-navi by <a href="http://myhurt.blog11.fc2.com/" target="_blank">myhurt</a>
　Template by <a href="http://10plate.blog44.fc2.com/" target="_blank">FC2ブログのテンプレート工房</a>
</div>
</div>

</div>
</body>
</html>

スタイルシートのコード

このスタイルシートのコードを全てコピーして最初記載してあるスタイルシートコードを削除して上書きします。 上書きしたら更新をクリックするのを忘れないで下さい。

body { 
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#ffffff;                       /* 外側背景色 */
} 
#outline { 
background-color:#ffffff;                     /* サイト背景色 */
}
/******************************************* ▼ サイトの幅 ▼ */
#outline { 
width:1068px;                                         /* 全体 */
margin:0 auto; 
}
#center { 
width:845px;                                          /* 中央 */
float:left; 
} 
#left { 
width:217px;                                            /* 左 */
float:right; 
} 
#right { 
width:0px; /* 右 */
float:right; 
} 
#center-left {             /* 計算して設定してください ------ */
width:1068px; /* 全体と同じ値を設定 */
float:left; 
} 
/******************************************* ▲ サイトの幅 ▲ */

/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#4169E1; text-decoration:none;}      /* 通常 */
a:active  {color:#4169E1; text-decoration:none;}      /*実行中*/
a:visited {color:#4169E1; text-decoration:none;}      /*訪問済*/
a:hover   {color:#0000CD; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:2px solid #ffffff;                     /* 外枠の色     */
margin-bottom:5px;                            /* ヘッダ下間隔 */
}
#header_body { 
background-color:#ffffff;                     /* 背景色       */
border:1px solid #ffffff;                     /* 内枠の色     */
} 
/********************************************* ▲ ヘッダー ▲ */

/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:16pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:10px 30px; 
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#000000; text-decoration:none; } /* 通常 */
h1 a:active  { color:#000000; text-decoration:none; } /*実行中*/
h1 a:visited { color:#000000; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#0000ff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */

/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:10pt;                                 /* 文字サイズ */
color:#000000;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:5px 30px 10px; 
}
/***************************************** ▲ サイト紹介文 ▲ */

/************************************************* ▼ 記事 ▼ */
.ently_outline { 
border:#e0e0e0 2px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;               /* 背景色             */
margin-bottom:20px;                     /* 次の記事までの間隔 */
} 
.ently_title { 
font-size:10pt;                    /* 文字サイズ(記事タイトル)*/
background-color:#f0f0f0;          /* 背景色    (記事タイトル)*/
border:#666666 1px solid;          /* 枠        (記事タイトル)*/
text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding:5px 20px;
margin:0;
} 
                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#555555; text-decoration:none; } /* 通常 */
h2 a:active  { color:#555555; text-decoration:none; } /*実行中*/
h2 a:visited { color:#555555; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#0000ff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
.ently_body { 
font-size:10pt;                       /* 文字サイズ(記事本文) */
color:#000000;                        /* 文字色    (記事本文) */
border-top:   #e0e0e0 1px solid;      /* 枠(上)    (記事本文) */
border-left:  #666666 1px solid;      /* 枠(左)    (記事本文) */
border-right: #666666 1px solid;      /* 枠(右)    (記事本文) */
border-bottom:#666666 1px solid;      /* 枠(下)    (記事本文) */
} 
.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:10px 20px; 
margin-bottom:20px; /* 記事末尾の間隔調整 */
}
.ently_navi { 
text-align:right;                     /* 右寄せ(時刻・CM・TB) */
color:#555555;                        /* 文字色(時刻・CM・TB) */
margin:0px 10px 3px; 
} 
/************************************************* ▲ 記事 ▲ */

/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.plugin1_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin1_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left : #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px; 
line-height:1;
} 
/*************************** ▲ 左側メニュー(プラグイン１) ▲ */

/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.plugin2_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin2_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left:  #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px; 
line-height:1;
} 
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */

/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:20px;
} 
.plugin3_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:5px 20px; 
} 
.plugin3_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left:  #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 20px; 
} 
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */

/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#e0e0e0 2px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:20px;                 /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#666666 1px solid;             /* 枠        (タイトル) */
padding:5px 20px; 
} 
.comment_body { 
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#000000;                    /* 文字色    (コメント本文) */
border-top:   #e0e0e0 1px solid;  /* 枠(上)    (コメント本文) */
border-left:  #666666 1px solid;  /* 枠(上)    (コメント本文) */
border-right: #666666 1px solid;  /* 枠(上)    (コメント本文) */
border-bottom:#666666 1px solid;  /* 枠(上)    (コメント本文) */
} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#555555;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
} 
/********************************************* ▲ コメント ▲ */

/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
border:#e0e0e0 2px solid;             /* 外枠の/色太さ/実線   */
background-color:#FFFFFF;             /* 背景色               */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:10pt;                 /*文字サイズ(ブロックタイトル)*/
color:#555555;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
background-color:#f0f0f0;       /*背景色    (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
border:#666666 1px solid;       /*枠        (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#000000;                    /* 文字色    (ブロック本文) */
border-top:   #e0e0e0 1px solid;  /* 枠(上)    (ブロック本文) */
border-left:  #666666 1px solid;  /* 枠(左)    (ブロック本文) */
border-right: #666666 1px solid;  /* 枠(右)    (ブロック本文) */
border-bottom:#666666 1px solid;  /* 枠(下)    (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#555555;                    /* 文字色    (個別タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body { 
font-size:10pt;                   /* 文字サイズ(個別本文)     */
color:#000000;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
} 
/*************************************** ▲ トラックバック ▲ */

/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline { 
border-top:#e0e0e0 2px solid;      /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px; 
} 
.various_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#666666 1px solid;             /* 枠        (タイトル) */
padding:5px 20px; 
margin:0; 
}
.various_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
border-top:#e0e0e0 2px solid;             /* 飾り線(上)(本体) */
} 
.various_text {
text-align:left;                          /* 左寄せ    (本体) */
margin:10px 20px;
}
.various_navi { 
text-align:center;                        /* 中央寄せ  (矢印) */
margin:0px;
} 
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */

/********************************************* ▼ フッター ▼ */
#footer_outline {
border:2px solid #e0e0e0;                       /* 外枠の色   */
background-color:#f0f0f0;                       /* 背景色     */
}
#footer_body { 
font-size:9pt;                                  /* 文字サイズ */
color:#999999;                                  /* 文字色     */
border:1px solid #666666;                       /* 内枠の色   */
padding:5px; 
} 
                                              /* リンク       */
#footer_body a:link    { color:#999999; }     /* 通常         */
#footer_body a:active  { color:#999999; }     /* 実行中       */
#footer_body a:visited { color:#999999; }     /* 訪問済み     */
#footer_body a:hover   { color:#0000ff; }     /* オンマウス時 */
/********************************************* ▲ フッター ▲ */
/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }

/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:9pt; }

/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
}

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */
/**************************************************************/
/* フッターにある著作権表示(リンク)さえ残して頂ければ         */
/* どんなにカスタマイズされても構いません。また、             */
/* どのようなサイトでも利用してくださって結構です。           */
/*                                FC2ブログのテンプレート工房 */
/* [lightframe_ver.04]       (http://10plate.blog44.fc2.com/) */
/**************************************************************/