@charset "EUC-JP";

/*****************************************************/

/* ダウンロードしてくださって、ありがとうございます。
プラグイン有効でお使いください。プラグイン1と2はサイドメニューに、プラグイン3は記事トップに設定しています。

・アダルト・宗教・違法サイトは使用不可です。

・カスタマイズ可ですが、カスタマイズ後も再配布とFC2の広告と著作権削除や改変は禁止です。

・左右入れ替えはメインとメニューのleft、rightを入れ替えるだけです。
・幅を増やす場合は、記事やメニューを増やした分だけ、全体のレイアウトも増やしてください。メインとヘッダーは同幅にしてください。

・IE5.01、IE5.5、IE6、IE7、OPERA9、FireFox2、Netscape7で表示・動作確認しています。

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

by どこドア
2007年4月3日 */

/*****************************************************/

/* 初期化 */

* {
margin:0;
padding:0;
word-break:break-all;
}

/* 画面全体の設定 */
body {
text-align:center; /* IEのバグを利用して中央に配置 */
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",'Hiragino Kaku Gothic Pro','Osaka',sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
color: #000; /* 画面全体の文字色 */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dodotg3.gif); /* 背景画像のURL */
background-color:#eee; /* 画面背景の色 */
line-height:130%; /* 行間 */
font-size: x-small; /* 古いIEの文字サイズ指定 */
voice-family: "\"}\""; /* おまじない */
voice-family: inherit; /* おまじない */
margin:0;
padding:0;
}

html>body {
font-size:12px; /* 最近のブラウザの文字サイズ指定 */
}

/************************************/
/* 各部の幅 */

/* 全体のレイアウト */
#layout {
width:780px; /* 全体のレイアウトの幅（メインの幅（＝ヘッダー幅）＋メニューの幅＋余白＝全体のレイアウトの幅です） */
padding:0;
margin:0 auto; /* 左右マージンを自動計算することにより中央に配置 */
}

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

/* メイン */
#main {
width:540px;
float:right; /* 右に配置（右メニューにしたい時はleftにしてください） */
background-color:#fff; /* 背景色 */
border-bottom:1px solid #666; /* 下にライン */
border-right:1px solid #666; /* 右にライン */
border-left:1px solid #666; /* 左にライン */
padding:0;
margin:0;
}

/* メニュー */
#menu {
float:left; /* 左に配置（右メニューにしたい時はrightにしてください） */
width:200px; /* メニューの幅 */
margin:0 0 20px;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}


/************************************/
/* リンク */

/* 画面全体のリンク色 */
a {
color:#CD5C5C; /* 文字色 */
text-decoration:none; /* アンダーラインなし */
}
/* 未閲覧のリンク色 */
a:link {
color:#900;
text-decoration:none;
}
/* 閲覧済リンク色 */
a:visited {
color:#CD5C5C;
text-decoration:none;
}
/* アクティブ中リンク色 */
a:active {
color:#c00;
text-decoration:none;
}
/* カーソルを載せた時のリンク色 */
a:hover {
color:#999;
text-decoration:underline; /* アンダーラインあり */
}

/************************************/
/* メイン */

/* ブログタイトル */
h1 {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago; /* ブログタイトルのフォント */
font-size:16px; /* ブログタイトルのサイズ */
font-weight:bold; /* ブログタイトルの太さ */
color:#fff; /* ブログタイトルの色 */
padding:15px 10px 5px 100px; /* ブログタイトルの位置・上右左下の順に記述 */
margin:0;
}

/* ブログタイトルのリンク設定 */
h1 a:link, h1 a:visited, h1 a:active{
color:#000; /* 文字色 */
text-decoration:none; /* アンダーラインなし */
}
/* カーソルが乗った時 */
h1 a:hover {
color:#CD5C5C;
text-decoration:none;
}

/* ブログ説明 */
.intro {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
font-weight:normal; /* 文字太さ */
margin:0;
padding:0 10px 0 130px;
}

/************************************/
/* カレンダー */

/* 横カレンダー */
.yoko_calender {
text-align:center; /* IEのバグを利用して中央に配置 */
font-family:Verdana,Chicago; /* 横カレンダーのフォント指定 */
font-size:11px; /* 横カレンダーの文字サイズ */
color:#fff; /* 横カレンダーの文字色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pflbkabe.jpg); /* 背景画像のURL */
background-color:#333; /* 背景色 */
margin:10px auto 15px; /* 左右マージンを自動算出して中央に配置 */
padding:2px 0;
}

.day {
margin:0 2px; /* 横カレンダー日付けの間隔 */
}

/* 横カレンダーのリンク色 */
.yoko_calender a, .yoko_calender a:link, .yoko_calender a:visited,.yoko_calender a:active {
font-weight:bold;
color:#F08080;
text-decoration:none;
}
/* カーソルを乗せた時のリンク色 */
.yoko_calender a:hover {
background:#CD5C5C; /* リンク背景色 */
color:#fff; /* リンク文字色 */
text-decoration:none;
font-weight:bold;
}
/* 横カレンダーがいらない場合は、HTMLソースの横カレンダーここから、横カレンダーここまでの部分を削除してください */


/* プラグインカレンダー */
table.calender {
font-size:11px; /* 文字サイズ */
width:96%; /* カレンダーの幅 */
font-family:Helvetica,Arial,Verdana,Chicago; /* フォントの種類 */
border-collapse:separate;
}

caption {
text-align:center;
border-bottom:1px dashed #000; /* 下にライン */
}

caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

.calender td, .calender th {
text-align:center;
width:14%;
padding:0;
line-height:170%;
}

/* カレンダーリンク設定 */
.calender td a {
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pflired1.gif);
background-repeat:no-repeat;
background-position:center;
color:#fff; /* 記事を書いた日の文字色 */
text-decoration:none;
display:block;
}
/* 未閲覧 */
.calender td a:link {
color:#fff;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pflired1.gif); /* 背景画像のURL */
background-repeat:no-repeat;
background-position:center;
text-decoration:none;
}
/* 閲覧済 */
.calender td a:visited {
color:#fff;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pflired1.gif); /* 背景画像のURL */
background-repeat:no-repeat;
background-position:center;
text-decoration:none;
}
/* カーソルが乗った時 */
.calender td a:hover {
color:#000;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pflired1.gif); /* 背景画像のURL */
background-repeat:no-repeat;
background-position:center;
text-decoration:none;
}

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


/************************************/
/* エントリー（記事） */

/* 記事レイアウト */
.entry_block {
margin:0 0 15px;
padding:0;
}

/* 記事タイトル*/
h2 {
text-align:right; /* 右寄せ */
color:#666; /* 文字色 */
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
margin:5px 0;
padding:0 15px;
}

/* 記事日付 */
h4 {
text-align:left; /* 左寄せ */
font-family:Verdana,Chicago; /* 文字種類 */
font-weight:bold; /* 文字の太さ */
font-size:14px; /* 文字サイズ */
color: #000; /* 文字色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pfli1.gif) no-repeat; /*アイコンURL */
background-position:left;
border-bottom:4px double #333; /* 下にライン */
margin:0 10px;
padding:6px 10px 3px 23px; 
}

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

/* 続きを読む */
.more {
text-align:left; /* 中央寄せ */
font-weight:normal; /* 文字太さ */
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント種類 */
margin:10px 0 5px;
}

/* 記事本文下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:120%; /* 行間 */
margin:5px 0 0;
padding:2px 10px;
}

/************************************/
/* ページナビ */
/* 記事移動 */
.navi {
text-align:center; /* 中央寄せ */
font-size:12px; /* ページナビの文字サイズ */
color:#999; /* ページナビの文字色 */
line-height:130%; /* 行間 */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dodotg4.gif); /* 背景画像のURL */
margin:30px 0;
padding:5px 10px;
}

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

/************************************/
/* コメント */

/* コメント・トラックバック共通のナビ */
h5 {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#CD5C5C; /* 文字色 */
font-weight:bold; /* 文字太さ */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pfli2.gif) no-repeat; /*アイコンURL */
background-position:left;
border-bottom:1px dotted #CD5C5C; /* 下にライン */
padding:7px 10px 4px 23px;
margin:2px 13px 7px;
}

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

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

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

/* コメントテーブル */
.c_table {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
}

/************************************/
/* フォーム */
form {
padding:0;
margin:0;
}
/* 名前・メール・URL・タイトル等記入欄 */
.form_text {
width:250px;
border:1px solid #000; /* ラインで囲んでいます */
}
/* コメント欄 */
.form_textarea {
width:380px;
font-size:12px; /* 文字サイズ */
border:1px solid #000; /* ラインで囲んでいます */
}
/* チェックボタン、パスワード */
.form_pass,.form_check  {
border:1px solid #000; /* ラインで囲んでいます */
}
/* 投稿・削除ボタン */
.form_button {
width:40px;
}

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

/************************************/
/* トラックバック*/

/* トラックバック本文*/
.tra_body {
text-align:left; /* 左寄せ */
font-size:11px; /* 文字サイズ */
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 15px;
}

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

/************************************/
/* メニュー（プラグイン1＋2）*/

/* メニュータイトル */
h3 {
text-align:left; /* 左寄せ */
color:#000; /*メニュータイトルの色*/
font-size:12px; /*メニュータイトルのサイズ*/
font-weight:bold; /*太字*/
border-bottom:2px solid #000; /* 下にライン */
margin:0;
padding:6px 0 2px 23px;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pfli1.gif) no-repeat; /* アイコンURL */
background-position:left;
}

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

/* メニュー字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:12px; /* メニューの文字サイズ */
color:#000; /* メニューの文字色 */
line-height:140%; /* 行間 */
padding:5px 0 5px 1px;
}

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

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

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
font-size:12px; /*メニュー項目の字の大きさ*/
color:#000; /*メニュー項目の字の色*/
padding:0 0 10px 23px;
text-decoration:none;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/pfli3.gif) no-repeat; /* リストマークの画像のURL */
line-height:140%; /* 行間 */
}

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

/************************************/
/* フッター */

#footer {
text-align:center; /* 中央寄せ */
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:150%; /* 行間 */
border-top:1px dashed #666; /* 上にライン */
padding:10px;
margin:0;
}

/************************************/
/* その他、各種設定*/

/* 画像 */
a img {
border-style:none; /* 画像を線で囲まない */
border-width:0;
margin:5px 5px 5px 0px; /* 画像の余白、上右下左の順に記述 */
text-decoration:none;
}

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

/* 絵文字 */
img.emoji {
float:none;
vertical-align:middle;
border:0;
padding:0;
margin:0;
}

/* 引用文 */
blockquote {
text-align:left; /* 左寄せ */
color: #000; /* 文字色 */
font-size:12px; /* 文字サイズ */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/dodotg4.gif); /* 背景画像のURL */
background-color:#f5f5f5; /* 背景色 */
border:#ccc 3px double; /* 引用文をラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

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

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

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

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