@charset "EUC-JP";
/* ----------------------------------------------------- */

/* ダウンロードしてくださって、ありがとうございます。

・プラグイン対応で、プラグイン1と2はサイドメニュー、プラグイン3はトップページのみ記事先頭にきます。
・右メニューにも、2箇所変更するだけで簡単になりますので、やり方は各部の幅のところを見てください。
・記事幅やメニュー幅は簡単に増減できます。増やしたり減らした分だけ、全体のレイアウト幅とヘッダーも増やすか減らしてください。
・新管理画面用のログイン、編集リンクのタグをHTMLに入れていますので、必要に応じて差し替えてください。
・アダルトかつ広告のあるブログと・宗教・違法サイトは使用不可。
・ソース・素材ともカスタマイズOKですが、カスタマイズ後も再配布やフッターの著作権を削除・改変したりはしないでください。
・IE5.1 IE5.5 IE6 IE7 OPERA9 FireFox2 Netscape7で表示・動作確認済。

何かありましたら下記へどうぞ。
http://dokode.blog87.fc2.com/
どこドア

07年7月11日2日初登録、07.12.9最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
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:#666; /* 画面全体の文字色 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/bananlr.gif); /* 背景画像アドレス ()内をhttp://blog-imgs-14.fc2.com/d/o/k/dokode/bananlryuki.gifに変更すると雪が降ります */
background-repeat:repeat-x; /* 画像を横に繰り返す */
background-attachment:fixed; /* 背景画像を固定 */
background-color:#000; /* 画面背景の色 */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅
---------------------------------------- */
/* 全体のレイアウト（＝メニュー＋中央記事＋余白＝ヘッダー） */
#layout {
width:780px; /* 左右メニュー＋中央記事の幅 */
background:transparent; /* 背景透明 */
margin:0 auto; /* 左右マージンを自動算出してセンタリング */
padding:0;
}

/* ヘッダー */
#header {
text-align:left; /* 文字・左寄せ */
width:780px; /* 幅 */
height:195px; /* 高さ */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}

/* メイン（記事部） */
#main {
float:right; /* 右メニューにしたい時はleftに */
width:550px; /* メインの幅 */
margin:0;
padding:0;
}

/* メニュー */
#menu {
float:left; /* 右メニューにしたい時はrightに */
text-align:left;
width:210px; /* メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

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

/* ブログタイトル */
#header h1 {
text-align:left; /* 左寄せ */
font-family:Verdana,Chicago; /* 文字の種類 */
font-size:19px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:bolder; /* 極太 */
margin:0;
padding:10px 0px 0px 0px; /* ブログタイトルの位置、上・右・下・左の順に記述 */
}

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

/* ---------------------------------------
▼LINK
---------------------------------------- */
/* 画面全体のリンク色 */
/* 未閲覧 */
a:link {
color:#fff; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
a:visited {
color:#fff;
text-decoration:none;
}
/* マウスオーバー */
a:hover {
color:#f90;
text-decoration:none;
}
/* アクティブ中 */
a:active {
color:#69c;
text-decoration:none;
}

/* ブログタイトルのリンク設定 */
#header h1 a:link, #header h1 a:visited {
color:#fff;
text-decoration:none;
}
/* マウスオーバー */
#header h1 a:hover {
color:#f90;
border-bottom:dotted 3px #f90; /* 下にライン */
text-decoration:none;
}
/* アクティブ中 */
#header h1 a:active {
color:#69c;
text-decoration: none;
}

/* メイン部のリンク色 */
/* 未閲覧 */
#main a:link {
color:#69c; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
#main a:visited {
color:#69c;
text-decoration:none;
}
/* マウスオーバー */
#main a:hover {
color:#f90;
text-decoration:none;
}
/* アクティブ中 */
#main a:active {
color:#ccc;
text-decoration:none;
}

/* フッターのリンク */
#footer a:link, #footer a:visited {
color:#69c;
text-decoration:none;
}
/* マウスオーバー */
#footer a:hover {
background:#69c;
color:#000; /* 文字色 */
text-decoration:none;
}
/* アクティブ中 */
#footer a:active {
color:#fff;
text-decoration:none;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /* 中央に配置 */
font-family:Arial,Helvetica; /* フォント指定 */
font-size: 12px; /* 文字サイズ */
color:#ccc; /* 文字色 */
padding:2px 0;
margin:0 auto;
}

.day {
margin:0 2px;
}

/* リンク */
.yoko_calender a:link, .yoko_calender a:visited {
color:#fff; /* 文字色 */
text-decoration:none; /* 下線なし */
font-weight:bold; /* 太字 */
}
/* マウスオーバー */
.yoko_calender a:hover {
background:#fc0;
color:#000; /* 文字色 */
text-decoration:none;
}
/* アクティブ中 */
.yoko_calender a:active {
color:#fff;
text-decoration:none;
}

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

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
/* プラグインカレンダー */
table.calender {
text-align:center; /* 中央寄せ */
font-size:12px; /* 文字サイズ */
width:98%; /* カレンダーの幅 */
color:#f5f5f5; /* 文字色 */
font-family:Helvetica,Arial; /* 文字種類 */
border-collapse:separate;
}

/* 月表示部 */
.calender caption {
text-align:center; /* 中央寄せ */
border-bottom:1px dotted #999; /* 下にライン */
}
.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

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

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

/* カレンダーリンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 太字 */
color:#f90; /* 文字色 */
text-decoration:none; /* 下線なし */
display:block;
}
/* マウスオーバー */
.calender td a:hover {
font-weight:bold;
color:#fff;
background:#69c;
text-decoration:none;
}
/* アクティブ中 */
.calender td a:active {
font-weight:bold;
color:#ccc;
text-decoration:none;
}

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

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

/* 記事部分囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
border-top:2px ridge #fff; /* ライン */
border-left:1px ridge #fff; /* ライン */
border-right:2px ridge #fff; /* ライン */
border-bottom:4px ridge #fff; /* ライン */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/nlengra.gif); /* 背景画像URL */
background-color:#fff; /*背景色*/
background-position:center bottom; /* 背景画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
padding:0;
margin:25px 0 40px;
}

/* プラグイン3タイトル */
.p3_title {
text-align:left;
color:#000; /* 文字色 */
font-size:13px; /* 文字サイズ */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
font-weight: bold; /* 文字太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dosthai00.gif); /* 背景画像のURL */
padding:2px 3px;
margin:8px 5px 12px;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 左寄せ */
font-size:13px; /* 日付のサイズ */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
color:#333; /* 文字色 */
font-weight: bold; /* 文字太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dosthai00.gif); /* 背景画像のURL */
padding:2px 3px;
margin:8px 5px 0;
}

/* 記事タイトル */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#000; /* 文字色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconnlren.gif) no-repeat left top; /* アイコン設定 */
margin:7px 10px 10px;
padding:2px 10px 5px 25px;
}

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

/* 続きを読む */
.more {
text-align:left;
color:#369; /* 文字色 */
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント種類 */
margin:5px 0;
}

/* 記事の投稿先テーマ・ジャンル */
.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:120%; /* 行間 */
margin:0;
padding:0 7px 5px;
}

/* 記事中のテーブル設定 */
.entry_body table {
width:auto;
}
/* 余白 */
.entry_body td, .entry_body th {
padding:3px;
}

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

.all_bottom {
text-align:right; /* 右寄せ */
font-size:12px;
color:#666;
border-top:1px dotted #96f; /* 上にライン */
margin:3px;
padding:2px 5px;
}

/* ---------------------------------------
▼ページナビ
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center; /* 中央寄せ */
color:#999; /* 文字色 */
font-size:12px; /* 文字の大きさ */
line-height:130%; /* 行間 */
padding:0;
margin:20px 0 30px;
}

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

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

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

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

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

/* トラックバック日付 */
.tra_date {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
line-height:130%; /* 行間 */
margin:0 10px;
padding:2px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* サイドメニュー内枠 */
.menu_block {
margin:25px 0 15px;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:left;
font-size:12px; /* フォントサイズ */
color:#ccc; /* 文字色 */
font-weight:bold; /* 字の太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/nlmenugra.gif); /* 画像URL */
background-color:#000; /* 背景色 */
background-repeat:repeat-x; /* 画像を横にリピート */
background-position:left;
margin:10px 0 3px;
padding:2px 4px;
}

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

/* メニュー文字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#dcdcdc;
line-height:130%; /* 行間 */
padding:5px 2px;
}
.menu_text p {
text-align:left; /* 左寄せ */
font-size:12px;
color:#dcdcdc; /* 文字色 */
margin:4px;
}

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left;
color:#69c; /* リストの文字色 */
text-decoration:none;
list-style-type:square; /* リストマークの種類 */
margin:0;
padding:0 0 0 16px; /* リストマークの分、左に余白 */
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
text-decoration:none;
line-height:150%; /* 行間 */
padding:0;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
form {
padding:0;
margin:0;
}

/*  検索・フォーム・ボタン等 */
INPUT,SELECT,TEXTAREA {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
background-color:#fff; /*背景色*/
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
text-align:right;
clear:both; /* 回り込み解除 */
font-size:12px;
color:#ccc;
line-height:150%;
margin:0;
padding:5px 0 10px;
}

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

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

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

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

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

/* コード */
/* 記事中にプログラムコードなどを書く時に使います */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #999;
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の文字化け対策 */
/* マック版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;
}