simple_pink2cl - FC2ブログ専用テンプレートのソース

FC2ブログ共有テンプレート未登録のオリジナルテンプレートです。

simple_pink2cr（2カラム;右メニュー）を左メニューしたテンプレートです。

　※FC2ブログ共有テンプレート：simple_pink2cr （2カラム;右メニュー）の説明

■HTMLのソース

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<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="description" content="<%introduction><%sub_title>" />


<meta name="description" content="ここでは、<%sub_title> に関する記事を掲載しています。" />

<link href="<%css_link>" type="text/css" rel="stylesheet" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<title><%blog_name><%sub_title></title>
</head>
<body>
<div id="baseBlock">

<div id="headBlockBase">

| <span class="navi"><a href="<%prevpage_url>" title="前頁へ移動する">前のページへ</a></span>
 | 
<span class="navi"><a href="<%url>" title="<%blog_name>に戻る">トップページ</a></span> | 
<span class="navi"><a href="<%url>?all" title="記事の一覧を表示する">全記事一覧</a></span>
 | 
<span class="navi"><a href="<%nextpage_url>" title="次頁へ移動する">次のページへ</a></span> |

<span class="navi"><a href="<%prev_month_link>" title="<%prev_year>年<%prev_month>月の記事一覧へ"><%prev_year>年<%prev_month>月</a></span> | <%now_year>年<%now_month>月の記事一覧 | 
<span class="navi"><a href="<%next_month_link>" title="<%next_year>年<%next_month>月の記事一覧へ"><%next_year>年<%next_month>月</a></span>

</td><td style="width:40px;">

<div class="login"><a href="./?admin">Edit</a></div>

</td></tr></table>
</div>

<div style="background: #ffeeee;">
<div class="headBlock_00"></div><div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>

</div>

</div>

<div id="mainBlock">

<div class="top_entry-body">
■<strong>フリースペース</strong><br />
　※このフリースペースは、サイトトップにのみ表示されます。<br />
　※不要な場合は、&lt;!--index_area--&gt; ～ &lt;!--/index_area--&gt; の部分を削除して下さい<br />
　※広告を掲載したり、ブログ紹介、SEO対策など、ご自由にどうぞ！<br />
　※<span style="color:#ff3300;">IEとFirefoxでレイアウト表示確認済み；その他プラウザ未確認</span>
</div>

<div class="mainEntryBlock">
<div style="background: #ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div><div class="headBlock_00"></div>
</div>
<div class="mainEntryTitle"><h2><a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div style="background: #ffeeee;">
<div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>

<div class="mainEntryBase">
<div class="editentry">
<a href="./admin.php?mode=editentry&no=<%topentry_no>" rel="nofollow" title="記事を編集する">
<%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>)</a>
</div>
<div class="mainEntryBody"><%topentry_body></div>
<div class="mainEntryMore">

≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>


<a name="more" id="more"></a><%topentry_more>

<p class="tag_list">タグ ：
 
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>

</p>

</div>
</div>

<div class="mainEntryDate">
<a href="<%topentry_category_link>" title="カテゴリ一分類"><%topentry_category></a> | 

<a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a> | 




<a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a> |

<a href="#headBlock" title="ページトップへ"> Page Top↑</a>

</div>

</div>

<div class="pageLink">

<a href="<%preventry_url>" title="<%preventry_title>">次のエントリ記事</a> 

&lt;&lt; <a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a> &gt;&gt;

 <a href="<%nextentry_url>" title="<%nextentry_title>">前のエントリ記事</a>

</div>

<div style="background: #ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div><div class="headBlock_00"></div>
</div>
<div class="mainEntryComment">
<div class="mainEntryTitle"><a name="comment" id="comment">　コメント</a></div>
<div class="mainCommentBody">
<div class="mainCommentBold">この記事へのコメント</div>

<div class="mainCommentTitle"><a id="comment<%comment_no>" name="comment<%comment_no>"></a><a href="<%comment_url>" target="_blank"><%comment_title></a></div>
<div class="mainCommentBody"><%comment_body></div>
<div class="mainCommentDate"><%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute> | <%comment_url+str> | <%comment_mail+name> #<%comment_trip>[ <a href="<%comment_edit_link>">編集</a>]</div>


<div class="mainCommentBold"><a name="comment_post" id="comment_post">コメントを投稿する</a></div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<div class="mainCommentBody">
<table border="0" style="text-align:center;" cellpadding="8" cellspacing="0">
<tr><td width="50"><label for="name">Name:</label></td>
<td width="250"><input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
</td></tr><tr><td>
<label for="subject">Subject:</label>
</td><td>
<input id="subject" type="text" name="comment[title]" size="30" class="mainFormText" />
</td></tr><tr><td>
<label for="mail">Mail:</label>
</td><td>
<input id="mail" type="text" name="comment[mail]" size="30" class="mainFormText" value="<%cookie_mail>" />
</td></tr><tr><td>URL:
</td><td>
<input id="url" type="text" name="comment[url]" size="30" class="mainFormText" value="<%cookie_url>" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="<%template_comment_js>"></script><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea" ></textarea>
</td></tr><tr><td>Pass:
</td><td><input id="pass" type="password" name="comment[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="comment[himitu]" class="mainFormCheack" />
                    管理者にだけ表示を許可する
</td></tr><tr><td>&nbsp;
</td><td>
<input type="submit" value="送信" class="mainFormButton" />
</td></tr></table>
</div>
</form>

</div></div>

      


<div class="mainEntryComment">
<div class="mainCommentBold"><a name="comment_post" id="comment_post">コメントを編集する</a></div>
<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>" />
<div compact="compact" class="mainCommentBody">
<table border="0" style="text-align:center;" cellpadding="8" cellspacing="0">
<tr><td>Name:
</td><td>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" class="mainFormText" />
</td></tr><tr><td>Subject:
</td><td>
<input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" class="mainFormText" />
</td></tr><tr><td>Mail:
</td><td>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" class="mainFormText" />
</td></tr><tr><td>
<label for="url">URL:</label>
</td><td><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" class="mainFormText" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="<%template_comment_js>"></script><br />
<textarea id="comment" cols="40" rows="8" name="edit[body]" class="mainFormTextarea"><%edit_body></textarea>
</td></tr><tr><td>Pass:
</td><td>
<input id="pass" type="password" name="edit[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="edit[himitu]" class="mainFormCheack" />秘密にする
</td></tr><tr><td>&nbsp;
</td><td><input type="submit" value="送信" class="mainFormButton" />
                    　
<input type="submit" name="edit[delete]" value="削除" class="mainFormButton" />
</td></tr></table>
</div>
</form>
</div>

<div class="mainTraba">
<div style="background: #ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div><div class="headBlock_00"></div>
</div>
<div class="mainEntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a name="trackback" id="trackback">　トラックバック</a></div>
<div class="mainTrabaBody">
<div class="mainTrabaBold">この記事のトラックバックURL</div>
<div class="mainTrabaUrl"><%trackback_url><br /> <a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></div>
<div class="mainTrabaBold">この記事へのトラックバック</div>

<div class="mainTrabaTitle"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></div>
<div class="mainTrabaBody"><%tb_excerpt></div>
<div class="mainTrabaDate"><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>)  | <%tb_blog_name></div>

</div></div>

</div>

<div id="menu1Block">


<div class="menuBlockBase">
<div style="background: #ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div>
</div>
<div class="menu1BlockHead" style="text-align:<%plugin_first_talign>">
<div class="menuTitle"><%plugin_first_title></div>
</div>
<div style="background: #ffeeee;">
<div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>
<div class="menuBlockBody">
<div class="menuText">
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
</div></div>
</div>

<div class="menuBlockBase">
<div style="background:#ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div>
</div>
<div class="menu1BlockHead" style="text-align:<%plugin_second_talign>">
<div class="menuTitle"><%plugin_second_title></div>
</div>
<div style="background: #ffeeee;">
<div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>
<div class="menuBlockBody">
<div class="menuText">
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</p>
</div></div>
</div>

<div class="menuBlockBase">
<div style="background:#ffeeee;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div>
</div>
<div class="menu1BlockHead" style="text-align:<%plugin_third_talign>">
<div class="menuTitle"><%plugin_third_title></div>
</div>
<div style="background: #ffeeee;">
<div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>
<div class="menuBlockBody">
<div class="menuText">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
</div></div>
</div>

</div>

<div align="center">
<div id="footBlock">

<div style="background:#ffffff;">
<div class="headBlock_04"></div><div class="headBlock_03"></div><div class="headBlock_02"></div><div class="headBlock_01"></div><div class="headBlock_00"></div>
</div>

<p class="prev-next-navi">

<a href="<%prevpage_url>" title="前頁へ移動する">Before</a>&nbsp;|

<span class="title" style="font-size: 13px;font-weight:bold;">&nbsp;Copyright &copy; <a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a> All rights reserved.&nbsp;</span>

|&nbsp;<a href="<%nextpage_url>" title="次頁へ移動する">Next</a>

</p>
<%ad> <%ad2>　／　Template by <a href="http://blog298.blog25.fc2.com/" target="_blank">無料ブログ テンプレート カスタマイズ</a>

<div style="background:#ffffff;">
<div class="headBlock_00"></div><div class="headBlock_01"></div><div class="headBlock_02"></div><div class="headBlock_03"></div><div class="headBlock_04"></div>
</div>

</div>

</div>

</body>
</html>

■CSSのソース

@charset "EUC-JP";

/************************************/
/* body              */
body{
  font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif;
  font-size: 100%; color: #333333;
  line-height: 130%; text-align: center;
  margin: 0px auto; padding: 5px 10px 5px 10px;
  background-color: #ffeeee;
}
html>body {
  margin: 0px auto; font-size: background-color: #ffeeee; small !important;
}
#baseBlock {
  width: 795px;
  margin: 0px auto;
  padding: 0px;
  background-color: #ffeeee;
}
html>div #baseBlock {
  width: 795px; padding: 0px; margin: 0px auto;
  background-color: #ffeeee;
}
.editentry {
  text-align:right; padding-right:5px;
}

/************************************/
/* リンクの色  */
a{ color: #656565;
}
a:link{ color: #555555; text-decoration: underline;
}
a:visited{ color: #337777;
}
a:hover{ color: #ff2200; text-decoration:none;
}
.title a {
  color: #333333; text-decoration: none;
}
.title a:link {
  color: #333333; text-decoration: none;
}
.title a:visited {
  color:#333333; text-decoration : none;
}
.title a:hover {
  color:#ff3300; text-decoration : none;
}

h1.title a {
  color: #ffffee; text-decoration: none;
}
h1.title a:link {
  color: #ffffee; text-decoration: none;
}
h1.title a:visited {
  color:#ffffee; text-decoration : none;
}
h1.title a:hover {
  color:#ff3300; text-decoration : none;
}

/************************************/
/* list要素              */
blockquote {
  margin: 5px;
  background-color: #E8F3FF;
  padding: 5px;
  border-top: 1px dotted #336699;
  border-right: 1px dotted #336699;
  border-bottom: 1px dotted #336699;
  border-left: 5px solid #336699;
}

/************************************/

/*head要素              */

#headBlockBase {
  padding: 0px 4px 0px 4px;
}

#headBlock {
  background: #ffaaaa; color: #333333; width: 790px;
}
html>div #headBlock {
  background: #ffaaaa; color: #333333; width: 790px;
}
.headBlock_00 {
  background: #ffaaaa; margin: 0px; height:5px; overflow: hidden;
}
.headBlock_01 {
  background: #ffaaaa; margin: 0px 1px; height:2px; overflow: hidden;
}
.headBlock_02 {
  background: #ffaaaa; margin: 0px 2px; height:1px; overflow: hidden;
}
.headBlock_03 {
  background: #ffaaaa; margin: 0px 3px; height:1px; overflow: hidden;
}
.headBlock_04 {
  background: #ffaaaa; margin: 0px 5px; height:1px; overflow: hidden;
}

h1 {
  font-size: 26px;margin: 0px;padding:5px 0px;
}
html>h1 {
font-size: 26px;margin: 0px;padding:5px 0px;
}
.title { 
  font-size: 26px; text-align:center;
  color: #666666; margin: 0px;
  padding: 5px 0px;
}
.BlogName { 
  font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
  font-size : 26px;
  color: #666666;
}
.introduction { 
  font-family: "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Osaka";
  font-size: 13px; color: #666666;
  font-weight: bold;
  padding: 0px 8px 0px 10px;
  margin-top: 10px;
}
.sub_title { 
  font-family: "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Osaka";
  font-size: 13px; color: #6666666;
  font-weight: bold;
  padding: 0px 8px 0px 10px;
  margin-top: 10px;
}
.login {
  font-size: 13px;
  padding: 0px 10px 0px 0px; color: #acacac;
}
.login a:link {
  color: #ffaaaa; text-decoration : none;
}
.login a:visited {
  color: #adadad; text-decoration : none;
}
.login a:hover{ color: #ff4400; text-decoration:none;
}

/************************************/
/* ナビゲーション 要素              */

.navi_body {
  font-size:14px;
  text-align:center;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}
.navi{
  text-align:center;
  padding: 3px 4px 1px 4px;
  border-bottom: 1px solid #ffeeee;
}
.navi_body a:link{ text-decoration: none;
}
.navi_body a:visited{ text-decoration: none;
}

/************************************/
/* form 要素              */
form {
  padding: 0px;
  margin: 0px;
}
.search {
  width:110px;
  background-color: #ffffff;
  border: 1px solid #C2C2C2;
}
.button {
  width:40px;
  background-color: #cccccc;
  border: 1px solid #C2C2C2;
}
.plugin-search {
  margin: 10px 0px 0px 0px;
}

/************************************/
/* menu 要素              */

#menu1Block {
  float : left; width:245px; 
  margin: 10px 0px 0px 5px;
}
html>#menu1Block {
     float : left; width:245px; margin: 10px 0px 0px 5px;
}
.menuBlockBase {
  width : 100%; 
  margin-bottom: 15px;
}
.menu1BlockHead {
  font-weight: bold; 
  padding: 0px 5px 0px 5px;
  background: #ffaaaa; margin: 0px; padding: 0px 10px 0px 10px; overflow: hidden;
}
.menuTitle {
  margin: -3px 0px -3px 0px;
  font-size: 13px; color: #333333;
}
.menuBlockBody {
  width : 243px;
  font-size: 13px;
  margin: -5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-right: 1px solid #ffaaaa;
  border-bottom: 1px solid #ffaaaa;
  border-left: 1px solid #ffaaaa;
}
#menu1Block p {
  margin: 5px 0px 2px 0px;
}
.menu1BlockFoot {
  margin: 0px;
  padding: 0px;
}
.menuText {
  font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 13px;
  padding: 4px 0px 5px 8px;
  margin-bottom: 0px;
  color: #333333;
  line-height: 120%;
}
.menuText ul {
  padding: 0px 0px 0px 10px;
  margin: 2px 2px 2px 2px;
}
.menuText ul li {
  padding: 0px;
  margin: 5px 0px 5px 0px;
  list-style-type: circle;
}
.plugin-freearea {
  font-size: 13px;
  margin: 5px 0px 5px 0px;
}

/************************************/
/* index_area 要素              */

.top_entry-body {
  width: 514px;
  margin: 0px 0px 10px 0px; 
  border: 3px double #ffaaaa;
  padding: 5px; font-size:12px;
  line-height: 130%;
  background-color: #ffeeee;
  -moz-border-radius:15px;
}

/************************************/
/* main 要素              */
#mainBlock {
  float: right; 
  margin-top: 10px;
  margin-left: 5px;
  padding-right: 3px;
  width:530px; text-align:left;
  font-size: 13px;
}
html>#mainBlock {
  float: right; 
  margin-top: 10px;
  margin-left: 5px;
  padding-right: 3px;
  width:530px; text-align:left;
  font-size: 13px;
}
.mainEntryBlock {
  width : 100%;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.mainEntryTitle {
  font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial   Black", "Impact", "Osaka";
  font-size: 15px; color: #333333;
  margin: -5px 0px -5px 0px;
  padding: 0px 3px 3px 3px;
  background-color: #ffaaaa;
}
.mainEntryTitle h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  font-size: 15px; color: #ffcc00;
}
.mainEntryTitle a {
  text-decoration : none; color:#6666666;
}
.mainEntryTitle a:visited {
  color: #666666; text-decoration : none;
}
.mainEntryTitle a:hover {
  color: #ff3300; text-decoration : none;
}
.mainEntryBase {
  margin: -5px 0px 0px 0px;
  width : 528px;
  padding: 10px 0px 0px 0px;
  border-right: 1px solid #ffaaaa;
  border-bottom: 1px solid #ffaaaa;
  border-left: 1px solid #ffaaaa;
}
.mainEntryBody {
  margin: 0px;
  padding: 5px 8px 5px 8px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  line-height: 130%;
}
.tag_list {
  font-family:MS UI Gothic; font-size:12px;
  text-align:right; padding-right:10px;
}
.mainEntryMore {
  margin: 0px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%; padding-left:10px;
  line-height: 130%;
  color: #333333;
}
.mainEntryDate {
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%; color: #454545;
  text-align: right;
  margin:0px;
  padding: 5px 5px 5px 0px;
  border-right: 1px solid #ffaaaa;
  border-bottom: 3px double #ffaaaa;
  border-left: 1px solid #ffaaaa;
}
.mainEntryComment {
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%;
  line-height: 130%;
  color: #666666;
  width : 100%;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ffaaaa;
}
.mainEntryComment ul {
  padding: 0px;
  margin: 0px 10px 5px 5px;
}
.fc2_footer {
  padding-right: 5px;
}

/************************************/
/* mainComment要素              */

.mainCommentBody {
  padding: 0px 10px 0px 10px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%;
  line-height: 130%;
  color: #333333;
}
.mainCommentBold {
  padding: 10px 0px 2px 5px;
  margin: 0px 3px 3px 3px;
  border-bottom: 2px solid #ffaaaa;
  font-size: 100%;
  font-weight: bold;
  color: #666666;
}
.mainCommentTitle{
  padding: 3px 0px 5px 5px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-weight: bold;
  font-size: 100%;
  color: #009966;
}
.mainCommentDate {
  padding: 5px 10px 15px 20px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 10px;
  color: #454545;
}
.pageLink {
  font-size: 12px;
  font-family: "メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  text-align: center;
  margin: 5px 0px 10px 0px;
}

/************************************/
/* maintTaba要素              */

.mainTraba {
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%;
  line-height: 130%;
  color: #666666;
  width : 100%;
  margin: 15px 0px 5px 0px;
}
.mainTrabaBold{
  padding: 10px 0px 2px 5px;
  margin: 0px 3px 3px 3px;
  border-bottom: 2px solid #ffaaaa;
  font-size: 100%;
  font-weight: bold;
  color: #666666;
}
.mainTrabaTitle{
  padding: 3px 0px 5px 5px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-weight: bold;
  font-size: 100%;
  color: #009966;
}
.mainTrabaBody {
  padding: 0px 10px 0px 10px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 100%;
  line-height: 130%;
  color: #333333;
  border: 1px solid #ffaaaa;
}
.mainTrabaDate {
  padding: 5px 10px 15px 20px;
  font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
  font-size: 10px;
  color: #454545;
}
.mainTrabaUrl {
  padding: 4px 0px 20px 10px;
}

/************************************/
/* maintForm要素              */
.mainForm {
  margin: 10px;
}
.mainForm dt {
  width: 150px;
}
.mainForm dd {
  font-size: 10px;
  padding: 0;
  margin: 15px 10px 0px;
}
.mainFormText {
  width: 250px;
  border: 1px solid #003366;
}
.mainFormTextarea {
  width: 250px;
  border: 1px solid #003366;
}
.mainFormPass {
  border: 1px solid #003366;
}
.mainFormCheck {
  border: 1px solid #003366;
}
.mainFormButton {
  width: 100px;
}

/************************************/

/* カレンダー要素  */

table.calender {
  font-size: 10px;
  width: 95%;
  border-collapse: separate;
  border-spacing: 0;
  padding: 0.5em 0 0.7em 0;
  font-family: Verdana, Arial, sans-serif;
  margin: 0px 5px 0px 0px;
}
.calender caption {
  font-size: 100%;
  padding: 0 0 0.5em 0;
}
.calender th {
  font-weight: normal;
  background-color: #ffaaaa;
}
.calender td {
  width: 27px; height: 17px;
  text-align: center;
  padding: 1px;
  background-color: #eeeeee;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.calender td a {
  display: block;
  background-color: #ffcccc;
}
.calender a:visited {
  color: #0000ff; text-decoration: underline;
}
.calender td a:hover {
  color: #ff5500; text-decoration:none;
}
th#sun {
  color: #ff0000;
}
th#sat {
  color: #0000ff;
}
td.sun {
  color: #ff0000;
}
td.sat {
  color: #0000ff;
}
#ca_archive {
  width: 140px; height:15px;
  margin: 0px 3px 5px 0px;
  padding: 3px 0px 3px 5px;
  text-align: left;
  font-size: 13px;
  overflow:auto;
  border: 1px solid #cccccc;
}

/************************************/
/* footer 要素              */
#footBlock {
  width: 790px;
  background: #ffaaaa;
  font-size: 13px;
  color: #333333;
  text-align : center;
  padding: 0px;
  line-height: 150%;
  clear: both;
}
html>#footBlock {
     width: 790px; background: #ffaaaa; font-size: 13px;
}
img.emoji{
  vertical-align:middle;
  border:0;
}
img.taglist{
  margin: 0px 0px -3px 0px;
  border:0;
}
.prev-next-navi { 
  text-align : center;
  margin: 0px 0px 5px 0px;
  color: #333333;
}
.hr { width: 98%;
}

▼ 2カラム左メニュー

・custom2-lm
・139_sl2lm
・168_liblue_2lm
・simple_pink2cl　※FC2ブログ共有テンプレート未公開
・simple_black2cl　※FC2ブログ共有テンプレート未公開

▼ 2カラム右メニュー

・custom2-01
・169_liblue_2rm
・simple_gray2cr

▼ 3カラム

・blog298_10-3
・124_flow_3c
・167_liblue_3ca

◎ FC2ブログ専用テンプレートのソース一覧

▼ FC2ブログ専用テンプレート公開ブログ

■無料ブログ（blog）カスタマイズ方法　　■無料ブログアフィリエイトSEOテンプレート
■おもちゃ&ホビー人気ヒット商品 by Amazon
■SEO対策仕様ブログテンプレート無料会員募集