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

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

FC2ブログ共有テンプレート 167_liblue_3ca （3カラム;枠幅変動）の説明
※167_liblue_3ca （3カラム;枠幅変動）を２カラムにし、枠幅を固定したテンプレートです。

■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>" />
<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><%sub_title></title>
</head>
<body>
<div id="baseBlock">
<a name="page_top"></a>

<div id="headBlock">

<div class="BlogName">
<h1 id="title"><a href="<%url>"><span class="title_bg"><%blog_name></span></a></h1>
</div>
<div class="introduction"><%introduction></div>

<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>

<h1 id="title"><%sub_title></h1>
<div class="sub_title">ここでは、「<%sub_title>」 に関する記事を紹介しています。</div>

<table width="100%" border="0" summary="navi"><tr><td style="padding-left:40px;">

<div class="navi_body">


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

</div>

</td><td width="30">

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

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

</div>

<div id="baseLeft">

<div id="mainBlock">

<div align="center">

<div class="free_area" style="text-align:left;">
◎ TOPフリーエリア
<p>
■この部分に好きな内容を記入してください 
</p>
■フリースペースの説明<br />
　※このフリースペースは、エントリー記事部分以外に表示されます。<br />
　※広告を掲載したりブログの紹介など、ご自由にどうぞ！<br />
　※すべてのページに表示させたい場合には、<br />　　&lt;!--not_permanent_area--&gt;～&lt;!--/not_permanent_area--&gt; の部分を削除して下さい。
</div></div>
<br />

<div class="mainEntryBlock">
<div class="mainEntryTitle"><h2>
<a href="<%topentry_link>"><%topentry_title></a></h2></div>

<div class="mainEntryBase">
<div class="editentry">
<a href="./admin.php?mode=editentry&no=<%topentry_no>" 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 style="text-align:right;padding-right:10px;">関連タグ ：
 
<a href="?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="#page_top" title="ページトップへ"> Page Top↑</a>


</div>

</div>

<div class="pageLink">

≪<a href="<%preventry_url>" title="<%preventry_title>に戻る"><%preventry_title></a>

| <a href="<%url>" title="<%blog_name>に戻る">ホーム</a> |

<a href="<%nextentry_url>" title="<%nextentry_title>に進む"><%nextentry_title></a>≫

</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" 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="http://blog25.fc2.com/load.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" 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="http://blog25.fc2.com/load.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 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"><input type="text" value="<%trackback_url>" size="65" onclick="this.focus()" onfocus="this.select()" /><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 class="menu1BlockHead" style="text-align:<%plugin_first_talign>">
<div class="menuTitle"><%plugin_first_title></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 class="menu1BlockHead" style="text-align:<%plugin_second_talign>">
<div class="menuTitle"><%plugin_second_title></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 class="menu1BlockHead" style="text-align:<%plugin_third_talign>">
<div class="menuTitle"><%plugin_third_title></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 id="footBlock">

<div id="siteinfo-legal">

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

<span>&nbsp;|&nbsp;</span><a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a><span>&nbsp;|&nbsp;</span>

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

<hr width="98%" />
Template by
 <a href="http://hobby29.blog105.fc2.com/" target="_blank">おもちゃ&ホビー人気ヒット商品 by Amazon</a>
<br /><%ad> <%ad2>
</div>

</div>

</div>

<br />

<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tbody><tr>
<th class="mainEntryTitle" style="text-align:center;font-weight:bold;">全記事一覧</th>
<th rowspan="2" valign="top" style="font-weight:normal;width:220px;">

<div class="menuBlockBase">
<div class="menu1BlockHead">
<div class="menuTitle">&nbsp;カテゴリー一覧リンク</div>
</div>
<div class="menuBlockBody">
<div class="menuText" style="text-align:left;">
<p style="margin:0px 0px 5px 0px;line-height:150%;">

*&nbsp;<a href="<%category_link>"><%category_name></a>&nbsp;[<%category_count>]<br />

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

</th>
</tr><tr>
<td valign="top">

<table style="background-color:#9999ff;" border="0" width="100%" cellspacing="1" cellpadding="2"><tr>
<td class="list_td_ti" width="80">日付</td>
<td class="list_td_ti">記事タイトル</td>
<td class="list_td_ti">カテゴリ</td><tr>

<td class="list_td_day">
<%titlelist_year>/<%titlelist_month>/<%titlelist_day>
</td><td class="list_td">
<a href="<%titlelist_url>"><%titlelist_title></a>
</td><td class="list_td">
<%titlelist_category>
</td></tr>

</table>

</td></tr></tbody></table>

<br />

<div id="footBlock">

<div id="siteinfo-legal">

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

<span>&nbsp;|&nbsp;</span><a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a><span>&nbsp;|&nbsp;</span>

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

<hr width="98%" />
Template by
 <a href="http://hobby29.blog105.fc2.com/" target="_blank">おもちゃ&ホビー人気ヒット商品 by Amazon</a>
<br /><%ad> <%ad2>
</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: small !important;
}
#baseBlock {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}
html>div #baseBlock {
	width: 800px;padding: 0px; margin: 0px auto;
}

#baseLeft {
	width: 800px;
	padding: 0px; margin-top: 10px;
	text-align: left;
}
html>#baseLeft {
	width: 800px;
}
.editentry {
	text-align:right; padding-right:5px;
}
/* scrollbar-color */
*{
	scrollbar-face-color: #99ccff;
	scrollbar-shadow-color: Silver;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: Gray;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color: #fff;
}
em { font-style: normal;
}

/************************************/
/* リンクの色  */
a{ color: #656565;
}
a:link{ color: #555; text-decoration: underline;
}
a:visited{ color: #337777;
}
a:hover{ color: #ff2200; text-decoration:none;
}
#ctag a:visited{ color:#337777;font-weight:bold;
}
.editentry a:link{ color: #555; 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;
}

/************************************/
/*titlelist_area要素              */

.list_td_ti {
	text-align:center; background-color:#ddddff;
	font-weight:bold; font-size: 14px;
}
.list_td_day {
	text-align:center; background-color:#eeeeff;
	font-size: 13px;
}
.list_td {
	text-align:left; background-color:#eeeeff;
	padding-left:3px; font-size: 13px;
}

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

/*head要素              */

#headBlock {
	width: 798px;
	margin: 0px; padding-top: 10px;
	background-color: #99ccff;
	border: 1px solid #9999ff;
}
html>div #headBlock {
     width:798px;margin: 0px;background-color: #99ccff;
}
html>h1 {
font-size: 24px;margin: 0px;padding:5px 0px;
}
#title { 
	font-size: 24px; text-align:center;
	color: #666; margin: 0px;
	padding: 5px 0px;
}
.BlogName { 
	font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
	font-size : 24px;
	color: #666;
}
.introduction { 
	font-family: "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Osaka";
	font-size: 14px; color:#666600;
	font-weight: bold;
	padding: 0px 8px 0px 10px;
	margin-top: 10px;
}
.sub_title { 
	font-family: "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Osaka";
	font-size: 14px; color:#666600;
	font-weight: bold;
	padding: 0px 8px 0px 10px;
	margin-top: 10px;
}
.BlogName h1 a:visited {
	color:#666600; text-decoration : none;
}
.BlogName h1 a:hover {
	color:#ff3300; text-decoration : underline;
}
.login {
	font-size: 13px;
	padding: 0px 10px 0px 0px; color: #acacac;
}
.login a:link {
	color: #99ccffccc; text-decoration : none;
}
.login a:visited {
	color: #adadad; text-decoration : none;
}
.login a:hover{ color: #ff4400; text-decoration:none;
}
#page_top { 
	font-size:2px;
}

/************************************/
/* ナビゲーション 要素              */
.navi_body {
	text-align:center;
	font-size:14px;
	padding: 0px 0px 2px 0px;
	margin: 10px 0px 3px 0px;
}
.navi{
	text-align:center;
	font-size:14px;
	padding: 3px 4px 1px 4px;
	border-bottom: 1px solid #ff9999;
}
.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: #fff;
	border: 1px solid #C2C2C2;
}
.button {
	width:40px;
	background-color: #99ccff;
	border: 1px solid #C2C2C2;
}
.plugin-search {
	margin: 10px 0px 0px 0px;
}

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

#menu1Block {
	float : left; width : 240px; 
	margin-top: 0px;
}
html>#menu1Block {
     width:240px;margin-top:0px;
}
.menuBlockBase {
	width : 100%; margin-bottom: 10px;
	border: 1px solid #9999ff;
}
.menu1BlockHead {
	font-weight: bold; 
	padding: 2px 0px 2px 5px;
	background-color: #99ccff;
	border-bottom: 1px solid #9999ff;
}
.menuTitle {
	margin: 0px;
	font-size: 14px; color: #333;
}
.menuBlockBody {
	width : 100%;
	background-color: #eeeeff;
	font-size: 13px;
	margin-bottom: 0px;
}
#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: 14px;
	padding: 4px 0px 5px 5px;
	margin-bottom: 0px;
	color: #333333;
	line-height: 130%;
}
.menuText ul {
	padding: 0px;
	margin: 0px;
}
.menuText ul li {
	padding:0px 2px 0px 12px;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
background:url(http://blog3.fc2.com/image/e/6.gif) no-repeat top left;
}
.plugin-freearea {
	font-size: 13px;
	margin: 5px 0px 5px 0px;
}

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

.free_area {
	font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	width : 98%; text-align: left;
	font-size: 14px;
	padding: 5px; margin-top: 0px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	line-height: 130%;
	border: 1px solid #9999ff;
}

/************************************/
/* main 要素              */
#mainBlock {
	float:right; margin-top: 0px;
	padding-right: 3px;
	width:540px; text-align: left;
	background-color: #ffeeee;
	font-size: 14px;
}
html>#mainBlock {
        width: 540px; margin-top:0px;font-size: 13px;
	padding-right: 3px;
}
.mainEntryBlock {
	margin: 0px 0px 15px 0px;
	padding: 0px; width : 100%;
	border: 1px solid #9999ff;
}
.mainEntryTitle {
	font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial 	Black", "Impact", "Osaka";
	font-size: 15px; color: #333;
	padding: 3px;
	background-color: #99ccff;
	border-bottom: 1px solid #9999ff;
}
.mainEntryTitle h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 15px; color: #ffcc00;
}
.mainEntryTitle a {
	text-decoration : none; color:#666600;
}
.mainEntryTitle a:visited {
	color: #666; text-decoration : none;
}
.mainEntryTitle a:hover {
	color: #ff3300; text-decoration : none;
}
.mainEntryBase {
	margin: 0px;
	width : 100%;
	border-top: 3px double #9999ff;
}
.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%;
}
.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;
	line-height: 130%; text-align: right;
	margin:0px;
	padding: 5px 5px 5px 0px;
	border-top: 1px dotted #99ccff;
}
.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 #9999ff;
}
.mainEntryComment ul {
	padding: 0px;
	margin: 0px 10px 5px 5px;
}
.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;
	border: 1px solid #9999ff;
}

/************************************/
/* 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;
	border-bottom: 2px solid #9999ff;
	font-size: 100%;
	font-weight: bold;
	color: #666;
}
.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: 11px;
	text-align: center;
	margin: 5px 0px 10px 0px;
}
/************************************/
/* maintTaba要素              */

.mainTrabaBold{
	padding: 5px 0px 2px 5px;
	margin: 0px 3px 5px 3px;
	border-bottom: 2px solid #9999ff;
	font-size: 100%;
	font-weight: bold;
	color: #666;
}
.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;
}
.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: 0px;
	font-family: Verdana, Arial, sans-serif;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #aaaaff;
}
.calender caption {
	font-size: 100%;
	padding: 0em 0em 0.5em 0em;
}
.calender th {
	font-weight: normal;
	text-align: center;
	background-color: #99ccff;
}
.calender td {
	width: 27px; height: 17px;
	text-align: center;
	padding: 1px;
	background-color: #eeeeff;
	border-right: 1px solid #9999ff;
	border-bottom: 1px solid #9999ff;
}
.calender td a {
	display: block;
	background-color: #ddddff;
}
.calender a:visited {
	color: #0000ff; text-decoration: underline;
}
.calender td a:hover {
	color: #ff5500; text-decoration:none;
}
th#sun {
	color: #f00;
}
th#sat {
	color: #00f;
}
td.sun {
	color: #f00;
}
td.sat {
	color: #00f;
}
#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 #9999ff;
}

/************************************/
/* Siteinfo-Legal              */

div#siteinfo-legal p {
	padding : 0px;
	text-align : center;
	margin: 0px;
}

/************************************/
/* footer 要素              */
#footBlock {
	width: 100%;
	font-size: 13px;
	text-align : center;
	padding: 0px;
	line-height: 150%;
	clear: both;
}
html>#footBlock {
     width:100%;
}
img.emoji {
	vertical-align:middle;
	border:0;
}
img.taglist {
	margin: 0px 0px -3px 0px;
	border:0;
}
.page_navi { text-align : center;
}
.hr { color: #99ccff; width: 90%;
}

▼ 2カラム左メニュー

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

▼ 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対策仕様ブログテンプレート無料会員募集