<?xml version="1.0" encoding="utf-8"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:cc="http://web.resource.org/cc/"
  xmlns="http://purl.org/rss/1.0/">

<channel rdf:about="http://pocolog.cocolog-nifty.com/mt/">
<title>ぽこログ</title>
<link>http://pocolog.cocolog-nifty.com/mt/</link>
<description>情報のスタック場所 - 音楽・海外旅行・車・オーディオ・英語・デジモノ・コンピュータ・書籍・クレジットカード</description>
<dc:language>ja-JP</dc:language>
<dc:creator></dc:creator>
<dc:date>2017-01-13T21:52:14+09:00</dc:date>


<items>
<rdf:Seq><rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2017/01/jal-jcb-184f.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2016/11/mufg-899e.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2016/10/sony-vaio-c1.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2016/03/playz-4f37.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/206-d06a.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/7---57a3.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/6---1bb3.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/5---ae19.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/4---2-9724.html" />
<rdf:li rdf:resource="http://pocolog.cocolog-nifty.com/mt/2014/07/3-16c6.html" />
</rdf:Seq>
</items>

</channel>

<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2017/01/jal-jcb-184f.html">
<title>JAL, JCBカードプラチナ取得</title>
<link>http://pocolog.cocolog-nifty.com/mt/2017/01/jal-jcb-184f.html</link>
<description>




JAL, JCBカードプラチナを取得しました。
プラチナカードの存在は知っていましたが、なんとなく躊躇していました。で、今回取得に踏み切った、と。

...</description>
<content:encoded><![CDATA[<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2017/01/13/jaljcbplatinum.jpg" class="mb"><img alt="Jaljcbplatinum" title="Jaljcbplatinum" src="http://pocolog.cocolog-nifty.com/mt/images/2017/01/13/jaljcbplatinum.jpg" width="240" height="180" border="0" class="postcard" style="float: left; margin: 0px 5px 5px 0px;" /></a>
</p>
<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2017/01/13/platinumcards.jpg" class="mb"><img alt="Platinumcards" title="Platinumcards" src="http://pocolog.cocolog-nifty.com/mt/images/2017/01/13/platinumcards.jpg" width="240" height="180" border="0" class="postcard" style="float: left; margin: 0px 5px 5px 0px;" /></a>
</p>
<p>
JAL, JCBカードプラチナを取得しました。<br />
プラチナカードの存在は知っていましたが、なんとなく躊躇していました。で、今回取得に踏み切った、と。
</p>
<p>
ウェブサイトではカード発行まで4週間かかると書いてありましたが、申し込み後5日でショッピング枠増額のお知らせ、10日でカードが届きました。<br clear = "all">

</p>]]><![CDATA[<p>
これで持っているプラチナカードは、
</p>
<ul>
	<li>アメリカンエキスプレス　プラチナカード</li>
	<li>ダイナースクラブ　プレミアムカード</li>
	<li>デルタスカイマイルVISAプラチナ</li>
	<li>JAL, JCBカードプラチナ</li>
</ul>
<p>
になりました。
</p>
<p>
MUFGカード・プラチナ・アメリカン・エキスプレス・カードのインビテーションは申し込みませんでした。(だって銀行でプラチナの申込用紙配布してるもん(笑))<br />
JCB ザ・クラスと三井住友VISAプラチナカードは有用性を感じなかったので退会しました。
</p>
<p>
各カードの限度額(融資額)はというと、
</p>
<table class = "bordered">
	<tbody>
		<tr>
			<th>カード</th>
			<th>限度額</th>
		</tr>
		<tr>
			<td>アメリカンエキスプレス　プラチナカード</td>
			<td>約350万円</td>
		</tr>
		<tr>
			<td>ダイナースクラブ　プレミアムカード</td>
			<td>470万円?<td>
		</tr>
		<tr>
			<td>デルタスカイマイルVISAプラチナ</td>
			<td>470万円</td>
		</tr>
		<tr>
			<td>JAL, JCBカードプラチナ</td>
			<td>300万円</td>
		</tr>
	</tbody>
</table>
<p>
総額でベンツのSクラスが買えますね。払えないけど(笑)
</p>
<p>
<a href="https://px.a8.net/svt/ejp?a8mat=2BS83X+G2Q42+28T6+HWPVL" target="_blank">
<img border="0" width="125" height="125" alt="" src="https://www26.a8.net/svt/bgt?aid=140725005027&wid=001&eno=01&mid=s00000010473003008000&mc=1"></a>
<img border="0" width="1" height="1" src="https://www10.a8.net/0.gif?a8mat=2BS83X+G2Q42+28T6+HWPVL" alt="">
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</p>
<!--■Googleリンク広告のみ-->

<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>]]></content:encoded>


<dc:subject>クレジットカード</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2017-01-13T21:52:14+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2016/11/mufg-899e.html">
<title>MUFGカード・プラチナ・アメリカン・エキスプレス・カードのインビテーション</title>
<link>http://pocolog.cocolog-nifty.com/mt/2016/11/mufg-899e.html</link>
<description>




MUFGから「MUFGカード・プラチナ・アメリカン・エキスプレス・カード」のインビテーションが来ました。
アメックスのプロパープラチナ持っていて、サー...</description>
<content:encoded><![CDATA[<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2016/11/27/img_1483.jpg" class="mb"><img alt="Img_1483" title="Img_1483" src="http://pocolog.cocolog-nifty.com/mt/images/2016/11/27/img_1483.jpg" width="240" height="240" border="0" class="postcard" style="float: left; margin: 0px 5px 5px 0px;" /></a>
</p>
<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2016/11/27/img_1484_2.jpg" class="mb"><img alt="Img_1484_2" title="Img_1484_2" src="http://pocolog.cocolog-nifty.com/mt/images/2016/11/27/img_1484_2.jpg" width="320" height="240" border="0" class="postcard" style="float: left; margin: 0px 5px 5px 0px;" /></a>
</p>
<p>
MUFGから「MUFGカード・プラチナ・アメリカン・エキスプレス・カード」のインビテーションが来ました。<br />
アメックスのプロパープラチナ持っていて、サービスが重なってしまうので、悩むところです。<br />
</p>
<p>
こちらは旅行傷害保険が自動付帯なのがメリットです。(プロパープラチナは利用付帯、確か)
</p>
<p>
 あと、年会費が2万円(初年度無料)なのに惹かれます。<br />
「プラチナ系」の中では年会費が安い方、と。
</p>
<p>
申し込むかは12月に入ってから決めます。
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<!--■Googleリンク広告のみ-->
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>]]></content:encoded>


<dc:subject>クレジットカード</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2016-11-27T09:23:57+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2016/10/sony-vaio-c1.html">
<title>SONY VAIO C1</title>
<link>http://pocolog.cocolog-nifty.com/mt/2016/10/sony-vaio-c1.html</link>
<description>


掃除してたら懐かしのVAIO C1が出てきました。
電源を入れると、なんと起動する!
軽く中を見て、いくつかのファイルをサルベージしたくなりました。


...</description>
<content:encoded><![CDATA[<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2016/10/08/vaio_c1.jpg" class="mb"><img alt="Vaio_c1" title="Vaio_c1" src="http://pocolog.cocolog-nifty.com/mt/images/2016/10/08/vaio_c1.jpg" width="240" height="180" border="0" style="float: left; margin: 0px 5px 5px 0px;" class = "postcard" /></a>
</p>
<p>
掃除してたら懐かしのVAIO C1が出てきました。<br />
電源を入れると、なんと起動する!<br />
軽く中を見て、いくつかのファイルをサルベージしたくなりました。
</p>
<p>
さて、どうやってファイルをコピーしよう?
</p>
<p>
1. PCカードスロットにイーサネットアダプタを挿入して、家のネットワークに参加させる。→イーサネットアダプタが対応してませんでした。<br />
2. ダイアルアップでniftyに繋げて、FTPでアップロードする。→FTPクライアントソフトが入っていません。<br />
3. 同じく、ポストペットで自分宛にメールする。<br />
4. Let's NoteのDVDマルチドライブを接続してCDに焼く。<br />
5. カードアダプタを繋げて、初代IXY DIGITALに入っていたCFカードにコピーする。<br />
6. その他。
</p>
<p>
皆さんならどうします?
</p>]]></content:encoded>


<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2016-10-08T21:40:56+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2016/03/playz-4f37.html">
<title>ブリヂストン Playz に履き替えました</title>
<link>http://pocolog.cocolog-nifty.com/mt/2016/03/playz-4f37.html</link>
<description>




ガソリンスタンドで夏タイヤに履き替えたところ、もうタイヤの寿命で交換した方がいいそうな。
ブリヂストンの Playz を工賃・バランス・エア・消費税込...</description>
<content:encoded><![CDATA[<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2016/03/28/photo.jpg" class="mb"><img alt="Photo" title="Photo" src="http://pocolog.cocolog-nifty.com/mt/images/2016/03/28/photo.jpg" width="240" height="320" border="0" style="float: left; margin: 0px 5px 5px 0px;" class = "postcard" /></a>
</p>
<p><a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2016/03/28/1.jpg" class="mb"><img alt="1" title="1" src="http://pocolog.cocolog-nifty.com/mt/images/2016/03/28/1.jpg" width="240" height="320" border="0" style="float: left; margin: 0px 5px 5px 0px;" class = "postcard" /></a>
</p>
<p>
ガソリンスタンドで夏タイヤに履き替えたところ、もうタイヤの寿命で交換した方がいいそうな。<br />
ブリヂストンの Playz を工賃・バランス・エア・消費税込みで&yen;50,000の見積をもらいました。<br />
ガソリンスタンドの人が言うには、特別料金とのこと。
</p>
<p>
ネットの評判やFacebookでのコメントを見て、翌日、履き替えにガソリンスタンドを訪ねました。<br />
一晩考えたから決して衝動買いではない!<br clear = "all" />
</p>]]><![CDATA[<p>
で、レビューです。<br />
比較対象がスタッドレスなので比較にならないですが、グリップがよくなって転がり抵抗が少なくなった感じがします。なんか矛盾しているようですが、ともかくそう感じたんです。(笑)<br />
あと、ロードノイズと振動は確実に少なくなりました。
</p>
<p>
今まで履いていたヨコハマ DNA DB との比較ですが、ハンドリングと静音性は Playz に勝りますが、Playz にした理由として、なにより安いのと、現状車を運転するのは、練習をしにバイパスを運転するということで、直進安定性と「つかれない」のがメリットとしてあるかな、と。<br />
そういう訳で Playz にしました。
</p>
<!--■Google広告のみ-->
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<!--■Googleリンク広告のみ-->
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<a href="http://hb.afl.rakuten.co.jp/hgc/08df4a98.7ec401d8.14d46c4c.3b4cc90b/?pc=http%3a%2f%2fsearch.rakuten.co.jp%2fsearch%2fmall%2fPlayz%2bPX%25EF%25BC%258DC%2b175%2f%3fgrp%3dproduct%26myButton.x%3d21%26myButton.y%3d12%26scid%3daf_link_urltxt&amp;m=http%3a%2f%2fm.rakuten.co.jp%2f" target="_blank">ブリヂストン Playz PX-C 175 を扱っている楽天ショップ一覧</a>
</p>]]></content:encoded>


<dc:subject>車</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2016-03-28T12:55:08+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/206-d06a.html">
<title>206にナビとレーダー探知機付けた</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/206-d06a.html</link>
<description>

新車時に付けたDVDナビで、今年は名二環も新名神もできたことだし、ナビDVDを最新のものにしようかなとディーラーに電話かけたら、「お客様のナビのDVDは20...</description>
<content:encoded><![CDATA[<p>
<a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2014/07/29/photo.jpg" class="mb"><img alt="Photo" title="Photo" src="http://pocolog.cocolog-nifty.com/mt/images/2014/07/29/photo.jpg" width="240" height="180" border="0" style="float: left; margin: 0px 5px 5px 0px;" class = "postcard" /></a>
新車時に付けたDVDナビで、今年は名二環も新名神もできたことだし、ナビDVDを最新のものにしようかなとディーラーに電話かけたら、「お客様のナビのDVDは2007年までの発売です。」と言われてしまった。
</p>
<p>
それなら新しいナビを買うかと、ディーラーと相談。
</p>
<p>
206は1DINなので搭載できるナビはかなり限られる。<br />
パイオニアから1DIN+1DINのものがあって、ダッシュボードにモニタを取り付け、本体はグローブボックスなどなどに置ける。<br />
これなら「いける!」と考えてディーラーに発注してもらったら、メーカーからの回答が「206はダッシュボードの奥行きが狭いので、取り付けられません。」と。<br clear = "all" />
</p>]]><![CDATA[<p>
<a href="http://pocolog.cocolog-nifty.com/.shared/image.html?/photos/uncategorized/2014/07/29/photo_2.jpg" class="mb"><img alt="Photo_2" title="Photo_2" src="http://pocolog.cocolog-nifty.com/mt/images/2014/07/29/photo_2.jpg" width="240" height="156" border="0" style="float: left; margin: 0px 5px 5px 0px;" class = "postcard" /></a>
それで、ディーラーの人と頭をひねっていたのだが、ポータブルナビなら取り付けれると。
</p>
<p>
ポータブルかよぅ、と散々悩んだが、現実問題としてこれしか取り付けれない。カタログを読んでカーナビ並みの性能はありそうだ、と自分を納得させて買うことにしました。<br />
<p>
で、購入したのが、<a href="http://www.amazon.co.jp/gp/product/B00KKOGFMI/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00KKOGFMI&linkCode=as2&tag=kumeuchi-22">Panasonic Gorilla  SSDポータブルカーナビゲ-ション 7V型 CN-GP745VD</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=kumeuchi-22&l=as2&o=9&a=B00KKOGFMI" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />。今夏発売のシリーズでは真ん中のやつです。
</p>
<p>
某トバックスで購入した、分離式のレーダー探知機も一緒に取り付けてもらいました。<br clear ="all" />
</p>
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=kumeuchi-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B00KKOGFMI" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
<p>
あ、アマゾンの方が一万円も安いや。
</p>
<p>
費用明細は以下の通り。
</p>
<table class = "bordered">
	<tr>
		<th>PANASONICポータブルナビCN-GP745VD</th>
		<td class = "right">&yen;57,400</td>
	</tr>
	<tr>
		<th>ナビゲーション取り付け</th>
		<td class = "right">&yen;20,000</td>
	</tr>
	<tr>
		<th>貼り付けスタンド(CA-PT20D)</th>
		<td class = "right">&yen;5,000</td>
	<tr>
		<th>GPSアンテナ(CA-PN20D)</th>
		<td class = "right">&yen;6,800</td>
	</tr>
	<tr>
		<th>レーダー取り付け</th>
		<td class = "right">&yen;6,000</td>
	</tr>
	<tr>
		<th>(今までの)レーダー・ナビゲーション取り外し</th>
		<td class = "right">&yen;12,000</td>
	</tr>
	<tr>
		<th>請求金額(税込)</th>
		<td>&yen;115,776</td>
	</tr>
</table>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>]]></content:encoded>


<dc:subject>車</dc:subject>
<dc:subject>デジモノ</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-29T06:47:14+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/7---57a3.html">
<title>ココログをスタイルシートだけでクールなデザインにする方法 その7 - 完成版のスタイルシート</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/7---57a3.html</link>
<description>
完成版のスタイルシートは以下のようになります。
...</description>
<content:encoded><![CDATA[<p>
完成版のスタイルシートは以下のようになります。
</p>]]><![CDATA[<blockquote><pre><code>body{
  background-color: #f1f1ed;
}

a{
  text-decoration: none;
}
a:link{
  color: #b12e05;
}
a:visited{
  color: #621900;
}
a:hover{
  color: #f65300;
  text-decoration: none;
}
a:active{
  color: #f65300;
  text-decoration: none;
}

#container{
  width: 960px;
  background-color: #f1f1ed;
  border-width: 0px;
}

#banner{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  color: #ffffff;
  letter-spacing: .2em;
  background-image: url("http://pocolog.cocolog-nifty.com/images/header.gif");
  background-repeat: no-repeat;
  height: 172px;
  padding: 0px;
  margin: 0px;
}
#banner h1,#banner h2{
    margin-left: 48px;
}
#banner h1{
  padding-top: 80px;
}
#banner h1 a{
  color: #ffffff;
}
#banner h1 a:hover,#banner h1 a:active{
  color: #f65300;
}

#left{
  width: 228px;
  background-color: #f1f1ed;
}

#center{
  width: 732px;
  background-color: #f1f1ed;
}

.content{
  padding: 0px;
  color: #2b0a03;
  background-color: #f1f1ed;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size 16px;
}

.sidebar{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}
.sidebar-top{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar-top.gif");
  height: 12px;
  padding: 0px;
  margin: 0px;
}
.sidebar-bottom{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar-bottom.gif");
  height: 20px;
  padding: 0px;
  margin: 0px;
}

.sidebar a:link{
  color: #ffffff;
}
.sidebar a:visited{
  color: #ffffff;
}
.sidebar a:hover{
  color: #f65300;
}
.sidebar a:active{
  color: #f65300;
}
.sidebar div.module-content{
  margin: 0px;
  padding: 0px 24px 0px 28px;
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5em;
}
.sidebar div.module-widget div.module-content{
  margin: 0px;
  padding: 0px;
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
}
.sidebar div.module-widget div.module-content li{
  padding: 0px 24px 0px 28px;
}
.sidebar div.link-note{
  padding-bottom: 4px;
}
.sidebar h2{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  border-color: #f65300;
  letter-spacing: .2em;
  padding: 2px 0px;
  margin: 0px 24px 0px 28px;
}
.contact-list h2,div.minibio h2,div.bio h2{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #621900;
  letter-spacing: .2em;
}

.sidebar ul{
  margin: 0px;
  padding: 0px 0px 16px 0px;
}

.sidebar li{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5em;
  margin-top: 4px;
}
.sidebar div.module-widget div.module-content li{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8em;
  margin-top: 4px;
}
.sidebar div.module-recent-comments li{
  font-size: 14px;
}
.sidebar div.module-recent-trackbacks li{
  font-size: 14px;
}
.sidebar div.module-categories li{
  font-size: 14px;
}
.sidebar div#archive-datebased li{
  font-size: 14px;
}
.entry{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 8px 32px 8px 20px;
  margin: 0px;
}
div.content div.entry-nav{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 0px 32px 0px 20px;
  margin: 0px;
}
div.content div.entry-trackback{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 8px 32px 8px 20px;
  margin: 0px;
}
div.content div.entry div.entry-trackback{
  background-image: none;
  padding: 0px;
}
div.content div.entry div.entry-nav{
  background-image: none;
  padding: 0px;
}
.entry-top{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content-top.gif");
  height: 12px;
  margin: 0px;
  padding: 0px;
}
.entry-bottom{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content-bottom.gif");
  background-repeat: none;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
.content p,.content li,.comment-body p{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: #2b0a03;
  margin-top: 8px;
}
.content ul.inline li{
  display: inline;
  margin-right: 16px;
}
.content blockquote{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: #473624;
  background-color: #fffaf8;
  border-style: solid;
  border-color: #b12e05;
  border-width: 1px;
  margin: 0px;
  padding: 6px 8px;
}
.content dl.box{
  border-style: solid;
  border-color: #b12e05;
  border-width: 0px 1px 1px 1px;
}
.content dl.box dt{
  background-color: #fffaf8;
  border-style: solid;
  border-color: #b12e05;
  border-width: 1px 0px 0px 0px;
  margin: 0px;
  padding: 0px 8px;
}
.content dl.box dd{
  margin: 0px;
  padding: 0px 8px;
}
.content table th{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size 16x;
}
.content table td{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size 16px;
}
.content table.bordered{
	margin: 8px 0px;
}
.content table.bordered th{
	color: #fffaf8;
	background-color: #b12e05;
	padding: 0px 8px;
	white-space: nowrap;
}
.content table.bordered td{
	background-color: #fffaf8;
	padding: 0px 8px;
}
.content table.bordered img{
	vertical-align: middle;
}

.content h2{
  color: #2b0a03;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
}
.content h3{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.0em;
  background-image: url("http://pocolog.cocolog-nifty.com/images/header.gif");
  background-position: -248px 65%;
  padding: 8px;
  margin: 0px;
}
.content h3 a{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-weight: bold;
  color: #ffffff;
}
.content h3 a:link,.content h3 a:visited{
  color: #ffffff;
}
.content h3 a:hover,.content h3 a:active{
  color: #f65300;
}
.content h4{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 18px;
  color: #2b0a03;
  margin-bottom: 8px;
}
.content h5{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #2b0a03;
  margin: 8px 0px 4px 0px;
}

.content p tt{
  font-family: "ＭＳ ゴシック", "平成角ゴシック", monospace;
}
.content code{
  font-family: Consolas, "Courier New", "Andale Mono", Courier, monospace;
}
.content cite{
  font-style: normal;
}

.content p em,.content blockquote em{
  font-style: normal;
  color: #f00000;
}
.content p em.big{
  color: #2b0a03;
  font-size: 2em;
}
.content pre{
  margin: 0px;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;

}

.content p.posted{
  border-color: #b12e05;
  margin-bottom: 0px;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 14px;
  color: #621900;
  margin-bottom: 0px;
}

.content td{
  line-height: 1.5em;
}
.content ul{
  padding-left: 16px;
  margin: 0px;
}
.content ul.inline{
  display: inline;
  padding-left: 16px;
}
.content ol{
  padding-left: 24px;
  margin: 0px;
}
.content li{
  padding-left: 0px;
  margin: 0px;
}
.content img.postcard{
  padding: 8px;
  background-color: #ffffff;
  border-color: #888888;
  border-style: solid;
  border-width: 1px;
  margin: 4px 12px 6px 0px;
}

.content-top+.entry-nav{
  background-image: none;
  margin: 0px;
  padding: 0px 32px 0px 20px;
}

div.entry-nav p{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

span.post-footers,span.separator{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  afont-size: 14px;
  color: #621900;
}
span.separator{
  color: #b12e05;
}
p.trackback-url{
  font-size: 14px;
}
.comment-preview{
  padding: 0px 16px;
}
.clearfloat{
  clear: both;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.entry-recent-posts h2{
  margin: 8px 0px;
}
.entry-recent-posts ul{
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
iframe.topleft{
  margin: 0px 5px 5px 0px; float: left;
}</code></pre></blockquote>
	<p>
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- 468x60, エントリー用広告 08/09/19 -->
	<ins class="adsbygoogle"
	     style="display:inline-block;width:468px;height:60px"
	     data-ad-client="ca-pub-9815219419561283"
	     data-ad-slot="1555886661"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
	</p>
	<p>
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- 468x15, エントリー用リンク 08/09/19 -->
	<ins class="adsbygoogle"
	     style="display:inline-block;width:468px;height:15px"
	     data-ad-client="ca-pub-9815219419561283"
	     data-ad-slot="5884442295"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
	</p>
	<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kumeuchi-22&o=9&p=16&l=st1&mode=books-jp&search=スタイルシート CSS&fc1=000000&lt1=_blank&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>]]></content:encoded>


<dc:subject>ウェブログ・ココログ関連</dc:subject>
<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-28T21:13:44+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/6---1bb3.html">
<title>ココログをスタイルシートだけでクールなデザインにする方法 その6 - 本文の各要素</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/6---1bb3.html</link>
<description>本文の各要素の編集

記事で使うであろう要素の設定をします。
これらは自分の好みで設定すればいいと思います。
...</description>
<content:encoded><![CDATA[<h4>本文の各要素の編集</h4>
<p>
記事で使うであろう要素の設定をします。<br />
これらは自分の好みで設定すればいいと思います。
</p>]]><![CDATA[<blockquote><pre><code>.content ul.inline li{
  display: inline;
  margin-right: 16px;
}
.content blockquote{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: #473624;
  background-color: #fffaf8;
  border-style: solid;
  border-color: #b12e05;
  border-width: 1px;
  margin: 0px;
  padding: 6px 8px;
}
.content dl.box{
  border-style: solid;
  border-color: #b12e05;
  border-width: 0px 1px 1px 1px;
}
.content dl.box dt{
  background-color: #fffaf8;
  border-style: solid;
  border-color: #b12e05;
  border-width: 1px 0px 0px 0px;
  margin: 0px;
  padding: 0px 8px;
}
.content dl.box dd{
  margin: 0px;
  padding: 0px 8px;
}
.content table th{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size 16x;
}
.content table td{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size 16px;
}
.content table.bordered{
	margin: 8px 0px;
}
.content table.bordered th{
	color: #fffaf8;
	background-color: #b12e05;
	padding: 0px 8px;
	white-space: nowrap;
}
.content table.bordered td{
	background-color: #fffaf8;
	padding: 0px 8px;
}
.content table.bordered img{
	vertical-align: middle;
}
.content code{
  font-family: Consolas, "Courier New", "Andale Mono", Courier, monospace;
}
.content cite{
  font-style: normal;
}

.content p em,.content blockquote em{
  font-style: normal;
  color: #f00000;
}
.content p em.big{
  color: #2b0a03;
  font-size: 2em;
}
.content pre{
  margin: 0px;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;

}

.content p.posted{
  border-color: #b12e05;
  margin-bottom: 0px;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 14px;
  color: #621900;
  margin-bottom: 0px;
}

.content td{
  line-height: 1.5em;
}
.content ul{
  padding-left: 16px;
  margin: 0px;
}
.content ul.inline{
  display: inline;
  padding-left: 16px;
}
.content ol{
  padding-left: 24px;
  margin: 0px;
}
.content li{
  padding-left: 0px;
  margin: 0px;
}
.content img.postcard{
  padding: 8px;
  background-color: #ffffff;
  border-color: #888888;
  border-style: solid;
  border-width: 1px;
  margin: 4px 12px 6px 0px;
}

.content-top+.entry-nav{
  background-image: none;
  margin: 0px;
  padding: 0px 32px 0px 20px;
}

div.entry-nav p{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

span.post-footers,span.separator{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  afont-size: 14px;
  color: #621900;
}
span.separator{
  color: #b12e05;
}
p.trackback-url{
  font-size: 14px;
}
.comment-preview{
  padding: 0px 16px;
}
.clearfloat{
  clear: both;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.entry-recent-posts h2{
  margin: 8px 0px;
}
.entry-recent-posts ul{
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
iframe.topleft{
  margin: 0px 5px 5px 0px; float: left;
}</code></pre></blockquote>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kumeuchi-22&o=9&p=16&l=st1&mode=books-jp&search=スタイルシート CSS&fc1=000000&lt1=_blank&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>]]></content:encoded>


<dc:subject>ウェブログ・ココログ関連</dc:subject>
<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-28T21:08:14+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/5---ae19.html">
<title>ココログをスタイルシートだけでクールなデザインにする方法 その5 - 本文</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/5---ae19.html</link>
<description><![CDATA[本文の編集

各記事のソースを見てみます。

&lt;div id="center"&gt;
&lt;div class="content-top"&gt;&l...]]></description>
<content:encoded><![CDATA[<h4>本文の編集</h4>
<p>
各記事のソースを見てみます。
</p>
<blockquote><pre><code>&lt;div id="center"&gt;
&lt;div class="content-top"&gt;&lt;/div&gt;
&lt;div class="content"&gt;
(省略)
<em>&lt;div class="entry-top"&gt;&lt;/div&gt;</em>
<em>&lt;div class="entry"&gt;</em>
&lt;a id="entry-54492351"&gt;&lt;/a&gt;

&lt;h3&gt;&lt;a href="http://pocolog.cocolog-nifty.com/mt/2008/10/post-f213.html"&gt;ぽこログの説明&lt;/a&gt;&lt;/h3&gt;

&lt;div class="entry-body-top"&gt;&lt;/div&gt;
&lt;div class="entry-body"&gt;
&lt;div class="entry-body-text"&gt;
&lt;p&gt;
ぽこログにアクセスいただきありがとうございます。このブログの主なトピックは、↓です。
&lt;/p&gt;
(省略)
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="entry-body-bottom"&gt;&lt;/div&gt;

&lt;p class="posted"&gt;
(省略)
&lt;/div&gt;
<em>&lt;div class="entry-bottom"&gt;&lt;/div&gt;</em></code></pre></blockquote>
<p>
「entry-top」「entry」「entry-bottom」を編集すればいいことが分かります。
</p>]]><![CDATA[<blockquote><pre><code>.entry{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 8px 32px 8px 20px;
  margin: 0px;
}
.entry-top{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content-top.gif");
  height: 12px;
  margin: 0px;
  padding: 0px;
}
.entry-bottom{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content-bottom.gif");
  background-repeat: none;
  height: 20px;
  margin: 0px;
  padding: 0px;
}</code></pre></blockquote>
<p>
content-topの画像<br />
<img alt="Contenttop" title="Contenttop" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/contenttop.gif" border="0" class = "postcard" />
</p>
<p>
contentの画像<br />
<img alt="Content" title="Content" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/content.gif" border="0" class = "postcard" />
</p>
<p>
content-bottomの画像</br />
<img alt="Contentbottom" title="Contentbottom" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/contentbottom.gif" border="0" class = "postcard" />
</p>
<p>
記事を表示する&lt;p&gt;タグを編集します。
</p>
<blockquote><pre><code>.content p,.content li,.comment-body p{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: #2b0a03;
  margin-top: 8px;
}</code></pre></blockquote>
<p>
その他、エントリ関係のタグを編集します。
</p>
<blockquote><pre><code>.entry{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 8px 32px 8px 20px;
  margin: 0px;
}
div.content div.entry-nav{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 0px 32px 0px 20px;
  margin: 0px;
}
div.content div.entry-trackback{
  background-image: url("http://pocolog.cocolog-nifty.com/images/content.gif");
  background-repeat: repeat-y;
  padding: 8px 32px 8px 20px;
  margin: 0px;
}
div.content div.entry div.entry-trackback{
  background-image: none;
  padding: 0px;
}
div.content div.entry div.entry-nav{
  background-image: none;
  padding: 0px;
}
.content h2{
  color: #2b0a03;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
}
.content h3{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.0em;
  background-image: url("http://pocolog.cocolog-nifty.com/images/header.gif");
  background-position: -248px 65%;
  padding: 8px;
  margin: 0px;
}
.content h3 a{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-weight: bold;
  color: #ffffff;
}
.content h3 a:link,.content h3 a:visited{
  color: #ffffff;
}
.content h3 a:hover,.content h3 a:active{
  color: #f65300;
}
.content h4{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 18px;
  color: #2b0a03;
  margin-bottom: 8px;
}
.content h5{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #2b0a03;
  margin: 8px 0px 4px 0px;
}</code></pre></blockquote>
<p>
記事に関する設定はこれで大体終わりました。次回は記事内の各要素の設定をします。
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kumeuchi-22&o=9&p=16&l=st1&mode=books-jp&search=スタイルシート CSS&fc1=000000&lt1=_blank&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>]]></content:encoded>


<dc:subject>ウェブログ・ココログ関連</dc:subject>
<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-28T20:57:22+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/4---2-9724.html">
<title>ココログをスタイルシートだけでクールなデザインにする方法その4 - サイドバー#2</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/4---2-9724.html</link>
<description><![CDATA[div.module-content, div.module-widget

sidebarの中身を見ていきます。

&lt;div class="sideba...]]></description>
<content:encoded><![CDATA[<h4>div.module-content, div.module-widget</h4>
<p>
sidebarの中身を見ていきます。
</p>
<blockquote><pre><code>&lt;div class="sidebar"&gt;
&lt;div id="profile" class="module-about module"&gt;
&lt;div class="<em>module-content</em> link-note"&gt;
&lt;a href="http://pocolog.cocolog-nifty.com/about.html"&gt;プロフィール&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id="syndicate" class="module-syndicate module"&gt;
&lt;div class="<em>module-content</em> link-note"&gt;
&lt;a href="http://pocolog.cocolog-nifty.com/mt/index.rdf"&gt;RSSを表示する&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
(以降省略)</code></pre></blockquote>
<p>
「module-content」を編集すればいいことがわかります。また、省略しましたが、「module-widget」も一緒に編集します。
</p>]]><![CDATA[<blockquote><pre><code>sidebar div.module-content{
  margin: 0px;
  padding: 0px 24px 0px 28px;
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5em;
}
.sidebar div.module-widget div.module-content{
  margin: 0px;
  padding: 0px;
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
}</code></pre></blockquote>
<p>
paddingで周りとの間を指定して、背景画像にsidebar.gifを設定します。<br />
line-heightは本文より詰めて1.5emにします。
</p>
<blockquote><pre><code>.sidebar div.module-widget div.module-content li{
  padding: 0px 24px 0px 28px;
}
.sidebar div.link-note{
  padding-bottom: 4px;
}
.sidebar h2{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  border-color: #f65300;
  letter-spacing: .2em;
  padding: 2px 0px;
  margin: 0px 24px 0px 28px;
}</code></pre></blockquote>
<p>
サイドバー内で表示する&lt;li&gt;要素のpaddingも設定します。<br />
.sidebar div.link-noteのpadding-bottom(下の隙間)を設定します。
</p>
<p>
サイドバー内の&lt;h2&gt;要素の指定もします。
</p>
<p>
ソースは省略しましたが、サイドバー内の各要素の設定をします。
</p>
<blockquote><pre><code>.sidebar ul{
  margin: 0px;
  padding: 0px 0px 16px 0px;
}
.sidebar li{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5em;
  margin-top: 4px;
}
.sidebar div.module-widget div.module-content li{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8em;
  margin-top: 4px;
}
.sidebar div.module-recent-comments li{
  font-size: 14px;
}
.sidebar div.module-recent-trackbacks li{
  font-size: 14px;
}
.sidebar div.module-categories li{
  font-size: 14px;
}
.sidebar div#archive-datebased li{
  font-size: 14px;
}</code></pre></blockquote>
<p>
サイドバーの設定はこれで終わりです。<br />
次節は本文を取り上げます。
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kumeuchi-22&o=9&p=16&l=st1&mode=books-jp&search=スタイルシート CSS&fc1=000000&lt1=_blank&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>]]></content:encoded>


<dc:subject>ウェブログ・ココログ関連</dc:subject>
<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-28T19:51:52+09:00</dc:date>
</item>
<item rdf:about="http://pocolog.cocolog-nifty.com/mt/2014/07/3-16c6.html">
<title>ココログをスタイルシートだけでクールなデザインにする方法 その3 - サイドバー#1</title>
<link>http://pocolog.cocolog-nifty.com/mt/2014/07/3-16c6.html</link>
<description>サイドバーの編集

サイドバーの編集をしていきましょう。ソースが複雑ですが、がんばっていきましょう。


まず、2カラムの初期設定をしている個所を編集します。
...</description>
<content:encoded><![CDATA[<h4>サイドバーの編集</h4>
<p>
サイドバーの編集をしていきましょう。ソースが複雑ですが、がんばっていきましょう。
</p>
<p>
まず、2カラムの初期設定をしている個所を編集します。
</p>
<blockquote><pre><code>#left{
  width: 228px;
  background-color: #f1f1ed;
}

#center{
  width: 732px;
  background-color: #f1f1ed;
}</code></pre></blockquote>
<p>
次にサイドバーの編集をしていきます。ソースが複雑ですが、
</p>
<blockquote><pre><code>&lt;div id="left"&gt;
&lt;div class="sidebar-top"&gt;&lt;/div&gt;
&lt;div class="sidebar"&gt;
(省略)
&lt;div class="sidebar-bottom"&gt;&lt;/div&gt;</code></pre></blockquote>
<p>
の構造になっています。
</p>
<p>
ここにスタイルシートを設定していきます。
</p>]]><![CDATA[<blockquote><pre><code>.sidebar{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar.gif");
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}
.sidebar-top{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar-top.gif");
  height: 12px;
  padding: 0px;
  margin: 0px;
}
.sidebar-bottom{
  background-image: url("http://pocolog.cocolog-nifty.com/images/sidebar-bottom.gif");
  height: 20px;
  padding: 0px;
  margin: 0px;
}
.sidebar a:link{
  color: #ffffff;
}
.sidebar a:visited{
  color: #ffffff;
}
.sidebar a:hover{
  color: #f65300;
}
.sidebar a:active{
  color: #f65300;
}
.sidebar h2{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  border-color: #f65300;
  letter-spacing: .2em;
  padding: 2px 0px;
  margin: 0px 24px 0px 28px;
}
.sidebar ul{
  margin: 0px;
  padding: 0px 0px 16px 0px;
}

.sidebar li{
  font-family: Verdana, "メイリオ", Osaka, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5em;
  margin-top: 4px;
}</code></pre></blockquote>
<p>
sidebar-topの画像<br />
<img alt="Sidebartop" title="Sidebartop" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/sidebartop.gif" border="0" class = "postcard" />
</p>
<p>
sidebarの画像<br />
<img alt="Sidebar" title="Sidebar" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/sidebar.gif" border="0" class = "postcard" />
</p>
<p>
sidebar-bottomの画像<br />
<img alt="Sidebarbottom" title="Sidebarbottom" src="http://pocolog.cocolog-nifty.com/photos/uncategorized/2014/07/28/sidebarbottom.gif" border="0" class = "postcard" />
</p>
<p>
marginとpaddingは、色々数値を変えて、ぴったりな値を見つけましょう。<br />
今回はこれで終わりです。<br />
次回はサイドバー内の「module-*」を編集します。
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x60, エントリー用広告 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="1555886661"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 468x15, エントリー用リンク 08/09/19 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-9815219419561283"
     data-ad-slot="5884442295"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=kumeuchi-22&o=9&p=16&l=st1&mode=books-jp&search=スタイルシート CSS&fc1=000000&lt1=_blank&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="336" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>]]></content:encoded>


<dc:subject>ウェブログ・ココログ関連</dc:subject>
<dc:subject>パソコン・インターネット</dc:subject>

<dc:creator>マーマー・ヨ</dc:creator>
<dc:date>2014-07-28T15:44:38+09:00</dc:date>
</item>


</rdf:RDF>
