@charset "UTF-8";

/* ダウンロードしてくださって、ありがとうございます。

・プラグイン1と2は左のメニューに、プラグイン3はトップページのみ記事トップに来るように設定しています。
・メニュー幅や記事幅以上の画像を貼るとレイアウトが崩れますので注意。
・カスタマイズ可ですが、・カスタマイズ後も再配布とフッターの著作権削除や改竄は不可です。
・アダルト・宗教・違法サイトは使用不可です。

・左右入れ替えも簡単に出来ますので、「各部の幅と左右変更」のところを見てください。

・新規登録画面用のログイン・編集用タグをHTMLソースの方に書いていますので、必要に応じて差し替えてください。

・WINXPにて、IE5.5と6と7　OPERA9　FireFox2  Netscape7で動作・表示確認しています。

何かあれば下記へどうぞ
http://dokode.blog87.fc2.com/

by どこドア
2007年9月10日初登録
97年11月28日最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */

/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all; /* IEの半角文字強制改行（レイアウト崩れ防止用） */
}

body {
	font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "Impact", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
	color: #666;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
background:url(//blog-imgs-14-origin.fc2.com/d/o/k/dokode/kabedobr1.jpg); /* 背景画面のアドレス */
background-color:#D2B48C; /* 画面背景の色 */
padding:0;
margin:0;
}

ol {
text-align:left;
margin-left:50px;
padding:0;
}

/* ---------------------------------------
▼各部の幅と左右変更
---------------------------------------- */

/* 全体のレイアウト（メニュー幅＋メイン幅＋余白＝全体のレイアウト＝ヘッダーです。メニューやメインを増やす時は増やした分だけレイアウトとヘッダーに加算） */
#layout {
width:1000px; /* レイアウトの幅 */
background-color:#fff; /* レイアウト部分の背景色 */
background-image:url(//blog-imgs-14-origin.fc2.com/d/o/k/dokode/kabeonpuyouly.jpg); /* 背景画像 */
margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;

}

/* ヘッダー */
#header {
text-align: left; /* 左寄せ */
width:1000px;  /* ヘッダーの幅 */
height:210px; /* ヘッダーの高さ */
background-image:url(//blog-imgs-27-origin.fc2.com/v/i/p/vipvipblogblog/beasoku.png); /* ヘッダー画像のURL（変更したい場合はここを変えてください） */
background-repeat:no-repeat;
background-position: center bottom; /* ヘッダー画像を中央下にひとつだけ置いています */
background-color:#fff; /* ヘッダーの背景色 */
padding:0;
margin:0;
}

/* メイン */
#main {
float:right; /* 右に回り込む（右メニューにしたい時はrightをleftに変更、左右の変更箇所は5個あります。その1） */
width:795px; /* メイン幅 */
margin:0;
padding:0;
}


/* メニュー */
#menu {
float:left; /* 左に回り込む（右メニューにしたい時はleftをrightに変更・左右変更箇所その2） */
width:190px; /* メニューの幅 */
background-color:transparent; /* 背景を透明に */
margin-bottom:10px;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* 記事囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
background-color:#fff; /* 背景色 */
border:3px double #963; /* 記事を二重線で囲んでいます */
padding:0 0 5px 0;
margin:20px 15px 30px 0; /* 上右下左の順に記述（右メニューにしたい時は左右を入れ替えて20px 0 30px 15pxに・左右変更箇所その3） */
}

/* メニュータイトル */
.menu_title {
text-align:left;
font-size:12px; /* 文字サイズ */
font-weight:bold; /* 字の太さ */
color:#F0E68C; /* 文字色 */
background-image:url(//blog-imgs-17-origin.fc2.com/v/i/p/vipvipblogblog/aaa.png); /* 背景画像URL */
background-repeat:no-repeat;
background-position:right; /* 画像の位置 */
margin:20px 0 5px 10px; /* 上右下左の順に記述（右メニューにしたい時は左右を入れ替えて20px 10px 5px 0に・左右変更箇所その4）*/
padding:7px 5px;
}

/* メニュー内枠 */
.menu_body{
margin-left:10px; /* 右メニューにしたい時はmargin-left:10px;をmargin-right:10px;に（左右変更箇所その5） */
padding: 0;
}

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 画面全体のリンク色 */
/* 未閲覧のリンク色 */
a:link {
color:#B22222; /* 文字色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済リンク色 */
a:visited {
color:#900;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover{
color:#c96;
text-decoration:none;
}
/* アクティブ中 */
a:active{
color:#963;
text-decoration:none;
}

/* ヘッダーのリンク設定 */
#header a:link, #header a:visited {
color:#900;
text-decoration:none;
}
/* カーソルが乗った時 */
#header a:hover {
color:#c96;
border-bottom:dotted 3px #c96; /* 下にライン */
text-decoration:none;
}
/* アクティブ中 */
#header a:active {
color:#963;
text-decoration:none;
}

/* 記事下データと記事移動と頁移動のカーソルが乗った時 */
a:hover, .navi a:hover, .pnavi a:hover {
background:#FFDAB9; /* 背景色 */
color:#600; /* 文字色 */
text-decoration:none;
}

/* 「含むはてなブックマーク」ボタン */
img.b_entry{
	float: none;
	clear: both;
	border: none;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* ヘッダー */
#header {
text-align: left; /* 左寄せ */
width:1000px;  /* ヘッダーの幅 */
height:210px; /* ヘッダーの高さ */
background-image:url(//blog-imgs-27-origin.fc2.com/v/i/p/vipvipblogblog/00.png); /* ヘッダー画像のURL（変更したい場合はここを変えてください） */
background-repeat:no-repeat;
background-position: center bottom; /* ヘッダー画像を中央下にひとつだけ置いています */
background-color:#fff; /* ヘッダーの背景色 */
padding:0;
line-height:80%; /* 行間 */
margin:0;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:right; /* 中央に配置 */
font-family:Helvetica, Arial; /* フォント指定 */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
border-top:; /* 上にライン */
border-bottom:1px dotted #963; /* 下にライン */
padding:2px 0;
line-height:100%; /* 行間 */
margin:5px auto 0;
}

.day {
margin:0 2px;
}

/* 横カレンダーのリンク色 */
.yoko_calender a, .yoko_calender a:link, .yoko_calender a:visited {
color:#900; /* 文字色 */
text-decoration:none; /* 下線なし */
font-weight:bold; /* 太字 */
}
/* カーソルが乗った時 */
.yoko_calender a:hover {
background:#DEB887; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}
/* アクティブ中 */
.yoko_calender a:active {
color:#900;
text-decoration:none;
font-weight:bold;
}

/* 横カレンダーがいらない場合は、HTMLソースの横カレンダーここから、横カレンダーここまでの部分を削除してください */


/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
table.calender {
width:100%; /* 幅 */
font-family:Arial,Helvetica; /* フォント指定*/
border-collapse:separate;
font-size:12px; /* 文字サイズ */
}

/* 曜日・日付け部分 */
.calender th, .calender td {
text-align:center;
font-weight:normal;
padding:0;
line-height:140%; /* 行間 */
}

.calender caption {
text-align:center;
}

.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

/* カレンダーリンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 太字 */
background:#F5DEB3; /* 背景色 */
color:#600; /* 文字色 */
text-decoration:none; /* 下線なし */
display:block;
}
/* カーソルが乗った時 */
.calender td a:hover {
text-decoration:none;
background:#900; /* 背景色 */
color:#fff; /* 文字色 */
}
/* アクティブ中 */
.calender td a:active {
text-decoration:none;
font-weight:bold;
color:#666;
}

/* 曜日部分 */
.calender th {
text-align:center;
border-bottom:2px solid #D2B48C; /* 下にライン */
}

/* 土曜日の色 */
th#sat {
color:#69c; /* 文字色 */
font-weight:bold; /* 文字の太さ */
border-bottom:2px solid #69c;
}

/* 日曜日の色 */
th#sun {
color:#c00;
font-weight:bold;
border-bottom:2px solid #c00;
}

/* ---------------------------------------
▼メイン部設定
---------------------------------------- */
/* メイン内枠 */
#main_block {
margin:0;
padding:0;
}

/* プラグイン3タイトルとコメント・トラックバックナビ */
.p3_title {
text-align:left;
font-family:ＭＳ Ｐゴシック; /* 文字種類 */
font-size:12px; /* 文字サイズ */
color:#600; /* 文字色 */
font-weight:bold; /* 文字の太さ */
border-bottom:1px solid #963; /* 下にライン */
margin:7px;
padding:3px 10px;
}

.treemenu {
	margin : 0px 20px;
	padding : 10px;
	list-style : none;	
	background-color : #EEE;
	border : 1px solid #000;
	width : 200px;
}

.treemenu UL {
	list-style : none;
	margin : 0px 10px;
	padding : 0px 10px;
}

.treemenu LI {
	display : inline;
}

.treemenu A {
	display : block;
	padding-left : 12px;
	text-decoration : none;

}

.treemenu .treeopen {
	background-image : url('open.gif');
	background-repeat : no-repeat;
	background-position : left;
}		

.treemenu .treeclosed {
	background-image : url('closed.gif');
	background-repeat : no-repeat;
	background-position : left;
}

/* ---------------------------------------
▼エントリー（記事）
---------------------------------------- */
/* 記事タイトル */

.entry_day {
text-align:left; /* 左寄せ */
font-size:16px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
font-family:ＭＳ Ｐゴシック; /* 文字種類 */
color:#600; /* 文字色 */
float: none;
clear: both;
border: none;
border-top:2px solid #963; /* 上にライン */
border-bottom:1px dashed #963; /* 下にライン */
background-color:#EEE8AA; /* 背景色 */
margin:7px;
padding:3px 10px;
}

/* 記事日付 */
.entry_title {
text-align:right; /* 右寄せ */font-size:12px; /* 文字サイズ */
color:#900; /* 文字色 */
background:url() no-repeat; /*アイコンURL */
background-position:left; /* 画像位置 */
margin:5px 10px;
padding:5px 15px 2px;
}

/* 記事本文 */
.entry_body {
text-align:left; /* 左寄せ */
font-size:14px; /* 文字サイズ */
color:#555; /* 文字色 */
line-height:1.7; /* 行間 */
margin:10px 20px;
width:730px; /* 幅 */
}

/* AA表示 */
.aa{
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:12px;
line-height:100%;
background: none;
}

/* AA表示 */
.aa2{
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:12px;
line-height:110%;
background: none;
}

/* AA表示 */
.aa3{
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:12px;
line-height:115%;
background: none;
}

/* 引用文 */
blockquote {
padding: 10px;
margin: 10px 0px;
background-color: #F7F7F7;
clear: both;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size:100%;
}

p.sample1 {margin-left: 25px;}

p.ringo {font-size:16px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#600; /* 文字色 */
border-top:2px solid #963; /* 上にライン */
border-bottom:1px dashed #963; /* 下にライン */
background-color:#EEE8AA; /* 背景色 */
margin:0px;
padding:3px 10px;
}



/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中に使われたタグのリンクリスト */
.entry_body p.tag_lnk {
margin-top:10px;
}

/* 続きを読む */
.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; /* 文字色 */
background:#fff url() no-repeat; /* アイコンURL */
background-position:center bottom; /* アイコンの位置 */
padding:20px 15px 10px 25px;
margin:10px 5px;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 10px;
}

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center;
font-size:13px; /* 文字サイズ */
color:#999; /* 文字色 */
margin:15px 0;
padding:10px;
line-height:130%; /* 行間 */
}

/* ページ移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-family:Verdana,Chicago;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:30px 0;
padding:0 10px;
}

/* ---------------------------------------
▼コメント
---------------------------------------- */
/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:10px; /* 文字サイズ */
color:#900;/* 文字色 */
margin:0;
padding:10px 10px 5px;
}

/* コメントテーブル */
.c_table {
text-align:left;
font-size:12px; /* 文字サイズ */
}

/* コメント本文 */
.comment_body {
text-align:left; /* 左寄せ */
font-size:14px; /* 文字サイズ */
color:#300; /* 本文の色 */
margin:20px 20px;
line-height:1.3; /* 行間 */
}

/* コメント日付 */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* コメント日付文字色 */
border-bottom:1px dotted #963; /* 下にライン */
margin:5px;
padding:0 10px 5px;
}



/* ---------------------------------------
▼トラックバック
---------------------------------------- */
/* トラックバック本文 */
.tra_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 本文の色 */
margin:0 20px;
line-height:1.4; /* 行間 */
}

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:11px; /* 文字サイズ */
color:#666; /* 日付色 */
margin:0;
padding:5px 15px 10px;
}

.tra_url {
text-align:left;
padding:4px 15px 20px;
}


/* ---------------------------------------
▼投稿フォーム
---------------------------------------- */

/* 名前・タイトル・アドレス等記入欄 */
.form_text {
width:280px; /* 幅 */
border:1px solid #963;
}
/* コメント記入欄 */
.form_textarea {
width:400px; /* 幅 */
border:1px solid #963;
}
/* パスワード記入欄・チェックボタン */
.form_pass,.form_check {
border:1px solid #963;
}
/* 送信・削除ボタン */
.form_button {
width:40px;
}

/* テキストエリア・フォーム等 */
INPUT,SELECT,TEXTAREA {
color:#300; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#fff; /* 背景色 */
border:#963 1px solid; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1＋2）
---------------------------------------- */
/* BPList - LIST ICON TYPE */
div.blogpeople-main p { 
margin:5px 0;
}
div.blogpeople-main p a {
padding:0 0 0 15px; /* アイコン幅に合わせて変更 */
background:url(アイコン画像のURL) no-repeat left center;
}
span.blogpeople-linklist {
display:block;
padding:0 0 0 5px;
color:#666;
font-weight:bold;
text-align:right;
border-bottom:1px dashed #963;
}

/* メニュー字 */
.menu_text {
text-align:left;
font-size:11px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
padding:5px 0 0 5px;
}
.menu_text p{
text-align:left;
font-size:11px; /* リスト以外の文字サイズ */
color:#666; /* リスト以外の文字色 */
margin:0;
}

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#900; /* リストマーク等の色 */
line-height:150%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin-left:2px;
color:#666; /* リスト以外の文字色 */
padding-left:10px;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left; /* 左寄せ */
border-bottom: 1px dotted #963; /* 下にライン */
text-decoration:none;
color:#666; /* リスト以外の文字色 */
margin-bottom:1px;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 15px;
}

/* ---------------------------------------
▼その他、各種設定
---------------------------------------- */
/* スクロール色指定（IEのみ有効）*/
html, body {
scrollbar-3dlight-color:#FFFFFF; 
scrollbar-arrow-color:#999999; 
scrollbar-darkshadow-color:#FFFFFF; 
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#999999; 
scrollbar-shadow-color:#999999; 
scrollbar-track-color:#FFFFFF;"
}



/* リスト全般 */
ul {
text-align:left;
margin-left:15px;
padding:0;
}

ol {
text-align:left;
margin-left:50px;
padding:0;
}


/* 画像 */
a img {
border-style: none;
border-width:0;	
text-decoration:none;
padding:0;
margin:0; /* 余白はありません */
}

/* 絵文字 */
.emoji {
vertical-align:middle;
border:0;
}

/* 文字装飾 */
/* 強調 */
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;
}

.googleAdContainer {
	margin:20px 20px;
	padding:5px 5px;
	text-align:left;
}

.googleAdContainer .adBlock
{
	padding: 8px 20px 8px;
	overflow: hidden;
	background: none;
}
.googleAdContainer .adWrap .adBlockHover
{
	background-color: #FFEEEE;
	padding: 8px 20px 8px;
	overflow: hidden;
}
.googleAdContainer .adTitle
{
	font-weight: bold;
}
.googleAdContainer .adDescription
{
	padding: 4px 0 0;
}
.googleAdContainer .adURL
{
	padding: 3px 0 0;
}