@charset "utf-8";

/* ダウンロードしてくださって、ありがとうございます。
・カスタマイズ可ですが、カスタマイズ後も再配布とフッターの著作権削除や改変、見えにくくすることは不可です。
・プラグインのみ対応で、プラグイン1は左のメニューに2は右メニューに、3はトップ頁のみ記事トップに来るように設定しています（全頁記事トップにも出来ますのでHTMLを見てください）。
・アダルト・違法サイトは使用不可です。
・記事幅以上の画像を貼るとレイアウトが崩れますので注意。
・記事幅を増やすことは簡単に出来ますので、「各部の幅と左右変更」のところを見てください。（中央メイン幅を増やした分だけ、左メニュー＋中央記事と全体レイアウト幅も増やせばOKです）。
・bodyの背景色を変えれば、好きな色の水玉壁紙になります。
・WIN・XPにて、IE5.5と6と7、FireFox、OPERA、Netscape、Safariの最新版で動作・表示確認しています。

何かあれば下記へどうぞ
http://dokode.blog87.fc2.com/
by どこドア
初登録08.5.17、最終更新08.7.18 */

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

body {
text-align:center; /* IEのみバグを利用して中央に配置 */
color:#000; /* 画面全体の文字色 */
font-size:12px; /* 画面全体の文字サイズ */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; /* 画面全体のフォント指定 */
background-image:url(https://blog-imgs-14-origin.fc2.com/d/o/k/dokode/dodottouka1.gif); /*背景画像URL */
background-color:#EEE8AA; /* 背景色 */
line-height:140%; /* 行間 */
margin:0;
padding:0;
}

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

/* 左メニュー＋中央記事 */
#left_and_main {
float:left; /*左寄せ*/
width:765px; /* 左メニュー＋中央メイン＋余白の幅 */
margin:0;
padding:0;
}

/* 中央メイン */
#main_block {
float:right; /*右寄せ*/
width:530px; /* 中央メインの幅 */
background-color:#fff; /* 背景の色 */
margin:0;
padding:0;
}

/* 左メニュー */
#left_menu {
float:left; /*左寄せ*/
text-align:left;
width:220px; /* 左メニューの幅 */
margin:0;
padding:0 0 10px;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー */
#right_menu {
float:right; /*右寄せ*/
text-align:left;
width:220px; /* 右メニューの幅 */
margin:0;
padding:0 0 10px;
overflow:hidden; /* はみ出した部分を隠す */
}

/* ヘッダー */
#header {
height:285px; /* ヘッダーの高さ */
text-align:left; /* 文字・左寄せ */
background-image:url(https://blog-imgs-93-origin.fc2.com/n/o/a/noawan/noa3.gif); /* 背景画像のURL */
background-position:center bottom; /* 中央下に配置 */
background-repeat:no-repeat; /* 画像を繰り返さない */
margin:0;
padding:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 左寄せ */
font-size:12px;
font-family:AR丸ゴシック体M,Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
color:#330; /* 文字色 */
background-color:#9cc; /*背景の色*/
border-bottom:2px solid #330; /* 下にライン */
margin:0;
padding:2px 20px 3px;
}

/* ブログタイトル */
#header h1 {
text-align:left; /* 左寄せ */
font-family:AR丸ゴシック体M,Verdana,Chicago; /* 文字種類 */
font-size:30px; /* 文字サイズ */
font-weight:bolder; /* 字の太さ */
color:#330; /* 文字色 */
line-height:2.8; /* 行間 */
margin:0;
padding:5px 10px 0px 25px; /* ブログタイトルの位置・上右下左の順に記述 */
}

/* ブログ説明 */
.intro {
text-align:left;  /* 左寄せ */
font-family:AR丸ゴシック体M,Verdana,Chicago; /* 文字種類 */
font-size:12px; /* 文字サイズ */
color:#330; /* 文字色 */
font-weight:bolder; /* 文字の太さ */
line-height:0; /* 行間 */
margin:0;
padding:0px 10px 10px 40px;/* ブログ説明文の位置・上右下左の順に記述 */
}

/* ---------------------------------------
▼LINK
---------------------------------------- */
/* 全体のリンク */
/* 未閲覧 */
a:link {
color:#630; /* 文字色 */
text-decoration:none; /* アンダーラインなし */
}
/* 閲覧済 */
a:visited {
color:#630;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#DEB887;
text-decoration:none;
}
/* クリックした時 */
a:active {
color:#999;
text-decoration:none;
}

/*管理リンクのリンク設定 */
.admin a:link, .admin a:visited {
color:#066; /* 文字色 */
text-decoration:none;
}
/* カーソルが乗った時 */
.admin a:hover {
color:#fff; /* 文字色 */
text-decoration:none;
}

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

/* 記事タイトルのリンク設定 */
.entry_title a:link, .entry_title a:visited {
color:#CD5C5C; /* 文字色 */
text-decoration:none;
}
/* 記事タイトルのカーソルが乗った時 */
.entry_title a:hover {
color:#c99; /* 文字色 */
text-decoration:none;
}

/* 記事本文とコメント本文と頁TOPのリンク設定 */
.entry_body a:link, .comment_body a:link, .ptop a:link, .entry_body a:visited, .comment_body a:visited, .ptop a:visited {
color:#963; /* 文字色 */
text-decoration:none;
}

/* 記事下データと記事本文とコメント本文と頁TOPのカーソルが乗った時 */
.entry_state a:hover, .entry_body a:hover, .comment_body a:hover, .ptop a:hover {
color:#699; /* 文字色 */
text-decoration:none;
}

/* 横カレンダーとフッターと記事移動、頁移動と全記事一覧TOP戻りのリンク設定 */
.yoko_calender a:link, #footer a:link, .navi a:link, .pnavi a:link, .all_bottom a:link, .yoko_calender a:visited, #footer a:visited, .navi a:visited, .pnavi a:visited, .all_bottom a:visited {
color:#399; /* 文字色 */
text-decoration:none;
}

/* プラグインカレンダーのリンク */
.calender td a:link, .calender td a:visited {
color:#963; /* 記事を書いた日の文字色 */
background:#fff; /* 背景色 */
display: block;
}

/* 横カレンダーとフッターと記事移動、頁移動、全記事TOP戻りとプラグインカレンダーのカーソルが乗った時 */
.yoko_calender a:hover, #footer a:hover, .navi a:hover, .pnavi a:hover, .all_bottom a:hover, .calender td a:hover {
color:#fff; /*  文字色 */
background:#9cc; /* 背景色 */
text-decoration:none;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /* 中央寄せ */
font-size:11px; /* 文字サイズ */
font-family:Arial,Helvetica; /* 文字種類 */
color:#666; /* 文字色 */
border-top:1px dotted #c93; /* 上にライン */
border-bottom:1px dotted #c93; /* 下にライン */
padding:2px 0;
margin:10px  auto; /* 中央に配置 */
}

.day{
margin:0 1px; /* 日付の間隔 */
}

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
table.calender {
text-align:center; /* 中央寄せ */
width:185px; /* プラグインカレンダーの幅 */
font-size:11px; /* 文字サイズ */
font-family:Verdana,Chicago; /* 文字種類 */
color:#333; /* 文字色 */
}

/* 月表示部 */
.calender caption {
text-align:center; /* 中央寄せ */
}
.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

/* 曜日欄・日付け欄 */
.calender th, .calender td {
text-align:center;
font-weight:normal;
margin:0;
padding:0;
line-height:130%; /* 行間 */
}

/* 曜日表示部 */
.calender th {
padding-top:2px;
}

/* 土曜日 */
th#sat {
color:#36f; /* 文字色 */
}
/* 日曜日 */
th#sun {
color:#c00; /* 文字色 */
}

/* ---------------------------------------
▼エントリー（記事）
---------------------------------------- */
/* 記事囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
margin:10px 0 30px;
padding:0;
}

/* プラグイン3タイトル */
.p3_title {
text-align:left; /* 左寄せ */
font-size:14px; /* 文字サイズ */
font-weight:bold; /* 字の太さ */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
color:#CD5C5C; /* 文字色 */
background:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/iconcherryred01.jpg) no-repeat left; /*アイコン */
margin:3px 3px 10px;
padding:8px 0 6px 30px;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Georgia,Verdana,Chicago; /* 文字種類 */
font-size:18px; /* 文字サイズ */
color:#9cc; /* 文字色 */
font-weight:bold; /* 文字の太さ */
margin:0;
padding:0;
}

/* 記事タイトル */
.entry_title {
text-align:left;
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 字の太さ */
color:#CD5C5C; /* 文字色 */
background:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/iconcherryred01.jpg) no-repeat left; /*アイコン */
margin:3px 0 10px;
padding:8px 0 6px 30px;
}

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

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

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

/* 続きを読む */
.more {
text-align:left; /* 左寄せ */
font-weight:normal; /* 文字太さ */
color:#099; /* 文字色 */
font-family:Verdana,Chicago; /* 文字種類 */
margin:10px 0 5px;
}

/* 記事下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
background-image:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/kabecbirdyou0.jpg);
border:3px dotted #fff; /* ライン */
margin:5px 0;
padding:0 5px;
}

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

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

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

/* 頁移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-family:Verdana,Chicago;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:30px 0;
padding:0 10px;
}

/* ---------------------------------------
▼コメント
---------------------------------------- */
/* コメント・トラバのナビ */
.ct_navi {
text-align:left;
font-size:13px; /* 文字サイズ */
font-family:Verdana,Chicago; /* 文字種類 */
font-weight:bold; /* 字の太さ */
color:#099; /* 文字色 */
background:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/iconbhana1.gif) no-repeat left top; /*アイコンの設定 */
margin:3px 0;
padding:1px 0 6px 23px;
}

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

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

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

/* ---------------------------------------
▼トラックバック
---------------------------------------- */
/* トラックバックアドレス  */
.tra_url {
text-align:left;
line-height:150%; /* 行間 */
margin:0;
padding:5px 10px;
}

/* トラックバック本文 */
.tra_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 本文の色 */
margin:0;
padding:5px;
line-height:150%; /* 行間 */
}

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:12px;
color:#666;
margin:0;
padding:5px 0;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等全般 */
textarea,input,select {
color:#000; /* 文字色 */
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:#c93 1px solid; /* 実線で囲んでいます */
margin:3px 0;
padding:1px;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* 左メニュー囲み */
#left_block {
text-align:left;
margin:0;
margin:0 0 10px 10px;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー囲み */
#right_block {
text-align:left;
margin:0;
margin:0 10px 10px 0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* メニュー中味画像 */
.menu_nakabg {
width:210px; /* 画像幅 */
border-collapse:collapse; /* 余白をなしに */
background-image:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/menunakabhana210.gif); /* 画像URL */
background-repeat:repeat-y; /* 画像を縦にリピート */
background-position:left top; /* 画像位置 */
margin:0;
padding:0;
}

/* メニュー下画像 */
.menu_bottombg {
width:210px; /* 画像幅 */
height:15px; /* 画像の高さ */
border-collapse:collapse;
background-image:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/menubottombhana210.gif); /* 画像URL */
background-repeat:no-repeat; /* 画像をリピートしない */
background-position:left top;
margin:0;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#099; /* 文字色 */
font-weight:bold; /* 字の太さ */
background:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/iconbhanamenu.gif) no-repeat left; /*アイコンの設定 */
line-height:140%; /* 行間 */
margin:0 0 0 2px;
padding:12px 5px 8px 23px;
}

/* サイドメニュー中味 */
.menu_body {
margin:0 5px 0 10px;
padding:0;
}

/* メニュー字 */
.menu_tex t{
text-align:left;
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}
.menu_text p{
text-align:left;
font-size:12px;
color:#000;
margin:0;
padding:0;
}

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

/* リスト子要素 */
.menu_body li {
text-align:left; /* 左寄せ */
text-decoration:none;
padding:0;
margin:0;
}

/* 親子カテゴリーの設定*/
ul.sub_menu {
margin:0;
padding:0;
}
.sub_menu li {
list-style-type:none;
border-style:none;
margin-left:0;
padding-left:16px;
}
ul.main_menu .main_list .sub_menu .sub_list {
background-image:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/dotreew0.gif);
background-repeat:no-repeat;
background-position:left top;
}
ul.main_menu .main_list .sub_menu .sub_list_end {
background-image:url(https://blog-imgs-21-origin.fc2.com/d/o/k/dokode/dotreewend.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:center;
font-size:12px;
color:#666;
border-top:1px dotted #c96; /* 上にライン */
line-height:150%;
margin:5px;
padding:5px 15px;
}

/* ---------------------------------------
▼その他各種設定
---------------------------------------- */
/* 引用文 */
blockquote {
color:#000; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#F0F8FF; /* 背景色 */
border:1px dotted #9cc; /* 点線で囲んでいます */
margin:5px 15px;
padding:5px 10px;
}

/* スクロール色指定（IEのみ有効）*/
html, body {
scrollbar-arrow-color:#c93;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#c93;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#c93;
}

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

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

/* 文字装飾 */
/* 強調 */
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;
}

/* プロフィール */
.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; /* 等幅フォントを指定 */
}

/* IEの改行バグ回避用 */
br {
letter-spacing:normal;
}