@charset "EUC-JP";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1は左メニュー、プラグイン2は右メニュー、プラグイン3はトップページの記事の上に来るように設定しています。
・メニュー・記事とも幅を増やすことは簡単に出来ますので、スタイルシートを見てください・
・管理画面・編集用リンクは、新管理画面用のタグもHTMLの方にありますので、必要に応じて差し替えてください。
・アダルト・違法サイトは使用不可。
・カスタマイズ可ですが、カスタマイズ後も再配布やフッターの著作権削除は不可です。
・IE5.5 IE6 IE7 OPERA9 FireFox2 Netscape7で動作・表示確認しています。
by どこドア
初登録：07.7　最終更新08.4.20
何かあれば、http://dokode.blog87.fc2.com/へどうぞ */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 全体 */

/* 初期化 */
* {
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; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
color: #003; /* 画面全体の文字色 */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedostarb1.jpg); /* 背景画像のURL */
background-color:#add8e6; /* 画面背景の色 */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}

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

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

/* 中央メイン */
#main_block {
float:right; /*右寄せ*/
width:445px; /* 中央メインの幅 */
background:#fff; /* 背景色 */
border-left:solid 2px #dcdcdc; /* 左にライン */
border-right:solid 2px #dcdcdc; /* 右にライン */
border-bottom:solid 2px #dcdcdc; /* 下にライン */
padding:0;
margin:0;
}

/* 左メニュー＋中央記事 */
#left_and_main {
float:left;
width:655px; /*左メニュー＋中央記事の幅*/
margin:0;
padding:0;
}

/* 左メニュー囲み */
#left_block {
float:left;
text-align:left;
width:190px; /* 左メニューの幅 */
background:#fff; /* 背景色 */
border-left:solid 2px #dcdcdc; /* 左にライン */
border-right:solid 2px #dcdcdc; /* 右にライン */
border-bottom:solid 2px #dcdcdc; /* 下にライン */
margin:0 0 20px;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー囲み */
#right_block {
float:right;
text-align:left;
width:190px; /* 右メニューの幅 */
background:#fff; /* 背景色 */
border-left:solid 2px #dcdcdc; /* 左にライン */
border-right:solid 2px #dcdcdc; /* 右にライン */
border-bottom:solid 2px #dcdcdc; /* 下にライン */
margin:0 0 20px;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

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

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

/* ブログタイトルのリンク設定 */
h1 a:link, h1 a:visited {
color:#69c;
text-decoration:none;
}
/* カーソルが乗った時 */
h1 a:hover {
color:#cc9;
border-bottom:dotted 3px #cc9; 
text-decoration:none;
}

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

/* 記事データとナビのリンク設定 */
.entry_state a:link, .entry_state a:visited, .navi a:link, .navi a:visited, .pnavi a:link, .pnavi a:visited {
color:#690;
text-decoration:none;
}
/* カーソルが乗った時 */
.entry_state a:hover, .navi a:hover, .pnavi a:hover {
color:#fff; /* 文字色 */
background:#9c0; /* 背景色 */
text-decoration:none;
}

/* ---------------------------------------
▼メイン
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 文字・右寄せ */
color:#cc9; /* 文字色 */
font-size:11px; /* 文字サイズ */
background-color:#369; /* 背景色 */
font-family:Verdana,Chicago,Helvetica; /* 文字種類 */
border-bottom:5px solid #cc9; /* 下にライン */
padding:3px 10px;
margin:0;
}

/* ブログタイトル */
#header h1 {
text-align:left;
font-family:Verdana,Chicago,Helvetica; /* 文字種類 */
font-size:16px; /* 文字サイズ */
font-weight:bold; /* 字の太さ */
color:#69f; /* 文字色 */
padding:10px 15px 0px 15px; /* ブログタイトルの位置・上右下左の順に記述 */
margin:0;
}

/* ブログ説明 */
.intro {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
font-weight:normal; /* 文字の太さ */
margin:0;
padding:10px 80px 0 30px; /* ブログ説明の位置・上右下左の順に記述 */
}

/* ---------------------------------------
▼カレンダー
---------------------------------------- */
/* プラグインカレンダー */
table.calender {
width:98%; /* カレンダーの幅 */
font-size:12px; /* 文字サイズ */
font-family:Helvetica,Arial; /* 文字の種類 */
border-collapse:separate;
}

/* 見出し部分 */
.calender caption {
text-align:center;
border-bottom:dotted 1px #369; /* 下にライン */
}
.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

/* 日付表示部分 */
.calender th, .calender td {
text-align:center;
width:14%; /* 日付けの幅 */
padding:0;
line-height:130%; /*行間 */
}

/* カレンダーリンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 太字 */
color:#006; /* 文字色 */
background:#E6E6FA; /* 背景色 */
display:block;
}
/* カーソルが乗った時 */
.calender td a:hover {
background:#cc9;
color:#003;
font-weight:bold; /* 太字 */
text-decoration: none;
}
/* クリックした時 */
.calender td a:active {
font-weight:bold;
color:#009;
text-decoration:none;
}

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

/* ---------------------------------------
▼エントリー（記事）
---------------------------------------- */
/* 記事囲み */
.entry_block {
background:#fff; /* 背景色 */
margin:0;
padding:15px 0;
}

/* プラグイン3タイトル・コメント・トラバナビ */
.navi_title {
text-align:left;
color:#69f; /* 文字色 */
font-size:14px; /* 文字サイズ */
font-weight: bold; /* 文字太さ */
font-family:Verdana,Chicago,Helvetica; /* 文字種類 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dostminitouka1.gif); /* 背景画像のURL */
background-position:left bottom; /* 画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0 6px;
padding:5px;
}

/* 記事日付 */
.entry_day {
text-align:right;
font-family:Georgia,Verdana,Chicago,Helvetica; /* 文字種類 */
font-size:18px; /* 文字サイズ */
color:#69c; /* 文字色 */
font-weight:bold; /* 文字の太さ */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/ms3en.gif); /* 画像のURL */
background-position:left; /* 画像の位置 */
background-repeat:no-repeat; /* 画像を繰り返さない */
margin:0;
padding:12px 10px;
}

/* 記事タイトル*/
.entry_title {
text-align:left;
color:#996; /* 文字色 */
font-size:13px; /* 文字サイズ */
font-weight: bold; /* 文字太さ */
margin:0 5px;
padding:5px 7px;
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:12px;
color:#003;
line-height:1.7; /* 行間 */
margin:0;
padding:10px 15px;
}

/* 続きを読む */
.more {
text-align:left;
font-weight:bold; /* 文字の太さ */
font-family:Verdana,Chicago; /* 文字種類 */
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:#666; /* 文字色 */
line-height:120%; /* 行間 */
margin:0 3px;
padding:15px 10px 0;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconstar4renwg.gif); /* 背景画像のURL */
background-position:left top; /* 画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
}

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

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

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

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

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラックバック共通のナビ */
.ct_navi {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#690; /* 文字色 */
font-weight:bold; /* 文字の太さ */
border-bottom:1px solid #690; /* 下にライン */
padding:10px 3px 2px;
margin:2px 10px 7px;
}

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

/* コメント本文 */
.comment_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#003; /* 文字色 */
line-height:1.7; /* 行間 */
padding:15px 20px 10px;
}

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

/* コメントテーブル */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}
/* トラックバック本文*/
.tra_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:150%; /* 行間 */
padding:10px 25px 20px;
}

/* トラックバック日付*/
.tra_date {
text-align:right;
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
border-bottom:1px dashed #369; /* 下にライン */
margin:0 5px;
padding:5px 20px;
}

/* トラックバックアドレス */
.tra_url {
text-align:left; /* 左寄せ */
line-height:150%; /* 行間 */
padding:5px 20px;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
form {
padding:0;
margin:0;
}
/* 名前・タイトル・アドレス等記入欄 */
.form_text {
width:250px !important; /* 幅 */
}
/* コメント記入欄 */
.form_textarea {
width:280px !important; /* 幅 */
font-size:12px; /* 文字サイズ */
}
/* 送信・削除ボタン */
.form_button {
width:40px !important; /* 幅 */
}

/* テキストエリア・フォーム等全般 */
INPUT,SELECT,TEXTAREA {
color:#003; /* 文字色 */
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:#F0F8FF; /* 背景色 */
border:#369 1px solid; /* ラインで囲んでいます */
padding:1px;
margin:2px 0;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
text-align:center;
color:#666;
line-height:140%;
border-top:1px dotted #69c;
clear:both;
margin:30px 5px 5px;
padding:5px 0 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュータイトル */
#left_block h3, #right_block h3 {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:bold;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconstar3renbani.gif); /* 背景画像のURL */
background-position:right; /*中央下に配置*/
background-repeat:no-repeat; /*画像を繰り返さない*/
background-color:#369; /* 背景色 */
border-bottom:5px solid #cc9; /* 下にライン */
margin:0;
padding:3px 5px;
}

/* メニュー字 */
.menu_text {
text-align:left;
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
padding:5px;
line-height:130%; /* 行間 */
}

.menu_text p {
text-align:left; /* 左寄せ */
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
margin:4px;
}

/* メニュー内枠 */
.menu_body {
margin:0;
padding:0;
}

/* メニューリスト */
/*メニューリスト親要素*/
.menu_body ul {
text-align:left;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
font-size:12px; /*リストの字の大きさ*/
color:#999; 
padding:0 0 7px 15px;
text-decoration:none;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconstarmizu1.gif) no-repeat;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* 引用文 */
blockquote {
color: #333; /* 引用文の文字色 */
font-size:12px; /* 文字サイズ */
background-color:#F0F8FF; /* 背景色 */
border:1px dotted #69f; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

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

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

/* 画像全般 */
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;
}

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

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

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