@charset "EUC-JP";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1と2は左のメニューに、プラグイン3はトップページのみ記事トップに来るように設定しています。
・記事幅以上の画像を貼るとレイアウトが崩れますので注意。

・カスタマイズ可ですが、カスタマイズ後もソース、素材とも再配布やフッターの著作権削除や改竄は不可です。
・アダルト・違法サイトは使用不可です。

・左右入れ替えや記事幅を増やすことは簡単に出来ますので、「各部の幅と左右変更」のところを見てください。
・壁紙を黒や赤の市松模様にも出来ますので、bodyを見てください。

・WIN・XPにて、IE5.5と6と7　OPERA9　FireFox2  Netscape7で動作・表示確認しています。

何かあれば下記へどうぞ
http://dokode.blog87.fc2.com/
by どこドア
2008年1月19日初登録 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all; /* IE半角文字強制改行 */
}

body {
text-align:center; /* IEのみバグを利用して中央に配置 */
color:#000; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/kabegbryouim1.gif); /* 背景画像のURL（kabegbryouim1.gifをkabegbryouim2.gifに書き換えると、黒系に、kabegbryouim3.gifに書き換えると赤系になります */
background-attachment:fixed; /* 背景画像を固定 */
font-size:12px; /* 画面全体の文字サイズ */
background-color:#ccc; /* 画面背景の色 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅と左右変更
---------------------------------------- */
/* 全体のレイアウト（メニュー幅＋メイン幅＋余白＝全体のレイアウト＝ヘッダー */
#layout {
width:780px; /* レイアウトの幅 */
margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;
}

#header {
width:545px; /* ヘッダーの幅 */
height :115px; /* ヘッダーの高さ */
font-family:Verdana,Chicago; /* フォント */
line-height:140%; /* 行間 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/banalacebh.gif); /* 画像のURL */
background-position:left top; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
background-color:#fff; /* 背景の色 */
margin:0;
padding:0;
}

/* メイン */
#main {
float:right; /* 右に回り込む（右メニューにしたい時はrightをleftに変更してください・変更1つ目・全部で2つ） */
width:545px; /* メイン幅 */
background:#fff; /* 背景色 */
margin:0;
padding:0;
}

/* メニュー */
#menu {
float:left; /* 左に回り込む（右メニューにしたい時はleftをrightに変更してください・変更2つ目・全部で2つ） */
width:220px; /* メニューの幅 */
background:#fff; /* 背景色 */
margin-bottom:10px;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* ブログタイトル */
#header h1 {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago; /* 文字種類 */
font-size:18px; /* 文字サイズ */
font-family:Verdana,Arial,Helvetica,sans-serif; /* 文字の種類 */
font-weight:bolder; /* 字の太さ */
color:#c00; /* 文字色 */
margin:0;
padding:12px 15px 5px 0px; /* ブログタイトルの位置・上右下左の順に記述 */
}

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

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 画面全体のリンク色 */
/* 未閲覧のリンク色 */
a:link {
color:#000; /* 文字色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済リンク色 */
a:visited {
color:#000;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover{
color:#c00;
text-decoration:none;
}
/* クリック中 */
a:active{
color:#999;
text-decoration:none;
}

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

/* メイン（記事部）のリンク色 */
/* 未閲覧のリンク色 */
#main a:link {
color:#c00; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済リンク色 */
#main a:visited {
color:#c00;
text-decoration:none;
}
/* カーソルが乗った時 */
#main a:hover {
color:#999;
text-decoration:none;
}

#menubottom a:link, #menubottom a:visited {
color:#c00; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* カーソルが乗った時 */
#menubottom a:hover {
color:#999;
text-decoration:none;
}

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
/* カレンダーのテーブル設定 */
table.calender {
width:97%; /* 幅 */
font-family:Georgia,Verdana,Chicago,Arial,Helvetica,sans-serif; /* 文字の種類 */
color:#333; /* 文字色 */
font-size:11px; /* 文字サイズ */
border-collapse:collapse;
}

/* カレンダー見出し（月リンク部） */
.calender caption {
margin-bottom:10px;
}
caption a {
font-weight:bold; /* リンクを太字に */
}

/* 曜日表示部 */
.calender th {
text-align:center;
font-weight:normal; /* 文字の太さ */
padding:0.1em;
border-bottom:1px dotted #ccc; /* 下にライン */
}

/* カレンダーのセル部分（日付表示部分） */
.calender td {
text-align:center;
padding:0.1em;
border-bottom:1px dotted #ccc;
}

/* カレンダーリンク */
/* 未閲覧 */
.calender td a:link {
color:#c00; /* 文字色 */
background:#eee; /* 背景色 */
display:block;
text-decoration:none;
}
/* 閲覧済み */
.calender td a:visited {
color:#000; /* 文字色 */
background:#eee; /* 背景色 */
display:block;
text-decoration:none;
}

/* カーソルを乗せた時 */
.calender td a:hover {
background:#c00;
color:#fff;
text-decoration:none;
display:block;
}

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

/* ---------------------------------------
▼メイン
---------------------------------------- */
/* メイン内枠 */
#main_block {
margin:0;
padding:0;
}

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

/* プラグイン3タイトルとコメント・トラックバックのナビ */
.p3_title {
font-size:14px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#c00; /* 文字色 */
font-family:Verdana,Chicago,sans-serif; /* 文字種類 */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconhtrbwen1.jpg) no-repeat left; /* アイコンの設定 */
margin:0 10px 10px;
padding:6px 0 4px 31px;
}

/* 記事日付 */
.entry_day {
text-align:right;
font-family:Georgia,Verdana,Chicago,Arial,Helvetica,sans-serif;
font-size:19px; /* 文字サイズ */
color:#999; /* 文字色 */
font-weight:bold; /* 文字の太さ */
margin:0;
padding:0 15px;
}

/* 記事タイトルとコメントナビ */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px;
color:#c00;
font-weight:bold;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconhtrbwen1.jpg) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:10px 15px 10px 31px;
}

/* 記事本文 */
.entry_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:1.8; /* 行間 */
margin:5px 20px 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; /* 文字太さ */
font-family:Verdana,Chicago; /* フォント種類 */
color:#c00; /* 文字色 */
margin:10px 0 5px;
}

/* 記事下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/linehtb1.gif); /* 背景画像のURL */
background-position:left top; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0 20px; /* 画像位置（上下・左右） */
padding:15px 5px 5px; /* 文字位置（上・左右・下）*/
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.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:11px;
color:#666;
font-family:Verdana,Chicago,Arial,Helvetica,sans-serif;
border-top:1px dotted #999;
margin:0 10px;
padding:2px 8px;
}

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center;
font-size:13px; /* 文字サイズ */
font-family:Verdana,Arial,Helvetica,sans-serif; /* 文字の種類 */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:10px 0 15px;
padding:0 10px;
}

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

/* ---------------------------------------
▼コメント
---------------------------------------- */
/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#c00;/* 文字色 */
font-weight:bold; /* 文字太さ */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconminirhbryou.gif) no-repeat left; /*アイコンの設定 */
margin:0 15px; /* 画像位置（上下・左右） */
padding:6px 15px 6px 17px; /* 文字位置（上・右・下・左）*/
}

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

/* コメント日付 */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px;
color:#666;
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/linehtb1.gif); /* 背景画像のURL */
background-position:left bottom; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0 20px 5px;
padding:5px 5px 15px;
}

/* ---------------------------------------
▼トラックバック
---------------------------------------- */
/* トラックバックのナビ */
.ct_navi {
text-align:left; /* 左寄せ */
font-size:13px;
color:#000;
font-weight:bold;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconminirhbryou.gif) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:7px 15px 7px 17px;
}

/* トラックバックアドレス */
.tra_url {
text-align:left;
margin:0;
padding:4px 20px 20px;
}

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

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

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等全般 */
INPUT,SELECT,TEXTAREA {
color:#000; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#fff; /* 背景色 */
border:#000 1px solid; /* ラインで囲んでいます */
margin:3px 0;
padding:1px;
}

/* 名前・タイトル・アドレス等記入欄 */
.form_text {
width:350px; /* 幅 */
}
/* コメント記入欄 */
.form_textarea {
width:400px;
}
/* 送信・削除ボタン */
.form_button {
width:40px;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1＋2）
---------------------------------------- */
/* メニュートップ画像 */
#menutop {
text-align:left;
width :220px; /* 幅 */
height:191px; /* 高さ */
background-image: url(http://blog-imgs-18.fc2.com/d/o/k/dokode/banatophtbr220.jpg); /* ヘッダーの画像URL */
background-color: #fff;
background-repeat:no-repeat;
background-position:center top;
margin:0;
padding:0;
}

/* 管理リンク */
.admin {
text-align:center; /* 右寄せ */
color:#900; /* 文字色 */
font-size:11px; /* 文字サイズ */
font-family:Georgia,Arial,Helvetica,sans-serif; /* 文字の種類 */
padding:5px 10px 0;
margin:0;
}

/* メニュータイトル */
.menu_title {
text-align:center;
font-size:12px; /* フォントのサイズ */
font-weight:bold; /* 太さ */
color:#fff; /* 色 */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/menuhtbr210.jpg) no-repeat left; /* アイコンの設定 */
margin:15px 5px 7px;
padding:5px 6px 5px 20px;
}

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

/* メニュー字 */
.menu_text{
text-align:left;
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:140%; /* 行間 */
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;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
font-size:12px; /* メニュー項目の字の大きさ */
color:#666; /* メニュー項目の字の色 */
text-decoration:none;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/listhtbryou1.gif) no-repeat left top; /* リストマークの設定 */
line-height:140%; /* 行間 */
border-bottom: 1px dotted #999; /* 下にライン */
margin:3px 0 0;
padding:0 0 0 14px;
}

/* FC2広告・著作権表示部 */
#menubottom {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:150%; /* 行間 */
border-top:1px solid #666; /* 上にライン */
padding:5px 5px 10px;
margin:10px 5px 0;
}

/* ---------------------------------------
▼ その他、各種設定
---------------------------------------- */
/* 引用文 */
blockquote {
color:#333; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#f5f5f5; /* 背景色 */
border:3px double #999; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

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

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

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

/* 画像 */
a img {
border-style: none;
border-width:0;	
text-decoration:none;
margin:0; /* 余白なしにしています */
padding:0;
}

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

/* 文字装飾 */
/* 強調 */
em, strong {
font-weight:bold;
}
/* 太字 */
b{
font-weight:bold;
}
/* 斜体 */
i{
font-style:italic;
}
/* 打ち消し線 */
s{
text-decoration:line-through;
}
/* 下線 */
u {
text-decoration: underline;
}
/* 下付き・上付き文字 */
sub {
vertical-align:bottom;
}
sup {
vertical-align:top;
}

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

/* MAC・IE版バグ回避用 */
textarea,input,select {
font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

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