@charset "EUC-JP";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1は左メニュー、プラグイン2は右メニュー、プラグイン3はトップページの記事の上に来るように設定しています。
・アダルト・宗教・違法サイトは使用不可。
・カスタマイズ可ですが、カスタマイズ後も再配布やフッターの著作権削除や改変は不可です。
・IE5.5 IE6 IE7 OPERA9 FireFox2 Netscape7で動作・表示確認しています。

07年2月9日初登録　08年3月24日最新上書き更新

何かあれば下記へどうぞ
http://dokode.blog87.fc2.com/
by どこドア */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all;
}

body {
text-align:center; /* IEでバグを利用してセンタリング */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
color:#300; /* 画面全体の文字色 */
line-height:140%; /* 行間 */
background-image:url(); /* 背景画面のアドレス */
background-position:right bottom; /*右下に配置（center bottomなら中央下に配置、left bottomなら左下になります）*/
background-repeat:no-repeat; /*画像を繰り返さない*/
background-attachment:fixed; /*画像を固定*/
background-color:#fff; /* 画面背景の色 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅
---------------------------------------- */
/* 左右メニュー＋中央記事（全体レイアウト＝ヘッダー） */
#layout {
width:840px; /* 左右メニュー＋中央記事の幅 */
margin:0 auto; /* 左右マージンを自動算出してセンタリング */
padding:0;
}

#header{
width:840px; /* ヘッダーの幅 */
height:285px; /* ヘッダーの高さ */
background-image:url(http://blog-imgs-21.fc2.com/h/o/t/hotate10kuzan/3_20080326225741.jpg); /* ヘッダーの背景URL */
background-repeat:no-repeat; /* 背景を繰り返さない */
background-position:center bottom; /* 中央下に配置 */
line-height:1.4; /* 行間 */
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;
}

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 全体のリンク */
/* 未閲覧 */
a:link {
color:#CD5C5C;
text-decoration:none;
}
/* 閲覧済 */
a:visited {
color:#CD5C5C;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#999;
text-decoration:none;
}
/* クリックした時 */
a:active {
color:#c00;
text-decoration:none;
}

/* ブログタイトルのリンク設定 */
h1 a:link, h1 a:visited {
color:#c00;
text-decoration:none;
}
 /* カーソルが乗った時 */
h1 a:hover {
color:#f66;
border-bottom:dotted 3px #f66; /* 下にライン */
text-decoration:none;
}

/* 記事タイトルのリンク設定 */
.entry_title a:link, .entry_title a:visited {
color:#c00; /* 文字色 */
text-decoration:none;
}
/* カーソルが乗った時 */
.entry_title a:hover {
background:#FFE4E1; /* 背景色 */
color:#900; /* 文字色 */
text-decoration:none;
}

/* 記事本文下データのリンク設定 */
.entry_state a:link, .entry_state a:visited {
color:#c00;text-decoration:none;
}
/* カーソルが乗った時 */
.entry_state a:hover {
background:#FFE4E1; /* 背景色 */
color:#900; /*文字色 */
text-decoration:none;
}

/* 記事移動と頁移動とフッターのカーソルが乗った時 */
.navi a:hover, .pnavi a:hover, #footer a:hover {
background:#f99; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:left; /* 左寄せ */
font-size:12px;
font-family:Arial,Helvetica; /* 文字種類 */
color:#c00; /* 文字色 */
padding:5px 15px 0;
margin:0;
}

/*ブログタイトル*/
h1 {
text-align:left; /* 左寄せ */
font-family:Verdana,Chicago,Arial,Helvetica,Osaka; /* フォントの種類 */
font-size:18px; /* フォントのサイズ */
font-weight:bolder;/* 太さ */
color:#c00; /* 文字色 */
padding:150px 250px 0 5px; /* タイトルの位置・上右下左の順に記述 */
margin:0;
}

/* ブログ説明 */
.intro {
text-align:left; /* 左寄せ */
font-size:12px; /* ブログ説明文の字の大きさ */
color:#fff: /* ブログ説明文の色 */
font-weight:normal; /* ブログ説明文の字の太さ */
padding:20px 250px 0 5px; /* 説明文の位置・上右下左の順に記述 */
margin:0 0 5px;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /* 中央寄せ */
font-family:Georgia,Helvetica,Arial; /* フォント種類 */
font-size:12px; /* 文字サイズ */
color: #ccc; /* 文字色 */
background-color:#c33; /* 背景色 */
padding:1px 0;
margin: 10px auto 5px; /* 中央に配置 */
border-bottom:1px solid #000; /* 下にライン */
border-right:2px solid #666; /* 右にライン */
}

.day{
margin: 0 2px; /* 日付の間隔 */
}

/* 横カレンダーのリンク色 */
.yoko_calender a:link, .yoko_calender a:visited {
text-decoration:none;
font-weight:bold; /* 文字の太さ */
color:#fff; /* 文字色 */
}
/* カーソルが乗った時 */
.yoko_calender a:hover {
text-decoration:none;
color:#FFC0CB; /* 文字色 */
}

/* 横カレンダーが不必要な場合は、HTMLソースの「横カレンダーここから」、「横カレンダーここまで」の部分を削除してください */


/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
table.calender {
text-align:center; /* 中央寄せ */
font-size:12px; /* 文字サイズ */
width:99%; /* 全体幅 */
font-family:Arial,Helvetica;
border:1px solid #c00; /* 下にライン */
border-collapse:separate;
}

/*月リンク*/
.calender caption a {
font-weight:bold; /* 文字の太さ */
}

/* 曜日・日付け欄 */
.calender th, .calender td {
padding:0;
line-height:140%; /* 行間 */
}

/* 曜日欄 */
.calender th {
text-align:center;
width:25px; /* 幅 */
color: #fff; /* 文字色 */
background-color:#c00; /* 背景色 */
}

/* 日付け欄 */
.calender td {
text-align:center;
border:1px dotted #FFE4E1; /* 下にライン */
}

/* リンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 太字 */
color:#c00; /* 文字色 */
background:#FFE4E1; /* 背景色 */
display:block;
}
/* カーソルが乗った時 */
.calender td a:hover {
text-decoration: none;
color:#fff; /* 文字色 */
background:#FFB6C1; /* 背景色 */
}

/* 土曜日の色 */
th#sat {
color:#9ff;
}
/*日曜日の色*/
th#sun {
color:#fcc;
}

/* ---------------------------------------
▼中央メイン
---------------------------------------- */
/* プラグイン3タイトル */
.p3_title {
text-align:center;
font-size:13px; /* 文字サイズ */
color:#fff; /* 文字色 */
background-color:#c33; /*背景色*/
font-weight:bold;
margin:0;
padding:2px 10px;
}

/* 記事部分囲み */
.entry_block {
text-align:right;
border-collapse:collapse; /*余白をなしに*/
border:1px solid #c00; /*記事部分を線で囲んでいます*/
margin:20px 0 30px;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-size:14px; /* 文字サイズ */
color:#c00; /* 文字色 */
font-weight:bold; /* 字の太さ */
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント指定 */
background-color:#fcc; /* 背景色 */
background:url(http://blog-imgs-21.fc2.com/h/o/t/hotate10kuzan/10dot.gif); /* タイトルの背景画像 */
margin:7px 0;
padding:1px 10px;
}

/* 記事タイトル */
.entry_title {
text-align:left; /* 左寄せ */
font-size:12px; /* 記文字サイズ */
color:#c00; /* 文字色 */
font-weight:bold; /* 字の太さ */
padding:0 15px 5px;
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#600; /* 文字色 */
line-height:1.6; /* 行間 */
padding:0;
margin:10px 15px;
}

/* 続きを読む */
.more {
text-align:left; /* 左寄せ */
font-weight:normal; /* 文字太さ */
font-family:Verdana,Chicago,; /* フォント種類 */
color:#CD5C5C; /* 文字色 */
margin:10px 0 5px;
}

/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中に使われたタグのリンクリスト */
.entry_body p.tag_lnk {
margin-top:10px;
}

/* 記事本文下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
line-height:130%; /* 行間 */
background:url(http://blog-imgs-21.fc2.com/h/o/t/hotate10kuzan/w31_13.gif); /* 背景画像 */
margin:7px 0;
padding:3px 5px;
}

/* 記事移動 */
.navi {
text-align:center;
color:#999; /* 文字色 */
font-size: 12px; /* 文字サイズ */
line-height:130%;
padding:0;
margin:20px 0 30px;
}

/* 頁移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-family:Verdana,Chicago;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:30px 0;
padding:0 10px;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 10px;
}

.all_bottom {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
padding:5px;
margin:5px;
border-top:dotted 1px #900; /* 上にライン */
}

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラックバックのナビ */
.ct_navi {
text-align:left;
font-size:13px; /*コメント・トラックバックのナビのサイズ*/
font-weight:bold; /*太字*/
color:#c00; /*コメント・トラックバックのナビの色*/
border-bottom:3px solid #c00; /*下に太い線*/
padding:5px 5px 1px;
margin:10px;
}

/* コメント・トラックバックのタイトル */
.ct_title {
text-align:left;
font-size:13px; /* コメント・トラックバックのタイトルサイズ */
color:#f69; /* コメント・トラックバックのタイトル色 */
font-weight:bold; /* コメント・トラックバックのタイトル太さ */
padding:15px 10px 0 10px;
}

/* コメント本文 */
.comment_body {
text-align:left;
font-size:12px; /* コメントの文字サイズ */
color:#600; /*文字色*/
line-height:1.6;
padding:10px 15px;
}

/* コメント下データ */
.comment_date {
text-align:right;
font-size:12px;
color:#666;
border-bottom:1px dashed #c00;
margin:0 10px;
padding:10px 10px 15px;
}

/* コメントテーブル */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}

/* トラックバック本文 */
.tra_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color: #666; /*文字色*/
line-height:150%;
margin:5px 15px;
}

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:12px; /* 文字サイズ */
color:#999; /*文字色*/
line-height:130%;
margin:0 10px;
padding:2px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュー内枠 */
.menu_naka {
margin:0;
padding:10px 0 20px;
}

/* メニュー中味 */
.menu_body {
margin:0;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:left;
color:#c00; /* 左メニュータイトルの色 */
font-size:12px; /* 左メニュータイトルのサイズ */
font-weight:bold; /* 太字 */
background-image:url(http://blog-imgs-21.fc2.com/h/o/t/hotate10kuzan/pfli2.gif); /* アイコンURL */
background-position:left;
background-repeat:no-repeat;
margin:10px 0 0;
padding: 6px 12px 2px 23px;
}

/* メニュー字 */
.menu_text {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#300; /* 文字色 */
line-height:130%; /* 行間 */
padding:0 2px;
}
.menu_text p {
text-align:left;
font-size:11px; /* 文字サイズ */
color:#300;
margin:5px 0;
}

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#F08080; /* リストマーク等の色 */
line-height:150%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin:0 0 0 2px;
padding:0 0 0 14px;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left; /* 左寄せ */
border-bottom: 1px dotted #f99; /* 下にライン */
text-decoration:none;
padding:0;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
/* フッター */
#footer {
text-align:center;
font-size:12px;
color:#333;
font-family:Verdana,Chicago;
line-height:130%;
border-top:2px dotted #c33;
padding:5px 10px;
margin:0;
clear:both; /* 回り込み解除 */
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/*  検索・フォーム・ボタン等全般 */
textarea,input,select {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#600; /* 文字色 */
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:#FFF5EE; /*背景色*/
border:1px solid #f9c; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}
/* 投稿フォーム */
form{
padding:0;
margin:0;
}
/* 名前・メール・URL・タイトル等記入欄 */
.form_text {
width:250px !important; /* 幅 */
}
/* コメント記入欄 */
.form_textarea {
width:300px !important;
}
/* 送信・削除ボタン */
.form_button {
width:40px !important;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* 引用 */
blockquote {
text-align:left;
font-size:12px; /* フォントサイズ */
color:#903; /* フォントカラー */
background-color:#FFF5EE; /* 背景色 */
border:1px solid #fcc; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

/* スクロールバーの装飾設定（IEのみ）*/
html,body {
scrollbar-arrow-color:#c33;
scrollbar-face-color:#fff;
scrollbar-3dlight-color:#c33;
scrollbar-darkshadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#c33;
}

/* リスト全般 */
ul {
text-align:left;
margin-left:15px;
padding:0;
}
ol {
text-align:left;
margin-left:25px;
padding:0;
}

/* 絵文字 */
.emoji {
vertical-align:middle;
border:0;
}

/* 画像 */
img {
border-style:none;
border-width:0;
text-decoration:none;
padding:0;
margin:0; /* 余白はなしにしています */
}

/* プロフィール */
.pay {
text-align:center;
margin:10px 0;
}

/* 文字装飾がちゃんと表示されるための設定 */
/* 強調 */
em, strong {
font-weight:bold;
}
/* 太字 */
b {
font-weight:bold;
}
/* 斜体 */
i {
font-style:italic;
}
/* 打ち消し線 */
s {
text-decoration:line-through;
}
/* 下線 */
u {
text-decoration:underline;
}

/* IE改行バグ対策 */
br {
letter-spacing:normal;
}