@charset "UTF-8";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1と2はサイドメニューに、プラグイン3はトップページのみ記事トップに来るように設定しています。
・記事幅以上の画像を貼るとレイアウトが崩れますので注意。
・アダルト・宗教・違法サイトは使用不可。
・カスタマイズはOKですが、カスタマイズ後もソースや素材の再配布とフッターの著作権削除や改変、見えにくくすることは禁止です。
・左右入れ替えは簡単に出来ますので、「各部の幅と左右変更」のところを見てください。

・WINXPにて、IE5.5、IE6、IE7とOPERA、FireFox、Netscape、Safari最新版で動作・表示確認しています。その他MAC用ブラウザなどは表示のみ確認。

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

by どこドア
08年3月15日初登録、7月18日最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all; /* IEレイアウト崩れ防止用・半角英数字を強制改行 */
}

/* 画面全体の設定 */
body {
text-align:center; /* IEのみバグを利用して中央に配置 */
color:#000; /* 画面全体の文字色 */
font-family:"Arial","Helvetica","sans-serif"; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
background-image:url(http://file.ivyue.ky-3.net/dodotclyou1.gif); /* 背景画像のURL */
background-color:#ffc; /* 画面背景の色 */
padding:0;
margin:0;
}

/* ---------------------------------------
▼各部の幅と左右変更
---------------------------------------- */
/* 全体のレイアウト（メニュー幅＋メイン幅＋余白＝全体のレイアウト＝ヘッダー） */
#layout {
width:800px; /* レイアウトの幅 */
background-color:#fff; /* 背景色 */
border-left:#eee 1px solid; /* 左にライン */
border-right:#eee 1px solid; /* 右にライン */
margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;
}

/* ヘッダー */
#header {
width:800px; /*ヘッダーの幅*/
height:220px; /*ヘッダーの高さ*/
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント */
line-height:1.4; /* 行間 */
background:url(http://i196.photobucket.com/albums/aa274/blessloveless/banner/b_ritsuka.jpg); /*ヘッダー画像のURL */
background-repeat:no-repeat; /* 画像を繰り返さない */
background-position:center top; /* 中央上に配置 */
background-color:#D6F7AD; /* 背景色 */
margin:0;
padding:0;
}

/* メイン */
#main {
float:right; /* 右に回り込む（右メニューにしたい時はrightをleftに変更してください・左右変更箇所、全部で4つ、その1） */
width:555px; /* メイン幅 */
margin:0;
padding:0;
}

/* メニュー */
#menu {
float:left; /* 左に回り込む（右メニューにしたい時はleftをrightに変更してください・左右変更箇所その2） */
width:225px; /* メニューの幅 */
margin:10px 0;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* 記事囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
padding:0;
margin:25px 5px 30px 0; /* 上右下左の順に記述（右メニューにしたい時は、左右を入れ替えるのではなく25px 0 20px 10pxにしてください・左右変更箇所その3）*/
}

/* メニュー内枠 */
.menu_body {
margin:15px 0 10px 10px;/* 上・右・下・左の順に記述（右メニューにしたい時は左右を入れ替えて 15px 10px 10px 0にしてください・左右変更箇所その4）*/
padding:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 文字・右寄せ */
color:#369; /* 文字色 */
font-size:12px; /* 文字サイズ */
padding:5px 25px;
margin:0;
}

/*ブログタイトル*/
#header h1 {
text-align:center; /*左寄せ*/
font-size:19px; /* 字のサイズ */
font-weight:bolder; /* 字の太さ */
color:#030; /* 文字色 */
padding:40px 400px 0px 80px; /* タイトルの位置・上右下左の順に記述 */
margin:0;
}

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

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

/* ヘッダーのリンク設定 */
#header a:link, #header a:visited {
color:#0682BD;
text-decoration:none;
}
/* カーソルが乗った時 */
#header a:hover {
color:#fc0; /* 文字色 */
border-bottom:dotted 3px #fc0; /* 下にライン */
text-decoration:none;
}

/* メニュー（プラグイン）と記事タイトルとフッターのリンク設定 */
#menu a:link, .entry_title a:link, #footer a:link {
color:#090; /* 文字色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
#menu a:visited, .entry_title a:visited, #footer a:visited {
color:#090;
text-decoration:none;
}
/* カーソルが乗った時 */
#menu a:hover, .entry_title a:hover {
color:#fc0;
text-decoration:none;
}
/* フッターのカーソルが乗った時 */
#footer a:hover {
color:#fff;
background:#090; /* 背景色 */
text-decoration:none;
}

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

.day {
margin:0 2px;
}

/* 横カレンダーのリンク */
.yoko_calender a:link, .yoko_calender a:visited {
font-weight:bold;
color:#fc0; /* 文字色 */
text-decoration:none;
}
/* カーソルが乗った時 */
.yoko_calender a:hover {
color:#9ACD32; /* 文字色 */
font-weight:bold;
text-decoration:none;
}

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

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
table.calender {
width:100%; /* 幅 */
font-family:Arial,Helvetica; /* フォント指定*/
border-collapse:separate;
font-size:12px; /* 文字サイズ */
}

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

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

/* リンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 太字 */
color:#f90 !important; /* 文字色 */
text-decoration:none;
display:block;
}
/* マウスオーバー  */
.calender td a:hover {
color:#fff !important; /* 文字色 */
background:#9c3; /* 背景色 */
font-weight:bold;
text-decoration:none;
}

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

/* 土曜日の色 */
th#sat {
color:#36c; /* 文字色 */
font-weight:bold;
border-bottom:2px solid #36c; /* 下にライン */
}

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

/* ---------------------------------------
▼メイン（記事部）
---------------------------------------- */
/* 記事トップ画像 */
.entry_top {
width:540px; /* 記事枠TOPの幅 */
height:19px; /* 記事枠TOPの高さ */
border-collapse:collapse;
background-image:url(http://file.ivyue.ky-3.net/cloentop.gif); /* 画像URL */
background-repeat:no-repeat; /* 画像を繰り返さない */
background-position:right top; /* 画像の位置 */
margin:0;
padding:0;
}

/* 記事中味画像 */
.entry_naka {
width:540px; /* 記事枠中味の幅 */
border-collapse:collapse;
background-image:url(http://file.ivyue.ky-3.net/cloennaka.gif);
background-repeat:repeat-y; /* 画像を縦にリピート */
background-position:right top;
margin:0;
padding:0;
}

/* 記事下画像 */
.entry_bottom {
width:540px; /* 記事枠下の幅 */
height:17px; /* 記事枠下の高さ */
border-collapse:collapse;
background-image:url(http://file.ivyue.ky-3.net/cloenbottom.gif);
background-repeat:no-repeat;
background-position:right top;
margin:0;
padding:0;
}

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

/* プラグイン3タイトルとコメント・トラックバックナビ */
.p3_title {
text-align:left;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 文字種類 */
font-size:14px;
color:#090;
font-weight:bold;
background:url(http://file.ivyue.ky-3.net/iconcl01.gif) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:10px 15px 10px 45px;
}

/* エントリー（記事）*/
/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-size:18px; /* 文字サイズ */
font-weight:bold; /* 文字の太さ */
font-family:Georgia,Verdana,Chicago; /* 文字種類 */
color:#FFA500; /* 文字色 */
margin:0;
padding:0 15px;
}

/* 記事タイトル・コメントとラバナビ */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px;
color:#090;
font-weight:bold;
background:url(http://file.ivyue.ky-3.net/iconcl01.gif) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:17px 10px 17px 45px;
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:12px;
color:#000;
line-height:1.7; /* 行間 */
margin:0;
padding:5px 20px;
}

/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中のタグのリンクリスト */
.entry_body p.tag_lnk {
margin-top:10px;
}

/* 続きを読む */
.more {
text-align:left;
font-weight:normal; /* 文字太さ */
color:#390; /* 文字色 */
font-family:Verdana,Arial,Helvetica,sans-serif; /* 文字の種類 */
margin:10px 0 5px;
}

/* 記事下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px;
color:#666;
margin:0;
padding:0 20px;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 15px;
}
.all_bottom {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
font-family:Verdana,Chicago,Arial,Helvetica,sans-serif;
border-top:2px dotted #fc0;
margin:5px 5px 0;
padding:5px;
}

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

/* 頁移動 */
.pnavi {
text-align:center;
font-family:Verdana,Arial,Helvetica; /* 文字の種類 */
font-size:12px;
color:#ccc;
line-height:130%;
margin:30px 0;
padding:0 10px;
}

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラバナビ */
.ct_navi {
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#9c0; /* 文字色 */
background:url(http://file.ivyue.ky-3.net/iconcl02.gif) no-repeat; /*アイコンURL */
background-position:left; /* 画像位置 */
margin:0 18px;
padding:8px 0 6px 25px;
}

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

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

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

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

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

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

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等全般 */
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:#FFFFF0; /* 背景色 */
border:#fc0 1px solid; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュータイトル */
.menu_title {
text-align:left;
font-size:12px; /* 字の大きさ */
font-weight:bold; /* 字の太さ */
color:#390; /* 文字色 */
background:url(http://file.ivyue.ky-3.net/menucl00.gif) no-repeat; /*アイコンURL */
background-position:left;
margin:0;
padding:7px 5px 7px 23px;
}

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

.menu_text p{
text-align:left;
font-size:12px;
color:#000;
margin:0;
}

/* メニューリスト */
/*メニューリスト親要素*/
.menu_body ul {
text-align:left;
list-style-type:none; /* リストマークをなしに */
text-decoration:none;
line-height:160%; /* 行間 */
margin:0;
padding-left:2px;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
font-size:12px; /* リストの字の大きさ */
color:#600; /* リストの色 */
text-decoration:none;
background:url(http://file.ivyue.ky-3.net/listcl0.gif) no-repeat left top; /* リストマークの設定 */
border-bottom: 1px dotted #9c0; /* 下にライン */
margin:2px 0;
padding:0 5px 0 18px;
}

/* 親子カテゴリーの設定*/
ul.sub_menu {
margin:0;
padding:0;
}
.sub_menu li {
list-style-type:none;
border-style:none;
margin-left:0;
padding-left:16px;
}
ul.main_menu .main_list .sub_menu .sub_list {
background-image:url(http://file.ivyue.ky-3.net/dotreew0.gif);
background-repeat:no-repeat;
background-position:left top;
}
ul.main_menu .main_list .sub_menu .sub_list_end {
background-image:url(http://file.ivyue.ky-3.net/dotreewend.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:right;
height:80px; /* 高さ */
background:url(http://file.ivyue.ky-3.net/bottom2.jpg); /*ヘッダー画像のURL */
background-repeat:no-repeat; /* 画像を繰り返さない */
background-position:center bottom; /* 中央下に配置 */
background-color:#D6F7AD; /* 背景色 */
margin:0;
padding:0;
}

.copyright {
text-align:right;
font-size:12px;
color:#333;
line-height:1.4;
margin:0;
padding:20px 15px 0 200px;
}

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

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

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

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

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

/* コード */
/* 記事中にプログラムコードなどを書く時に使用 */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #666;
font-family:sans-serif;
overflow:auto;
width:90%; /* pre element clearing bug in WinIE  */
}
/* MacIE用バグ対応 */
/* for without MacIE5 \*/
div.section pre {
overflow:scroll;
}/* */
div.section > pre {
width:auto;
}

div.section code {
font-family:monospace; /* 等幅フォントを指定 */
}

div.NinjaEntryCommercial {display:none;}

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