@charset "euc-jp";

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

・プラグイン1と2は左のメニューに、プラグイン3はトップページのみ記事トップに来るように設定していますので使い分けてください。
・アダルト・宗教・違法サイトは使用出来ません。
・このテンプレは素材屋様から画像をお借りしているため、画像の加工は不可ですが、ソースのカスタマイズはOKです。
・カスタマイズ後も再配布とフッターの著作権削除や改竄は禁止です。素材を入れ替えた場合のみ素材屋様へのリンクも変えてください。
・IE5.5とIE6ととIE7、OPERA9、FireFox2、Netscape7で表示・動作確認しています。

何かあれば下記へどうぞ。
http://dokode.blog87.fc2.com/

by どこドア
2007年2月1日初登録
2008年4月21日最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all;
}

body {
text-align:center; /* 中央に配置 */
color:#666; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 文字サイズ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/10dot.gif); /* 背景画像のURL */
background-color:#fcf; /* 画面背景の色 */
line-height:140%; /* 行間 */
margin:0;
padding:0;
}

/* 全体のレイアウト */
#layout {
width:760px; /* レイアウトの幅 */
border-left:dashed 1px #f09; /* 左に点線 */
border-right:dashed 1px #f09; /* 右に点線 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/a1.gif); /* 背景画像URL */
background-color:#fff; /* レイアウト部分の背景色 */
background-repeat:no-repeat; /* 背景を繰り返さない */
background-position:right top; /* 背景を右上に */
margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
#header {
text-align:left; /* 左寄せ */
width:760px; /* ヘッダーの幅 */
height:180px; /* ヘッダーの高さ・タイトルや説明文が長い方は適当に増やしてください */
padding:0;
margin:0;
}

/* 管理リンク */
.admin {
text-align:left; /* 左寄せ */
font-size:12px;
font-family:Arial,Helvetica; /* 文字種類 */
color:#c00; /* 文字色 */
padding:5px 10px 0;
margin:0;
}

/* ブログタイトル */
#header h1 {
text-align:left; /* 左寄せ */
font-family: Verdana,Chicago,Arial,Helvetica; /* タイトルのフォント */
font-size:18px; /* タイトルの大きさ */
color:#f09; /* タイトルの色 */
font-weight:bolder; /* タイトルの太さ */
line-height:1.4; /* 行間 */
margin:0;
padding:80px 20px 0px 20px; /* タイトル位置、上・右・下・左の順に記述 */
}

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

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 画面全体のリンク */
/* 未閲覧 */
a:link {
color: #f39;
text-decoration: none;
}
/* 閲覧済 */
a:visited {
color:#f69;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#f9f;
text-decoration:none;
}
/* クリックした時 */
a:active {
color:#f9f;
text-decoration:none;
}

/* 管理リンクのリンク設定 */
.admin a:link, .admin a:visited {
color:#f06; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}

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

/* 横カレンダーのリンク */
.yoko_calender a, .yoko_calender a:link, .yoko_calender a:visited {
background:#f9f; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration: none;
font-weight:bold;
}

/* メニュー部分のカーソルが乗った時 */
.menu_body a:hover {
color:#999; /* 文字色 */
text-decoration:none;
}

/* プラグインカレンダーのリンク設定 */
.calender td a:link, .calender td a:visited {
background:#FFF0F5; /* 記事を書いた日の背景色 */
font-weight:bold; /* 記事を書いた日の太さ */
display:block;
}

/* 管理リンクと横カレンダーとプラグインカレンダーのカーソルが乗った時 */
.admin a:hover, .yoko_calender a:hover, .calender td a:hover {
background:#f0c; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/* 記事タイトルのリンク設定 */
.entry_title a:link, .entry_title a:visited {
color:#f09;
text-decoration:none;
}
/* カーソルが乗った時 */
.entry_title a:hover {
color:#FFC0CB;
text-decoration:none;
}

/* 記事移動と頁移動のカーソルが乗った時 */
.navi a:hover, .pnavi a:hover {
background:#f9f; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /* IEのバグを利用して中央に配置 */
font-family:Georgia,Helvetica,Arial; /* フォント指定 */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
background-color:transparent; /* 背景色 */
padding:2px 0;
margin:0 auto; /* 左右マージンを自動計算して中央に配置 */
}

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

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

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

.calender caption {
text-align:center; /* 中央寄せ */
}

/* 月リンク */
.calender caption a {
font-weight:bold; /* 太字 */
}

/* 曜日欄・日付け欄 */
.calender th, .calender td {
text-align:center;
font-weight:normal;
padding:0;
line-height:140%; /* 行間 */
}


/* 曜日部分 */
.calender th {
text-align:center;
font-weight:bold; /* 文字の太さ */
border-bottom:2px solid #ccc; /* 下にライン */
}

/* 土曜日の色 */
th#sat {
color:#03f; /* 文字色 */
font-weight:bold; /* 文字の太さ */
border-bottom:2px solid #03f;
}

/* 日曜日の色 */
th#sun {
color:#f00;
font-weight:bold;
border-bottom:2px solid #f00;
}

/* ---------------------------------------
▼メイン
---------------------------------------- */
/* メイン囲み */
#main {
float:left; /* 右に回り込む */
width:515px; /* メイン幅 */
margin:0;
padding:0;
}

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

/* 中央メニュー（プラグイン3） */
/* プラグイン3タイトル */
.p3_title {
text-align:left;
font-size:14px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 文字太さ */
background:#f09; /* 背景色 */
margin:0;
padding:2px 5px;
}

/* ---------------------------------------
▼エントリー（記事）
---------------------------------------- */
/* 記事囲み */
.entry_block {
border-collapse:collapse; /* 余白をなしに */
background-color: #fff; /* 記事部分の背景色 */
border:1px solid #FFB6C1; /* 記事を実線で囲んでいます */
padding:0;
margin:20px 0 35px 20px;
}

/* 記事上下の画像 */
.entry_bg {
text-align:center;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/hrl.gif); /* 画像URL */
background-repeat:repeat-x; /* 横に繰り返す */
background-position:left;
margin:3px 0;
padding-top:30px;
}

/* 記事タイトル */
.entry_title {
text-align: left; /* 左寄せ */
font-size: 14px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color: #f09; /* 文字色 */
background: url(http://blog87.fc2.com/dokode/file/ihhi.gif) no-repeat left; /* アイコン設定 */
margin:0 10px;
padding: 4px 7px 3px 22px;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Georgia,Verdana,Chicago,Arial,Helvetica; /*フォント指定*/
font-size:18px; /* 文字サイズ */
color:#ccc; /* 文字色 */
font-weight:bolder; /* 字の太さ */
margin:0;
padding:0 15px;
}

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

/* 記事の投稿先テーマ・ジャンル */
.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;
padding:10px 15px 0;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.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;
font-family:Arial,Helvetica; /* 文字の種類 */
color:#666;
border-top:1px dotted #f6c; /* 上にライン */
margin:3px;
padding:2px 5px;
}

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

/* ページ移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
font-family:Verdana,Chicago; /* フォント指定 */
margin:15px 0;
padding:10px;
line-height:120%; /* 行間 */
}

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

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメントテーブル */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}

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

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

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

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

/* トラックバックURL */
.tra_url {
text-align:left;
padding:4px 0 20px 10px;
}

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

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

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
form {
padding:0;
margin:0;
}
/* 名前・メール・URL・タイトル等記入欄 */
.form_text {
width:250px !important; /* 幅・CSS優先 */
}
/* コメント記入欄 */
.form_textarea {
width:350px !important;
}
/* 送信・削除等ボタン */
.form_button {
width:40px !important;
}

/* テキストエリア・フォーム等全般 */
textarea,input,select {
color:#000; /* 文字色 */
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:#FFF0F5; /* 背景色 */
border:#fcc 1px solid; /* 実線で囲んでいます */
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュー囲み */
#menu_block {
float:right; /* 左に回り込む */
width:220px; /* メニューの幅 */
margin:10px 0;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* メニュー中味 */
.menu_body {
margin-right:10px;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#f09; /* 文字色 */
font-weight:bold; /* メ字の太さ */
margin:10px 0 0;
padding:3px 10px 3px 22px;
background:url(http://blog87.fc2.com/dokode/file/ihhi.gif) no-repeat; /* アイコン設定 */
background-position:left;
}

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

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#f09; /* リストの文字色 */
line-height:140%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin:0;
padding-left:17px; /* 左に余白 */
}

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

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
text-align:center;
font-size:12px;
line-height:140%;
padding:5px 10px;
clear:both;
}

/* ---------------------------------------
▼その他・各種設定
---------------------------------------- */
/* 引用文 */
blockquote {
color:#666; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color: #FFF0F5; /* 背景色 */
border:1px dotted #f6c; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
line-height:1.7; /* 行間 */
}

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

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

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

/* 絵文字 */
.emoji {
vertical-align:middle;
border: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;
}