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

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

・プラグイン1と2は左のメニューに、プラグイン3はブログトップページのみ記事先頭に来るように設定しています。

・右メニューにも、2箇所変更するだけで、簡単になりますので、やり方は全体の幅のところを見てください。
・背景の苺の位置も変えられますのでお好みで。

・アダルト・宗教・違法サイトは使用不可です。
・カスタマイズはOKですが、カスタマイズ後も再配布やフッターの著作権削除はしないでください。

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

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

2007年3月2日 上書き更新


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


@charset "EUC-JP";

/************************************/
/* 画面全体 */

/* 初期化 */
* {
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',ＭＳ ゴシック; /* 画面全体のフォント指定 */
color:#300; /* 画面全体の文字色 */
line-height:1.4; /* 行間 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabeichigo.jpg); /* 背景画面のアドレス */
background-position:center bottom; /* 背景の苺画像を画面中央下に配置（right bottomなら右下、left bottomなら左下に苺が表示されます） */
background-repeat:no-repeat; /* 画像を繰り返さない */
background-attachment:fixed; /* 画像を固定して常に画面に表示 */
background-color:#fff; /* 画面背景の色 */
margin:0;
padding:0;
font-size:x-small; /* 古いIEの文字サイズ */
voice-family:inherit; /* おまじない */
voice-family: "\"}\""; /* おまじない */
font-size:12px; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body {
font-size:12px; /* OperaやFFなど新しいブラウザでの文字サイズ */
}

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

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

#header {
width:780px; /*ヘッダーの幅*/
height:189px; /*ヘッダーの高さ*/
margin:0;
padding:0;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/bichigo780.gif); /*ヘッダー画像のURL*/
background-repeat:no-repeat;
background-position:center top;
}

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

/* メイン */
#main {
float:right; /* 右メニューにしたい時はleftに */
width:545px; /* 中央メインの幅 */
padding:0;
margin:0;
}

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

/* 全体のリンク */
a {
color:#c00;
text-decoration:none;
}
/* リンク未訪問 */
a:link {
color:#c00;
text-decoration:none;
}
/* リンク訪問済み */
a:visited {
color:#CD5C5C;
text-decoration:none;
}
/* リンクアクティブ中 */
a:active {
color:#CD5C5C;
text-decoration:none;
}
/* リンク部分にカーソルが乗った時 */
a:hover {
color:#999;
text-decoration:none;
}

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

/* 記事本文下データのリンク設定 */
.entry_state a:link, .entry_state a:visited, .entry_state a:active {
color:#c00;text-decoration:none;
}
.entry_state a:hover {
background:#FFE4E1;color:#900; /* カーソルが乗った時の背景色とリンク色 */
text-decoration:none;
}
/* 記事移動と頁移動のリンク設定 */
.navi a:hover {
background:#FFE4E1;color:#c00; /* カーソルが乗った時の背景色とリンク色 */
text-decoration:none;
}

/************************************/
/* ヘッダー */

/*ブログタイトル*/
.blog_name {
text-align:left; /*左寄せ*/
font-family:Verdana,Chicago,Arial,Helvetica,Osaka; /* タイトルのフォント */
font-size:18px; /* タイトルの大きさ */
font-weight:bolder; /* タイトルの太さ */
color:#666; /* タイトルの色 */
padding:30px 250px 0px 35px; /* タイトルの位置・上右下左の順に記述 */
margin:0;
}

/* ブログタイトルリンク設定 */
.blog_name a:link, .blog_name a:visited, .blog_name a:active {
color:#c00;
text-decoration:none;
}
.blog_name a:hover{
color:#f66;
text-decoration:none;
}

/* ブログ説明 */
.intro {
text-align:left; /*左寄せ*/
font-size:13px; /*ブログ説明文の字の大きさ*/
color:#600; /*ブログ説明文の色*/
font-weight:normal; /*ブログ説明文の字の太さ*/
padding:5px 250px 0px 35px; /* 説明文の位置・上右下左の順に記述 */
margin:0 0 5px;
}

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

/* 横カレンダー */
.yoko_calender {
text-align:center; /* 中央に配置 */
font-family:Georgia,Helvetica, Arial,sans-serif; /* 横カレンダーのフォント指定 */
font-size:12px; /* 横カレンダーの文字サイズ */
color:#ccc; /* 横カレンダーの文字色 */
background-color:#c33; /* 横カレンダーの背景色 */
padding:2px 0;
margin:5px auto 0;
border-bottom:1px solid #333;
border-right:2px solid #666;
}

.day {
margin:0 2px;
}

/* 横カレンダーのリンク色 */
.yoko_calender a {
text-decoration:none;
font-weight:bold;
color:#fff;
}
.yoko_calender a:link,.yoko_calender a:visited,.yoko_calender a:active {
text-decoration:none;
font-weight:bold;
color:#fff;
}
.yoko_calender a:hover {
color: #FFA07A;
text-decoration:none;
}

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


/* プラグインカレンダー */
table.calender {
font-size:11px;
width:95%;
font-family:Helvetica,Arial,Verdana,Chicago,sans-serif;
border:1px solid #c00;
border-collapse:separate;
border-spacing:0;
}

table.calender th {
text-align:center;
width:25px; color:#fff; /* 曜日欄文字色 */
background-color:#c00; /* 曜日欄背景色 */
}

caption, th, td {
font-size:12px;
}

caption a {
font-weight:bold;
}

th, td {
padding:0;
line-height:1.4;
}

table.calender td {
text-align:center;
border:1px dashed #FFE4E1;
}

.calender td a {
color:#c00;
font-weight:bold; /* 記事を書いた日を太字に */
text-decoration: none;
background:#FFE4E1; /* 記事を書いた日の背景色 */
display:block;
}

.calender td a:link, .calender td a:visited, .calender td a:active {
color:#c00;
text-decoration:none;
}

/* カーソルが乗った時 */
.calender td a:hover{
background:#FFB6C1; /* 背景色 */
color:#fff; /* リンク色 */
text-decoration:none;
}

/* 土曜日の色 */
th#sat{
color: #9ff;
}
/*日曜日の色*/
th#sun{
color:#fcc;
}

/************************************/
/* メニュー全体 */


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

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

.menu_text p {
text-align:left;
font-size:11px;
color:#300;
margin:4px;
}

/* メニューリスト */
#menu ul li { 
border-bottom: 1px dashed #f99;
margin:3px 0 0;
padding:0 5px;
color:#f69; /* リストマーク等の色 */
text-decoration:none;
line-height:1.3;
list-style-type:circle; /* リストマークの種類 */
}

/* サイドメニュータイトル */
.menu_title {
text-align:left;
color:#c00; /* 左メニュータイトルの色 */
font-size:12px; /* 左メニュータイトルのサイズ */
font-weight:bold; /* 太字 */
background:#FFE4E1; /* 背景色 */
margin:20px 0 0;
padding:6px 12px 2px 23px;
background:url(http://blog87.fc2.com/dokode/file/menus210.gif) no-repeat;
background-position:left;
}

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

/* 中央メニュー（プラグイン3） */

/* プラグイン3タイトル */
.p3_title {
text-align:center;
font-size:13px; /* プラグイン3タイトルの大きさ */
color:#fff; /* プラグイン3タイトルの色 */
font-weight:bold; /* 字の太さ */
background-color:#c33; /* 背景色 */
margin:0;
padding:3px 10px;
}

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

/* 記事部分囲み */
.entry_block {
text-align:right;
border-collapse:collapse; /*余白をなしに*/
border:1px solid #c00; /*記事部分を線で囲んでいます*/
margin:20px 0 30px;
}

/* 記事タイトル */
.entry_title {
text-align:left;
font-size:13px; /* 記事タイトルのサイズ */
color:#c00; /* 記事タイトルの色 */
font-weight:bold; /* 記事タイトルの太さ */
background-color:#fcc; /* 背景色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabepc1.gif); /* タイトルの背景画像 */
margin:7px 0;
padding:4px 10px;
}

/* 記事タイトル下日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago,Arial,Helvetica,Osaka; /* フォント指定 */
font-size:12px; /* 記事タイトル下の日付のサイズ */
color:#f99; /* 記事タイトル下の日付の色 */
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;
}

/* 記事本文下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
line-height:1.2; /* 行間 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabepc1.gif); /* 背景画像 */
margin:7px 0;
padding:4px;
}

/************************************/
/* ページナビ */
.navi {
text-align:center;
font-size:12px; /* ページナビの文字の大きさ */
line-height:1.3;
padding:0;
margin:20px 0 30px;
}

/************************************/
/* コメント・トラックバック共通 */

/* コメント・トラックバックのナビ */
.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;
}

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

/* コメント本文 */
.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:11px; /* 文字サイズ */
color: #666; /*文字色*/
line-height:1.6;
margin:5px 15px;
}

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:11px; /* 文字サイズ */
color:#999; /*文字色*/
line-height:1.2;
margin:0 10px;
padding:2px 0;
}

/************************************/
/* フッター */
#footer {
text-align:center;
font-size:11px;
color:#300;
line-height:1.3;
border-top:1px dashed #c33;
clear:both;
margin:10px 0;
padding:5px 5px 0;
}

/************************************/
/* フォーム */

/* form */
form{
padding:0;
margin:0;
}
.form_text {
width:250px;
border:1px solid #f9c;
}
.form_textarea {
width:350px;
border:1px solid #f9c;
}
.form_pass,.form_check {
border:1px solid #f9c;
}
.form_button {
width:40px;
}

/*  検索・フォーム・ボタン等 */
INPUT,SELECT,TEXTAREA {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#600; /* 文字色 */
background-color:#FFF5EE; /*背景色*/
border:1px solid #f9c; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

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

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

/* 絵文字の位置調整 */
img.emoji { 
margin:2px 2px 4px;
vertical-align:middle;
float:none
}

/* 画像 */
a img {
border-style:none;
border-width:0;
text-decoration:none;
padding:5px 0;
}

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

/* 引用 */
blockquote {
text-align:left;
font-size:12px; /*引用の文字サイズ*/
color:#903; /*引用の文字色*/
background-color:#FFF5EE; /*引用の背景色*/
border:1px solid #fcc; /*引用部分をラインで囲んでいます*/
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;
}

/* スクロールバーの装飾設定（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;
}

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