「Webブラウザはどれが良いのだろう」と暇人は色々と悩んだが、以前XOOPSでサイト作りをしていた頃の環境から、XOOPSの構築チームの薦めもあり、Mozilla Firefoxをメインで使うようにしている。
2013年11月、それまでのXOOPSから、このlivedoorブログに乗り換えた。
過去記事:HP開設に掛かる壱考察 / ブログ引っ越し思案 / ブログを引っ越す場合は
「Firefoxとlivedoorブログ」を利用して徒然のボケ防止を書く生活で十分也と思っていた。また、今更になってサイト開設をすることは考えてもいなかった。

しかし最近では主流Webブラウザが常時SSL化(https://)されているサイト以外ではエラー表示をする事を始めた為、遅々として常時SSL化が行われないlivedoorブログからの引っ越しを検討し始めた。既に大手の無料レンタルブログでは常時SSL化されており、引っ越し先は言わば買い手市場だが、利用方法の制約が少ないFC2ブログで混在コンテンツがどのように扱われるか(?)等を確認するため試行する事にした。 >>>当該ブログ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
livedoorブログで記事を書く場合は、livedoorブログが提供する「HTMLエディタ」を利用できる。
「HTMLエディタ」を利用すると、エディタ内での改行が、HTML文<br />の改行タグとして反映されるため、改行のたびにタグを打つ必要がなくなる。(記事の書き方)
ところが、2018/05/10にFirefox v60.0となったことで、HTML文『123<br />』が『<div>123</div><br />』と記述されるようになってしまった。これについて、Firefoxフォーラムにて質問したところ、「Firefox 60 for developers - Mozilla | MDN」により仕様が変わったことが判った。
リッチテキストエディターの改行時の挙動が変更され、<br> の代わりに <div> が生成されます-Firefox サイト互換性情報
によれば『IE では <p> が、Google Chrome では <div> が、それぞれ追加される』とのことだ。Firefox 60 はChromeに合わせる形で変更され<div> したとのことだ。 (参考TOOL、
Mozilla Rich Text Editing Demo)しかし俺の環境では、Chrome(v68.xx)やMicrosoft Edge、IE 11は、以前も現在も『123<br />』と記述される
エディタでdivタグが挿入(05/18)、Firefox v59の不思議(03/28)、
Firefox関連質問控え(07/29)
「HTMLエディタ」=「リッチテキストエディター」の機能はlivedoorブログ以外にも各ブログでも利用できるが、俺的には使い慣れたlivedoorブログが高評価也。FC2ブログの評価は低いランク也。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
写真の投稿は、無料レンタルブログが貸し出している容量を超えないようにすると共に、ブログとは別の倉庫に置きたかった為に写真共有サイト「フォト蔵」を利用してきた。しかし、「フォト蔵」は常時SSL化を行う気配が見えない。よって試みに、試行中FC2ブログの記事に「フォト蔵」倉庫からの画像(http://)を張り付けてみたが混在コンテンツとして扱われエラーの原因となる事が判った。という訳で「フォト蔵」に代わるものとして「Googleフォト」を利用できないものかと試行中。
しかし、FC2ブログやlivedoorブログでは「Googleフォト」からの貼り付けは本来行為ではないため手間取る。その点はてなブログでは「Googleフォト」からの貼り付けが提供されている方法なので手間無しである。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FC2一時悪評があったがブログ以外にも提供するサービスも多く、利用するもののチョイスに迷う。以前から常時SSL化しているというFC2ホームページメールフォームは利用していたが、FC2ブログを追加した。
併せて、FC2アクセス解析を試用中。現在のlivedoorブログでは忍者ツールズの『忍者アナライズ』を利用しているが、勝るとも劣らないと見た。これまで閲覧拒否をする為に同サービスが提供する『忍者バリアー』を用いてきたが、最近のWebブラウザ設定と相性か合わないことから『忍者バリアー』を外す方向で思案中の為、引っ越しの場合は併せて引っ越しする。
 08/30に仮設して以来、新規の来客が多い。livedoorブログよりも、FC2ブログの方が集客効果が高いようだ。
>>> 続き
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
前述のとおり、これまでFirefoxをメインのWebブラウザとしてきたが、Google Chromeの利用者が多い状態が続いているようだ。また、一時は極めて不調だあったMicrosoft Edgeが軌道に乗り始めてきたようだ。
MozillaがFirefoxのユーザーデータを公表…ユーザー数は減少傾向が続く | TechCrunch Japan
俺的にはlivedoorブログで「HTMLエディタ」を利用したいが為もあってFirefoxに傾注していたが、livedoorブログを止める場合はブラウザを変更する事も併せて検討したい。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
それにしても、SSL/TLS設定(パソコンをネットに接続する為の仕掛け)については激変している。俺的には尤も安全と言われる設定を行い、「SSL 3.0、TLS 1.0、TLS 1.1」は使用せず「TLS 1.2」のみとしている。(JAVAは無効としアンインストール、2020年サービス終了のAdobe Flash Playerはアンインストール済也)
「SSLを有効」としたサイトに、SSLとTLSの設定をTLS 1.2だけとしたPCでアクセスできない(報告)

しかし、2018/08発表で「2018/10/31より、Office 365 では TLS 1.0とTLS 1.1 が使えなくなる」との事だから、「TLS 1.2とTLS 1.3以外は使えない」という状況が増えることになる。
主要Webブラウザでは「TLS 1.3」をパイロット版的に利用できるらしいが、次のバージョンアップで正式対応版が公開される予定との事だ。FC2や日本ぶろぐ村等の常時SSL化済をアナウンスするWebサービスですら「TLS 1.2」や(https://)には正しく対応する事ができていないように見受ける。苦慮している一般ユーザーは多いようだ。
今日はWebブラウザ2本がバージョンアッブ。Firefox v62、Chrome v69となる予定。
そんな状況に追い打ちを掛けるかのようにOffice 365が「TLS 1.2以上」でなければ使えなくなれば、仕事を持ち帰るというお父さん達はネットの設定変更に頭を悩ませる事になるのであろう。

関連過去記事:Yahoo! JAPANがTLS1.2へ /  / e-GovがJava抜きに / ネットのセキュリティ / Edgeの常時SSLエラー  / TLSの進化に追随が大変 / Microsoftもいよいよ

  1. メール投稿機能の終了のお知らせ|ライブドアブログ 公式ブログ
  2. メールで投稿する FC2ブログのマニュアル

==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==

grey_3column_main


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=<%template_charset>">
<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><!--not_index_area--> <%sub_title><!--/not_index_area--></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />
<link rel="top" href="<%url>" title="top" />
<link rel="index" href="<%url>?all" title="index" />
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="<%template_prevpage>" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="<%template_nextpage>" /><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->

<!-- jQuery読み込み start -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- jQuery読み込み end -->

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript">
   $(function(){
      $("#menu li").hover(function(){
         $("ul",this).show();
      },
      function(){
         $("ul",this).hide();
      });
   });
</script>

<!-- スムーズスクロール start -->
<script>
$(function(){
    var toppage = $('.toppage');
    $(window).scroll(function () {
        if ($(this).scrollTop() > 700) { /* 基準位置 */
            toppage.fadeIn();
        } else {
            toppage.fadeOut();
        }
    });
    toppage.click(function () {
        $('body, html').animate({ scrollTop: 0 }, 500); /* アニメーション時間 */
        return false;
    });
});
</script>
<!-- スムーズスクロール end -->

</head>
<body>

<div id="header">
    <h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
    <p><%introduction></p>
</div><!-- /header -->

<div class="menubar">
   <ul id="menu">
      <li><a href="#">SNS & Mail</a>
         <ul class="sub">
            <li><a href="https://twitter.com/nonn50" target="_blank">Twitter</a></li>
            <li><a href="https://www.facebook.com/nonn6340" target="_blank">Facebook</a></li>
            <li><a href="https://nonn634.progoo.com/bbs/" target="_blank">掲示板</a></li>
            <li><a href="https://form1ssl.fc2.com/form/?id=29335d7153b8344c" target="_blank">ダイレクトメール</a></li>
         </ul>
      </li>
      <li><a href="#">覗いてみてね</a>
         <ul class="sub">
            <li><a href="http://nonn634.blog.jp/archives/1138540.html">自己紹介です</a></li>
            <li><a href="http://blog.livedoor.com/10th/history/nonn634" target="_blank"> 過去記事一覧</a></li>
            <li><a href="http://nonn634.blog.jp/archives/2398346.html"> パソコン利用歴</a></li>
            <li><a href="http://nonn634.blog.jp/archives/2398358.html"> カメラ 利用歴</a></li>
            <li><a href="http://nonn634.blog.jp/archives/77101357.html">川柳擬き帳</a></li>
         </ul>
      </li>
      <li><a href="#">趣味彼是</a>
         <ul class="sub">
            <li><a href="http://nonn634.blog.jp/archives/2195947.html">旅のアルバム</a></li>
            <li><a href="http://nonn634.blog.jp/archives/2482922.html">悪行記</a></li>
            <li><a href="http://nonn634.blog.jp/archives/1094238.html">スライドショー</a></li>
         </ul>
      </li>
      <li><a href="#">お気に入りRSS</a>
         <ul class="sub">
            <li><a href="http://nonn6340.web.fc2.com/RSS01.html" target="_blank">俳諧ブログ</a></li>
            <li><a href="http://nonn6340.web.fc2.com/RSS11.html" target="_blank">お気に入り著名人</a></li>
            <li><a href="http://nonn6340.web.fc2.com/RSS21.html" target="_blank">面白情報</a></li>
            <li><a href="http://nonn6340.web.fc2.com/RSS31.html" target="_blank">パソコンNwes</a></li>
         </ul>
      </li>
      <li><a href="#">色々と便利</a>
         <ul class="sub">
            <li><a href="https://www.youtube.com/watch?v=k-OtLnknOpQ" target="_blank">金沢駅ライブカメラ</a></li>
            <li><a href="https://www.youtube.com/watch?v=BFCIT2YFpHo" target="_blank">金沢港ライブカメラ</a></li>
            <li><a href="https://www.youtube.com/watch?v=R-LPn_xSPBE" target="_blank">兼六園ライブカメラ</a></li>
            <li><a href="https://www.youtube.com/watch?v=nKMuBisZsZI" target="_blank">渋谷交差点</a></li>
            <li><a href="https://www.youtube.com/watch?v=_LQPG97-zqw" target="_blank">東京 ライブカメラ</a></li>
            <li><a href="https://www.youtube.com/watch?v=iyzGqj_xRfc" target="_blank">広重の富士山</a></li>
            <li><a href="https://www.youtube.com/watch?v=cdJthnaGO6c" target="_blank">静岡市さった峠</a></li>
            <li><a href="https://www.youtube.com/watch?v=zAeAumZNl-I" target="_blank">阿蘇ライブカメラ</a></li>
            <li><a href="https://www.youtube.com/watch?v=RtU_mdL2vBM" target="_blank">NASA Live</a></li>

         </ul>
      </li>
      <li><a href="#">会員倶楽部</a>
         <ul class="sub">

            <li><a href="https://www65.atwiki.jp/nonn6346/" target="_blank">無無無庵@Wiki</a></li>
            <li><a href="http://0101.blog.jp/" target="_blank">或る記</a></li>
            <li><a href="https://cybermap.kaspersky.com/ja/" target="_blank">サイバーマップ</a></li>
            <li><a href="https://admin.blog.fc2.com/control.php?mode=design" target="_blank">★ブログ管理</a></li>
         </ul>
      </li>
   </ul>
</div>

<div id="container">

<div id="wrap">

  <div id="primary">
  <div id="main">

    <!--not_titlelist_area-->
    <!--not_search_area-->
    <!--topentry-->
    <div class="content">
        <h2 id="e<%topentry_no>" class="entry_header"><!--not_permanent_area--><a href="<%topentry_link>" title=""><!--/not_permanent_area--><%topentry_title><!--not_permanent_area--></a><!--/not_permanent_area--></h2>
        <div class="entry_body">
            <%topentry_body>
            <!--more_link-->
            <p class="entry_more"><a href="<%topentry_link>#more" title="<%topentry_title>"><%template_extend></a></p>
            <!--/more_link-->
            <!--more--><div id="more"><%topentry_more></div><!--/more-->
            <!--community-->
            <p class="theme">
            <%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a><br />
            <%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a>
            </p>
            <!--/community-->
            <!--topentry_tag-->
            <p class="tag_lnk">TAG : <!--tag_list--><a href=?tag=<%topentry_tag_list_parsename>><%topentry_tag_list_name></a>,<!--/tag_list--></p>
            <!--/topentry_tag-->
        </div>
        <ul class="entry_footer">
            <li><%topentry_year>-<%topentry_month>-<%topentry_day> : </li>
            <li><a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a> : </li>
            <!--allow_comment-->
            <li><a href="<%topentry_link>#cm" title=""><%template_comment> : <%topentry_comment_num></a> : </li>
            <!--/allow_comment-->
            <!--deny_comment--><!--/deny_comment-->
            <!--allow_tb-->
            <li><a href="<%topentry_link>#tb" title=""><%template_trackback> : <%topentry_tb_num></a></li>
            <!--/allow_tb-->
            <!--deny_tb--><!--/deny_tb-->

<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="編集(管理用)">記事編集</a>

        </ul>
        <!--
        <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_tb_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 class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/topentry-->
    <!--/not_titlelist_area-->
    <!--/not_search_area-->


    <!--trackback_area-->
    <div class="page_navi">
        <!--preventry--><a href="<%preventry_url>" title="<%preventry_title>"><%template_prevpage></a>&nbsp;&laquo;&nbsp;<!--/preventry-->
        <a href="<%url>" title="<%template_home>"><%template_home></a>
        <!--nextentry-->&nbsp;&raquo;&nbsp;<a href="<%nextentry_url>" title="<%nextentry_title>"><%template_nextpage></a><!--/nextentry-->
    </div>
    <div id="tb" class="content">
        <p class="sub_header">trackback</p>
        <p class="trackback_url">
            <input onfocus="this.select()" value="<%trackback_url>" readonly="readOnly" /><br />
            <a href="javascript:window.location.replace('https://blog.fc2.com/?url='+window.location.href);" title=""><%template_trackback_this></a>
        </p>
        <!--trackback-->
        <h3 id="trackback<%tb_no>" class="sub_title"><a href="<%tb_url>" title="<%tb_title>"><%tb_title></a></h3>
        <div class="sub_body"><%tb_excerpt></div>
        <ul class="sub_footer">
            <li><%tb_year>-<%tb_month>-<%tb_day> <%tb_hour>:<%tb_minute> :</li>
            <li><%tb_blog_name></li>
        </ul>
        <!--/trackback-->
        <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/trackback_area-->


    <!--comment_area-->
   
    <div id="cm" class="content">
        <p class="sub_header"><%template_post_comment></p>
        <div class="form">
        <form action="./" method="post" name="comment_form" id="comment_form">
            <dl>
                <dt>
                    <input type="hidden" name="mode" value="regist" />
                    <input type="hidden" name="comment[no]" value="<%pno>" />
                    <label for="name"><%template_name></label>
                </dt>
                <dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" /></dd>
                <dt><label for="name"><%template_title></label></dt>
                <dd><input id="subject" name="comment[title]" type="text" size="30" value="No title" onblur="if(this.value == '') this.value='No title';" onfocus="if(this.value == 'No title') this.value='';" /></dd>
                <dt><label for="mail"><%template_address></label></dt>
                <dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" /></dd>
                <dt><label for="url">URI</label></dt>
                <dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>" /></dd>
                <dt><label>Font &amp; Icon</label></dt>
                <dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
                <dt><label for="comment"><%template_body></label></dt>
                <dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>
                <dt><label for="pass"><%template_password></label></dt>
                <dd><input id="pass" type="password" name="comment[pass]" size="20" /></dd>
                <dt><%template_private></dt>
                <dd><input id="himitu" type="checkbox" name="comment[himitu]" /><label for="himitu"><%template_private_check></label></dd>
            </dl>
            <p class="form_btn"><input type="submit" value="<%template_send>" /></p>
        </form>
        </div><!--/form-->
        <!--comment-->
        <h3 id="comment<%comment_no>" class="sub_title"><%comment_title></h3>
        <div class="sub_body"><%comment_body></div>
        <ul class="sub_footer">
            <li><%comment_year>-<%comment_month>-<%comment_day> <%comment_hour>:<%comment_minute> &nbsp;|</li>
            <li><%comment_mail+name></li>
            <li><%comment_url+str></li>
            <li>[&nbsp;<a href="<%comment_edit_link>" title="<%template_edit_comment>"><%template_edit></a>&nbsp;]</li>
        </ul>
        <!--/comment-->
        <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/comment_area-->


    <!--edit_area-->
    <div class="content">
        <p class="sub_header"><%template_edit_comment></p>
        <div class="form">
        <form action="./" method="post" name="comment_form" id="comment_form">
            <dl>
                <dt>
                    <input type="hidden" name="mode" value="edit" />
                    <input type="hidden" name="mode2" value="edited" />
                    <input type="hidden" name="edit[rno]" value="<%eno>" />
                    <label for="name"><%template_name></label>
                </dt>
                <dd><input id="edit[name]" type="text" name="edit[name]" size="30" value="<%edit_name>" /></dd>
                <dt><label for="name"><%template_title></label></dt>
                <dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" /></dd>
                <dt><label for="mail"><%template_address></label></dt>
                <dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" /></dd>
                <dt><label for="url">URI</label></dt>
                <dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" /></dd>
                <dt><label>Font &amp; Icon</label></dt>
                <dd><script type="text/javascript" src="<%template_comment_js>"></script></dd>
                <dt><label for="comment"><%template_body></label></dt>
                <dd><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea></dd>
                <dt><label for="pass"><%template_password></label></dt>
                <dd><input id="pass" type="password" name="edit[pass]" size="20" /></dd>
                <dt><%template_private></dt>
                <dd><input id="himitu" type="checkbox" name="edit[himitu]" /><label for="himitu"><%template_private_check></label></dd>
            </dl>
            <p class="form_btn"><input type="submit" value="<%template_send>" /><input type="submit" name="edit[delete]" value="<%template_delete>" /></p>
        </form>
        </div><!--/form-->
    </div><!--/content-->
    <!--/edit_area-->


    <!--titlelist_area-->
    <div class="content">
        <p class="sub_header">title list</p>
        <ul class="list_body">
            <!--titlelist-->
            <li><%titlelist_year>/<%titlelist_month>/<%titlelist_day> : <a href="<%titlelist_category_url>" title="<%template_view_category>"><%titlelist_category></a> : <a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a></li>
            <!--/titlelist-->
        </ul>
        <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/titlelist_area-->


    <!--search_area-->
    <div class="content">
        <p class="sub_header">search : <%sub_title></p>
        <ul class="list_body">
            <!--topentry--><li><%topentry_year>/<%topentry_month>/<%topentry_day> : <a href="<%topentry_category_link>" title="<%template_view_category>"><%topentry_category></a> : <a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a></li><!--/topentry-->
        </ul>
        <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/search_area-->


    <div class="page_navi">
    <!--not_permanent_area-->
        <!--prevpage--><a href="<%prevpage_url>" title="<%template_prevpage>">&laquo;&nbsp;<%template_prevpage></a>&nbsp;<!--/prevpage-->
        <a href="<%url>" title="<%template_home>"><%template_home></a>
        <!--nextpage-->&nbsp;<a href="<%nextpage_url>" title="<%template_nextpage>"><%template_nextpage>&nbsp;&raquo;</a><!--/nextpage-->
    <!--/not_permanent_area-->
    <!--permanent_area-->
        <!--preventry--><a href="<%preventry_url>" title="<%preventry_title>">&laquo;&nbsp;<%template_prevpage></a>&nbsp;<!--/preventry-->
        <a href="<%url>" title="<%template_home>"><%template_home></a>
        <!--nextentry-->&nbsp;<a href="<%nextentry_url>" title="<%nextentry_title>"><%template_nextpage>&nbsp;&raquo;</a><!--/nextentry-->
    <!--/permanent_area-->
    </div><!--/page_navi-->


    <!--plugin-->
    <div class="content">
        <!--plugin_third-->
        <h3 class="entry_header" style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3>
        <div class="entry_body">
            <!--plugin_third_description--><div class="plg_header" style="text-align:<%plugin_third_ialign>"><%plugin_third_description></div><!--/plugin_third_description-->
            <div class="plg_body" style="text-align:<%plugin_third_align>"><%plugin_third_content></div>
            <!--plugin_third_description2--><div class="plg_footer" style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->
        </div>
        <!--/plugin_third-->
        <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div>
    </div><!--/content-->
    <!--/plugin-->


  </div><!-- /main -->
  </div><!-- /primary -->



  <div id="sidemenu1">
    <!--plugin-->
    <!--plugin_first-->
    <dl class="sidemenu_body">
        <dt class="plg_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></dt>
        <!--plugin_first_description--><dd class="plg_header" style="text-align:<%plugin_first_ialign>"><%plugin_first_description></dd><!--/plugin_first_description-->
        <dd class="plg_body" style="text-align:<%plugin_first_align>"><%plugin_first_content></dd>
        <!--plugin_first_description2--><dd class="plg_footer" style="text-align:<%plugin_first_ialign>"><%plugin_first_description2></dd><!--/plugin_first_description2-->
    </dl>
    <!--/plugin_first-->
    <!--/plugin-->
  </div><!-- /sidemenu -->

</div><!--/wrap-->



<div id="sidemenu2">
    <!--plugin-->
    <!--plugin_second-->
    <dl class="sidemenu_body">
        <dt class="plg_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></dt>
        <!--plugin_second_description--><dd class="plg_header" style="text-align:<%plugin_second_ialign>"><%plugin_second_description></dd><!--/plugin_second_description-->
        <dd class="plg_body" style="text-align:<%plugin_second_align>"><%plugin_second_content></dd>
        <!--plugin_second_description2--><dd class="plg_footer" style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></dd><!--/plugin_second_description2-->
    </dl>
    <!--/plugin_second-->
    <!--/plugin-->
</div><!-- /sidemenu2 -->


</div><!-- /container -->

<div id="footer">
   
    <p>Powered by <a href="https://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a></p>
    <p><%ad> <%ad2></p>
    <address>Copyright &copy; <%blog_name> All Rights Reserved.</address>
</div><!-- /footer -->


<!-- Last update 2008-03-10 Template by FC2-->

<p class="toppage"><a href="#">▲</a></p>

</body>
</html>


[ grey_3column_main ] のスタイルシート編集
/* default
------------------------------------------------------------ */

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #333333;
    color: #CCCCCC;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}

div#container {
    min-width: 850px;
    max-width:1150px;
}

html>body {
    font-size: small;
}

/* for IE \*/
* html body {
    font-size: 78%;
}   
/**/


   

/* Hyper text
------------------------------------------------- */

a {
    text-decoration: none;
    /*\*/
    overflow: hidden;
    /**/
}

a:link,
a:visited {color: #FFFFCC; }
a:focus,
a:hover,
a:active { color: #FFFFFF; }



/* Image
------------------------------------------------- */

img,
a img {
    border: none;
}

.emoji {
    vertical-align:middle;
}

.entry_body img {
max-width: 100%;
height: auto;
}

/* Base elements
------------------------------------------------- */

h1 { font-size: 160%; }
   
h2 { font-size: 130%; }
   
h3 { font-size: 116%; }
   
h4 { font-size: 100%; }
   
h5 { font-size: 94%; }
   
h6 { font-size: 85%; }
   
ul, ol, li, dl, dt, dd { list-style: none; }
   
blockquote {
    width: auto;
    margin: 10px 20px;
    padding: 0.2em 1em;
    border: 1px dashed;
}
   
textarea,input,select {
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}

html>body textarea,
html>body input,
html>body select { font-size: small; }

pre {
    margin: 1em auto;
    padding: 0.5em;
    border: 1px solid;
    font-family: sans-serif;
    overflow: auto;
    width: 90%;
}

/* for without MacIE5 \*/

div.main_body pre {    overflow: scroll; }
/**/
   
div.main_body > pre { width: auto; }
   
div.main_body code { font-family: monospace; }



/* Layout
------------------------------------------------------------ */

div#container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#header {
    width: 100%;
    padding-bottom:20px;
    padding-top:30px;
    margin-bottom: 0px;
    background:#666666;
}

div#wrap {
    width: 100%;
    float: left;
    margin-right: -240px;
}

div#primary {
    width: 100%;
    float: right;
    margin-left: -240px;
}

div#main {
    margin-right: 240px;
    margin-left: 240px;
}

div#sidemenu1 {
    float: left;
    width: 210px;
    padding-left: 15px;
    overflow: hidden;
    margin-bottom:60px;
}

div#sidemenu2 {
    float: right;
    width: 210px;
    padding-right: 15px;
    overflow: hidden;
    margin-bottom:60px;
}

div#footer {
    clear: both;
    padding-bottom:40px;
    padding-top:40px;
    margin-top: 60px;
    width: 100%;
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: x-small;
    background:#666666;
}
   
html>div#footer {
    font-size: x-small;
}



/* Header
------------------------------------------------------------ */

div#header h1 {
    text-align: center;
    padding-bottom: 15px;
    margin-left:30px;
    margin-right:30px;
}
   
div#header p {
    text-align: center;
    margin-left:30px;
    margin-right:30px;
}



/* Main Contents
------------------------------------------------------------ */
   
div.content {
    margin-bottom: 50px;
    text-align: left;
    width: 100%;
    overflow: hidden;
    background: #666666;
}

h2.entry_header,
h3.entry_header {
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left:5px;
    padding-right:30px;
    padding-top: 5px;
    border-bottom: 1px dashed #FF6600;
    border-left: 30px solid #FF6600;
    color: #FFFFCC;
}

div.entry_body {
    text-align: left;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}

div.entry_body p.entry_more {
    padding: 30px 15px 15px 0px;
    margin: 0px;
}
   
div.entry_body p.tag_lnk {
    margin: 0px;
}
   
div.entry_body p.theme {
    margin: 10px 0px 0px;
}

ul.entry_footer {
    text-align: right;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top:10px;
    border-top: 1px dashed #FF6600;
}

ul.entry_footer li {
    display: inline;
    list-style-type: none;
}

/* clap + bookmark */
div.fc2_footer {
    margin: 15px 0px 0px;
}

div.page_navi {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
}

div.pagetop {
    text-align: right;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    background-color: #333333;
}



/* Entry (html tag)
------------------------------------------------------------ */

div.entry_body h2,
div.entry_body h3,
div.entry_body h4,
div.entry_body h5,
div.entry_body h6 {
    margin: 0em 0em 0.5em;
}

div.entry_body p {
    margin: 0.3em 1em;
}

div.entry_body ul,
div.entry_body ol {
    margin: 1em 0em 1em;
}

div.entry_body ul li {
    list-style: disc outside;
    margin-left: 15px;
}

div.entry_body ol li {
    list-style: decimal outside;
    margin-left: 2em;
}

div.entry_body dl {
    margin: 1em 1.5em;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 1em 1em 0em;
}

div.entry_body dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

div.entry_body dd {
    margin: 0em 1em 1em;
}



/* Comment, Trackback, Entry list
------------------------------------------------------------ */

p.sub_header {
    text-align: left;
    margin-bottom: 0px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:30px;
    padding-top:5px;
    border-bottom: 1px dashed #999999;
    border-left: 30px solid #999999;
    color: #FFFFCC;
    background: #666666;
    font-size: 130%;
}

h3.sub_title {
    margin-bottom:15px;
    margin-left:30px;
    margin-right:30px;
    margin-top:15px;
    border-bottom: 1px dashed #999999;
    color: #FFFFCC;
}

div.sub_body {
    margin-top: 0px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:15px;
    padding-top:0px;
    background: #666666;
}

ul.list_body {
    margin:0px;
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
    padding-top:30px;
    background: #666666;
}

ul.list_body li {
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    padding-bottom: 1px;
}

ul.sub_footer {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left:30px;
    padding-right:30px;
    margin: 0px;
    background: #666666;
}

ul.sub_footer li {
    display: inline;
    list-style-type: none;
}
   
div.form {
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
    padding-top:15px;
    background: #666666;
}
div.form dl {
    margin: 5px;
}

div.form dl dd {
    padding-bottom:5px;
}

div.form dl dd textarea {
    width: 90%;
    height: 180px;
}

div.form input#himitu {
    margin-right: 0.5em;
}

div.form .form_btn {
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:15px;
}

div.form .form_btn input {
    margin-right: 3px;
}

p.trackback_url {
    padding-bottom: 15px;
    padding-left:30px;
    padding-right:30px;
    padding-top:15px;
    text-align: left;
    background: #666666;
}

p.trackback_url input {
    padding-bottom: 1px;
    padding-top:1px;
    padding-left:5px;
    padding-right:5px;
    border:none;
    width: 80%;
    background-color: #FF6600;
    color: #FFFFFF;
}

/* third plugin
------------------------------------------------------------ */

h3.plg3_header {
    text-align: left;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:30px;
    padding-top: 5px;
    border-bottom: 1px dashed #FF6600;
    border-left: 30px solid #FF6600;
    color: #FFFFCC;
}

div.plg3_body {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}

div.plg3_body p.entry_more {
    padding: 15px 30px 30px 15px;
    margin: 0px;
}
   
div.plg3_body p.tag_lnk {
    margin: 0px;
}
   
div.plg3_body p.theme {
    margin: 10px 0px 0px;
}


/* Plugin (Main content)
------------------------------------------------------------ */

div.entry_body .plg_header,
div.entry_body .plg_body,
div.entry_body .plg_footer {
    margin-top: 0px;
}



/* Sidemenu (Plugin)
------------------------------------------------------------ */

#sidemenu1 li,
#sidemenu2 li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
}
   
dl.sidemenu_body .plg_title {
    padding-bottom:5px;
    padding-left:5px;
    padding-right: 15px;
    padding-top:5px;
    border-left: 10px solid #FF6600;
    border-bottom: 1px dashed #FF6600;
    background:#666666;
    color:#FFFFCC;
}

dl.sidemenu_body {
    margin-bottom: 15px;
}
   
dl.sidemenu_body .plg_header,
dl.sidemenu_body .plg_body,
dl.sidemenu_body .plg_footer {
    padding-botton: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:15px;
}

dl.sidemenu_body .plg_body input {
    margin: 2px;
}




/* calender(Plugin)
------------------------------------------------------------ */

table.calender {
    width: 90%;
    margin: 0px auto;
}

table.calender caption {
    margin-bottom: 15px;
    margin: 0px auto;
}

table.calender th,
table.calender td {
    padding: 0.1em;
    border-bottom: 1px dotted #666666;
    text-align: center;
}

table.calender td a {
    display: block;
    color: #FFFFCC;
    background-color: #666666;
}

table.calender td a:hover{
    display: block;
    background-color: #FF6600;
    color: #FFFFFF;
}

table.calender th#sun {
    color: #FF6600;
}

table.calender th#sat {
    color: #0066FF;
}



/* Piyo(Plugin)
------------------------------------------------------------ */

div.tab {
    text-align: left;
    margin-bottom: 10px;
}

div.tab input{
    padding: 5px 5px;
}

div.tab input.b1{
    margin-right: 5px;
}
   
div.mylog {
    width: 150px;
    padding: 15px;
    border: 1px solid #666666;
    font-size: small;
    text-align: left;
    color: #CCCCCC;
    background-color: #666666;
    margin: 0px;
}
div.mylog p.title {
    font-weight: bold;
    color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #FF6600;
    margin: 0px 0px 15px;
    padding: 0px 0px 5px;
}
div.mylog dl {
    margin: 0px;
    padding: 0px;
}
div.mylog dt.day {
    width: 150px;
    color: #CCCCCC;
    font-size: x-small;
    margin: 0px;
    padding: 0px 0px 5px;
    background-color: #666666;
    background-image: none;
    text-align: left;
}
div.mylog dd.piyolog {
    margin: 0px 0px 5px;
    color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #FF6600;
    padding: 0px 0px 10px;
}
div.license {
    font-size: x-small;
    text-align: right;
}



/* Footer
------------------------------------------------------------ */

div#footer p {
    margin-bottom: 3px;
    margin-left:30px;
    margin-right:30px;
}

div#footer address {
    font-style: normal;
    padding-bottom: 10px;
    margin-left:30px;
    margin-right:30px;
}



/* for MacIE
------------------------------------------------------------ */

textarea,input,select {
    font-family: "MS Pゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif;
}

/* Last update 2008-02-18 Template by FC2 */
/* =============================================== */

/* ページトップへ戻るボタン */
 
.toppage {
    display: none;
    position: fixed;
    bottom: 50px;             /* ボタン表示位置(下の余白) */
    right: 100px;             /* ボタン表示位置(右の余白) */
}
.toppage a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #3cb371;    /* 背景色 */
    border-radius: 50px;
    text-align: center;
    color: #333;               /* 文字色 */
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
}
/* =============================================== */

/* =============================================== */
/* メッセージボード */
.message-board {
  background: rgba(0,0,0,0.5);
  border-radius: 6px;
  font-size:90%;
  margin: 0 0 10px 0;
  padding: 12px;
}

/* =============================================== */
/* メニューバー全体の装飾 */
div.menubar {
   background-color: #000000; /* バーの背景色 */
   border-top: 3px double #800000; /* バーの上端線 */
   border-bottom: 3px double #800000; /* バーの下端線 */
   min-width: 100%; /* メインメニュー全部が収まる最低横幅 */
}

/* =============================================== */
/* メインメニュー部分の装飾 */
div.menubar ul#menu {
   margin: 0px 0px 0px 250px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 30px; /* メニューバーの高さ */
}
div.menubar ul#menu li {
   width: 120px; /* メニュー項目の横幅 */
   height: 30px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;
}
div.menubar ul#menu a {
   background-color: #000000; /* メニュー項目の背景色 */
   color: #afafaf; /* メニュー項目の文字色 */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #4169e1; /* メニュー項目にマウスが載ったときの背景色 */
   color: #afafaf; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
div.menubar ul#menu { zoom:1; }
div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/* =============================================== */
/* サブメニュー部分の装飾 */
div.menubar ul#menu ul.sub {
   background-color: #ffffff; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #800000; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.menubar ul#menu ul.sub li {
   width: 140px; /* サブメニュー1項目の横幅 */
   height: 30px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #800000; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#menu ul.sub li a {
   line-height: 30px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
   background-color: #4169e1; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #afafaf; /* サブメニュー項目にマウスが載ったときの文字色 */
}
/* =============================================== */
==・==【FC2ブログ 参考特記】==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==・==
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="編集(管理用)">記事編集</a>
テンプレートの編集で<%topentry_jointtag>を下記に変更すると自分のブログ記事の羅列に切り替わる
<!--tag_list--><a href=?tag=<%topentry_tag_list_parsename>><%topentry_tag_list_name></a>,<!--/tag_list-->

【以上の参考特記を反映したテンプレートは以下の通り】