@charset "utf-8";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1は左メニュー、プラグイン2は右メニュー、プラグイン3はトップページの記事の上に来るように設定しています。
・記事幅以上の画像を貼ると、レイアウトが崩れますので注意。
・アダルト・違法サイトは使用不可。
・IE5.5、IE6、IE7、OPERA9、FireFox2、Netscape7,SAFARI3.01で動作・表示確認しています。
・カスタマイズ可ですが、カスタマイズ後も再配布やフッターの著作権削除・改変は不可です。

何かあれば下記へどうぞ
http://dokode.blog87.fc2.com/

by どこドア

2007年4月22日初登録
2008年4月20日最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all;
}

body {
text-align:center; /* IEのバグを利用してセンタリング */
color:#666; /* 画面全体の文字色 */
font-size:12px; /* 全体の字の大きさ */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:140%; /* 行間 */
background-color:#fff; /* 画面全体の背景の色 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅
---------------------------------------- */
/* 左右メニュー＋中央記事（全体レイアウト） */
#layout {
width:840px; /* 左右メニュー＋中央記事の幅 */
background-color: #fff; /* 背景色 */
margin:0 auto; /* 左右マージンを自動計算してセンタリング */
padding:0;
}

/* ヘッダー */
#header {
width:840px; /* ヘッダーの幅 */
height:135px; /* ヘッダーの高さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/qpbanahana1.gif);
/* ヘッダーの背景URL */
background-repeat:no-repeat; /* 背景を繰り返さない */
background-position:center top; /* 中央上に配置 */
margin:0;
padding:0;
}

/* 左メニュー＋中央記事 */
#left_and_main {
float:left; /* 左に回り込む */
width:635px; /*左メニュー＋中央記事の幅 */
margin:0;
padding:0;
}

/* 左メニュー囲み */
#left_block {
float:left; /* 左に回り込む */
text-align:left; /* 文字・左寄せ */
width:190px; /* 左メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー囲み */
#right_block {
float:right; /* 右に回りこむ */
text-align:left; /* 文字・左寄せ */
width:190px; /* 右メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 中央メイン */
#main_block {
float:right; /*右寄せ*/
width:425px; /* 中央メインの幅 */
padding:0;
margin:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
font-family:Arial,Helvetica; /* 文字種類 */
color:#fff; /* 文字色 */
font-weight:bold; /* 太字 */
padding:5px;
margin:0;
}

/* ブログタイトル */
#header h1 {
text-align:right; /*右寄せ*/
font-family:Verdana,Chicago,Arial,Helvetica,Osaka,sans-serif; /*タイトルのフォント*/
font-size:19px; /*タイトルの大きさ*/
font-weight:bolder; /*タイトルの太さ*/
color:#f9c; /*タイトルの色*/
line-height:1.4; /*行間*/
padding:10px 5px 0px 200px; /*タイトルの位置、上・右・下・左の順に記述*/
margin:0;
}

/* ブログ説明 */
.intro {
text-align:right; /* 右寄せ */
font-size:12px; /* ブログ説明文の字の大きさ */
color:#666; /* ブログ説明文の色 */
font-weight:normal; /*ブログ説明文の字の太さ */
line-height:120%; /* 行間 */
margin:0;
padding:10px 5px 0px 200px; /* 説明文の位置、上・右・下・左の順に記述 */
}

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 全体のリンク色 */
/* 未閲覧 */
a:link {
color:#f69; /* 文字色 */
text-decoration:none;
}
/* 閲覧済 */
a:visited {
color:#f6c; /* 文字色 */
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#9cf; /* 文字色 */
text-decoration:none;
}
/* クリック中 */
a:active {
color:#f6c; /* 文字色 */
text-decoration:none;
}

/* ブログタイトルのリンク設定 */
#header h1 a:link, #header h1 a:visited {
color:#f9c; /* 文字色 */
text-decoration: none;
}
/* カーソルが乗った時 */
#header h1 a:hover {
color:#9cf; /* 文字色 */
border-bottom:dotted 3px #9cf; /* アンダーライン */
text-decoration: none;
}

/* 記事タイトルのリンク設定 */
h2 a:link, h2 a:visited {
color:#6cf; /* 文字色 */
text-decoration:none;
}
/* カーソルが乗った時 */
h2 a:hover {
background:#9cf; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/* メニューのリンク設定 */
/* 未閲覧 */
.left_body a:link , .right_body a:link {
color:#03f; /* 文字色 */
text-decoration: none;
}
/* 閲覧済 */
.left_body a:visited, .right_body a:visited {
color:#36f; /* 文字色 */
text-decoration:none;
}
/* カーソルを乗せた時 */
.left_body a:hover, .right_body a:hover {
color:#f6c; /* 文字色 */
text-decoration:none;
}

/* フッターのリンク */
#footer a:link, #footer a:visited {
color:#09f;
text-decoration:none;
}
/* カーソルを乗せた時 */
#footer a:hover {
background:#FFC0CB; /* 背景色 */
color:#fff; /* リンク色 */
text-decoration:none;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /* IEのバグを利用して中央に配置 */
font-family:Helvetica,Arial; /* 横カレンダーのフォント指定 */
font-size:12px; /* 横カレンダーの文字サイズ */
color:#666; /* 横カレンダーの文字色 */
background:#fcc; /* 横カレンダーの背景色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/10dot.gif); /* 横カレンダーの背景壁紙 */
border:1px dashed #fff;
margin:5px auto; /* 左右マージンを自動計算して中央に配置 */
padding:2px 0;
}

.day {
margin:0 2px; /* 横カレンダー日付けの間隔 */
}

/* 横カレンダーのリンク */
.yoko_calender a:link, .yoko_calender a:visited {
color:#f39;
text-decoration:none;
font-weight:bold;
}
/* カーソルを乗せた時 */
.yoko_calender a:hover {
color:#9cf;
text-decoration:none;
}
/* アクティブ中 */
.yoko_calender a:active {
color:#f99;
text-decoration:none;
font-weight:bold;
}

/* 横カレンダーがいらない場合は、HTMLソースの横カレンダーここから、横カレンダーここまでの部分を削除してください */

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
table.calender {
width:97%; /* 幅 */
text-align:center; /* 中央寄せ */
font-size:12px; /* フォントサイズ */
font-family:Helvetica,Arial; /* フォント指定 */
border-collapse:separate;
}

.calender caption, th, td {
font-weight:normal;
}

.calender caption {
text-align:center;
border-bottom:1px dotted #999; /* 下にライン */
}

.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

.calender th, .calender td {
text-align:center; /* 中央寄せ */
font-size:11px; /* 日付文字サイズ */
line-height:130%; /* 行間 */
padding:0;
}

.calender td a:link, .calender td a:visited {
text-decoration:none;
background:#fcc;
color:#fff; /* 背景色 */
font-weight:bold; /* 記事を書いた日を太字に */
display:block;
}
/* マウスが乗った時 */
.calender td a:hover{
background:#f9c; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}
/* アクティブ中 */
.calender td a:active {
color:#69c;
text-decoration:none;
}

th#sat {
color:#00f; /* 土曜日の色 */
}
th#sun {
color:#c00; /* 日曜日の色 */
}

/* ---------------------------------------
▼メイン（中央部）
---------------------------------------- */
/* 記事部分囲み */
.entry_block {
border-collapse:collapse;
margin:15px 0 25px;
padding:0;
}

/* 記事トップ画像 */
.entry_top {
width:425px; /* 横幅 */
height:20px; /* 高さ */
border-collapse:collapse;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/qpen3ue.gif); /* 画像URL */
background-repeat:no-repeat;
background-position:right top;
margin:0;
padding:0;
}

/* 記事中味画像 */
.entry_naka {
width:425px; /* 横幅 */
border-collapse:collapse;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/qp3ennaka.gif); /* 画像URL */
background-repeat:repeat-y; /* 画像を縦にリピート */
background-position:right top;
margin:0;
padding:0;
}

/* 記事下画像 */
.entry_bottom {
width:425px; /* 横幅 */
height:20px; /* 高さ */
border-collapse:collapse;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/qp3enshita.gif); /* 画像URL */
background-repeat:no-repeat;
background-position:right top;
margin:0;
padding:0;
}

/* プラグイン3タイトル */
.p3_title {
text-align:left;
font-size:14px; /* プラグイン3タイトルのサイズ */
color:#6cf; /* プラグイン3タイトルの色 */
font-weight:bold; /* プラグイン3タイトルの太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dohanabi1.gif); /* アイコンURL */
background-repeat:no-repeat;
background-position:left;
margin:0 25px;
padding:0 22px;
}

/* 記事タイトル */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 記事タイトルのサイズ */
font-weight:bold; /* 記事タイトルの太さ */
color: #6cf; /* 記事タイトルの色 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dohanabi1.gif); /* アイコンURL */
background-repeat:no-repeat;
background-position:left;
margin:0 20px;
padding:0 20px;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago; /*フォント指定*/
font-size:14px; /* 記事日付のサイズ */
color:#f9c; /* 記事日付の色 */
font-weight:bold; /* 記事日付の太さ */
margin:0;
padding:5px 20px;
}

/* 記事本文 */
.entry_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#555; /* 文字色 */
line-height:1.7; /* 行間 */
margin:0;
padding:10px 30px;
}

/* 続きを読む */
.more {
text-align:left; /* 左寄せ */
font-family:Verdana,Chicago; /*フォント指定*/
font-size:12px; /* 文字サイズ */
line-height:120%; /* 行間 */
color:#f69; /* 文字色 */
margin:0;
padding:10px 5px 5px;
}

/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中に使われたタグのリンクリスト */
.entry_body p.tag_lnk {
margin-top:10px;
}

/* 記事下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-family:Arial,Helvetica; /*フォント指定*/
font-size:12px; /* 文字サイズ */
color:#666; /* 記事データの色 */
line-height:120%; /* 行間 */
margin:0;
padding:10px 20px 0;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
/* 全記事リスト */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 20px;
}

.all_bottom {
text-align:right;
font-size:11px;
font-family:Arial,Helvetica; /* 文字種類 */
color:#666;
border-top:1px dotted #999; /* 上にライン */
padding:2px 5px;
margin:0 10px;
}

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:15px 0;
padding:10px;
}

/* ページ移動 */
.pnavi {
text-align:center;
font-size:13px; /* 文字サイズ */
color:#999; /* 文字色 */
font-family:Helvetica,Arial; /*フォント指定 */
line-height:120%; /* 行間 */
margin:15px 0;
padding:10px;
}

/* 頁TOPへのリンク */
.ptop {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
font-family:Arial,Helvetica; /* 文字種類 */
color:#666; /* 文字色 */
margin:0;
padding:5px 25px;
}

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラックバック共通のナビ */
.ct_navi {
text-align:left; /* 左寄せ */
font-size:12px; /* メニュータイトルのサイズ */
color:#f9c; /* メニュータイトルの色 */
font-weight:bold; /* 字の太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dohtpimini2.gif); /* アイコンURL */
background-repeat:no-repeat;
background-position:left;
border-bottom:1px dotted #f9c; /* 下にライン */
margin:10px 25px 0;
padding:1px 2px 1px 13px;
}

/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#f9c;/* 文字色 */
font-weight:bold; /* 文字太さ */
margin:0;
padding:10px 25px 15px;
}

/* コメント本文 */
.comment_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#555; /* コメント文字色 */
line-height:1.6; /* 行間 */
margin:0;
padding:5px 30px;
}

/* コメント日付 */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* コメント日付文字色 */
font-family:Helvetica,Arial;
border-bottom:1px dotted #f9c; /* 下にライン */
margin:0 25px;
padding:10px 5px;
}

/* トラックバック日付 */
.tra_date {
text-align:right; /* 右寄せ */
font-size:11px; /* トラックバック日付文字サイズ */
color:#666; /* トラックバック日付色 */
font-family:Helvetica,Arial; /* フォントの種類 */
margin:0 10px;
padding:5px 15px 15px;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等 */
INPUT,SELECT,TEXTAREA {
color:#666; /* 文字色 */
font-size:12px; /* 文字サイズ */
font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; /* MAC・IEバグ回避用フォント指定 */
background-color:#fff; /* 背景色 */
border:1px solid #ADD8E6; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

/* 投稿フォーム欄囲み */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}

.form {
padding:0;
margin:0;
}

/* 名前・タイトル・URL・メール記入箇所 */
.form_text {
width:250px !important;
}
/* コメント記入箇所 */
.form_textarea {
width:290px !important;
}
/* 送信ボタン */
.form_button{
width:40px !important;
}

/* ---------------------------------------
▼サイドメニュー
---------------------------------------- */
/* メニュー内枠 */
.menu_naka {
margin:0;
padding:0 0 15px;
}

/* プラグイン1・左メニュー */
.left_body {
text-align:left;
background-color:#fff; /* メニュー内枠の色 */
background-image:url(http://blog-imgs-1.fc2.com/d/o/k/dokode/dodot19.gif); /* メニュー内枠の背景壁紙 */
border:1px dashed #fff;
margin:15px 0;
padding:2px 0;
}

/* プラグイン2・右メニュー */
.right_body {
text-align:left;
background-color:#fff; /* メニュー内枠の色 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dodotqpp.gif); /* メニュー内枠の背景壁紙 */
border:1px dashed #fff;
margin:15px 0;
padding:2px 0;
}

/* プラグイン1タイトル */
.lmenu_title {
text-align:left; /* 左寄せ */
font-size:12px; /* メニュータイトルのサイズ */
color:#f9c; /* メニュータイトルの色 */
font-weight:bold; /* 字の太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dohtpimini2.gif) ; /* アイコンURL */
background-repeat:no-repeat;
background-position:left;
background-color:#fff; /* メニュータイトルの背景色 */
margin:10px 7px 5px;
padding:1px 2px 1px 13px;
}

/* プラグイン2タイトル */
.rmenu_title {
text-align:left; /* 左寄せ */
font-size:12px; /* メニュータイトルのサイズ */
color:#9cf; /* メニュータイトルの色 */
font-weight:bold; /* 字の太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dohtbmini1.gif); /* アイコンURL */
background-repeat:no-repeat;
background-position:left;
background-color:#fff; /* メニュータイトルの背景色 */
margin:10px 7px 5px;
padding:1px 2px 1px 13px;
}

/* プラグイン1と2共通・メニュー文字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:12px; /* メニューの文字サイズ */
color:#666; /* メニューの文字色 */
line-height:130%; /* 行間 */
padding:5px 10px;
}
.menu_text p {
text-align:left; /* 左寄せ */
font-size:11px; /* リスト以外の文字サイズ */
color: #666; /* リスト以外の文字色 */
margin:0;
padding-left:7px;
}

/* メニューリスト */
/* リスト親要素 */
.left_body ul,.right_body ul {
text-align:left; /* 左寄せ */
color:#f9c; /* リストマーク等の色 */
line-height:140%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin-left:2px;
padding-left:10px;
}

/* メニューリスト子要素 */
.left_body li,.right_body li {
text-align:left; /* 左寄せ */
text-decoration:none;
padding:0;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
text-align:center; /* 中央寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:130%; /* 行間 */
border-top:2px dotted #9cf; /* 上にライン */
clear:both;
margin:10px 0;
padding:5px 5px 0;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* スクロールバーの装飾（IEのみ有効）*/
html, body {
scrollbar-track-color:#fff;
scrollbar-face-color:#ADD8E6;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color:#ADD8E6;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ADD8E6;
scrollbar-arrow-color:#fff;
}

/* 引用文 */
blockquote {
text-align:left;
font-size:12px; /* 引用の文字サイズ */
color:#666; /* 引用の文字色 */
background-color:#FFF0F5; /* 引用の背景色 */
border:2px dashed #fff; /* ラインで囲んでいます*/
margin:5px 10px;
padding:5px 10px;
}

/* リスト全般 */
ul {
text-align:left;
margin-left:15px;
padding:0;
}

ol {
text-align:left;
margin-left:25px;
padding:0;
}

/* プロフィール */
.pay {
text-align:center;
margin:10px 0;
}

/* コード */
/* 記事中にプログラムコードなどを書く時に使います */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #633;
font-family:sans-serif;
overflow:auto;
width:90%; /* pre element clearing bug in WinIE  */
}

/* for without MacIE5 \*/
div.section pre {
overflow:scroll; /* MacIE用バグ対応 */
}/* */
div.section > pre {
width:auto; /* MacIE用バグ対応 */
}

div.section code {
font-family:monospace; /* 等幅フォントを指定 */
}

/* 文字装飾 */
/* 強調 */
strong, b {
font-weight:bold;
}
/* 斜体 */
em, i {
font-style:italic;
}
/* 打ち消し線 */
s {
text-decoration:line-through;
}
/* 下線 */
u {
text-decoration:underline;
}

/* 画像全般 */
img {
border:none;
border-width:0;
padding:0;
margin:0;
text-decoration:none;
}

/* 絵文字 */
.emoji {
float:none;
vertical-align:middle;
border:none;
padding:0;
margin:0;
}

/* IE改行バグ対策 */
br {
letter-spacing:normal;
}