@charset "EUC-JP";

/*****************************************************/

/* ダウンロードしてくださって、ありがとうございます。
プラグイン有効でお使いください。プラグイン3は記事トップに設定しています。

・アダルト・宗教・違法サイトは使用不可です。

・カスタマイズ可ですが、カスタマイズ後も再配布とFC2の広告と著作権削除や改変は禁止です。
素材すべてを入れ替えた場合は、Photo＆だけを削除してください。

・IE6、IE7、OPERA9、FireFox2、Netscape7で表示・動作確認しています。
・背景透過が気になる方は、各ブラウザ用の背景透過設定を削除すれば、不透明（白）に出来ます。

・幅を増やす場合は、記事やメニューを増やした分だけ、全体のレイアウトとヘッダーも増やしてください。

何かありましたら、下記へ。
http://dokode.blog87.fc2.com/

by どこドア
2007年3月7日 */

/*****************************************************/

/* 初期化 */

* {
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: #003; /* 画面全体の文字色 */
background-color:#fff; /* 画面背景の色 */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doskykabe.jpg); /* 背景画像のURL */
background-position:left top; /*左上に配置*/
background-repeat:no-repeat; /*画像を繰り返さない*/
background-attachment:fixed; /*画像を固定*/
line-height:1.3; /* 行間 */
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:530px; /* ヘッダーの幅 */
height:130px; /* ヘッダーの高さ*/
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doskybana.gif); /* 背景画像のURL */
background-position:center; /*中央に配置*/
background-repeat:no-repeat; /*画像を繰り返さない*/
line-height:1.2; /* 行間 */
margin:0 0 10px;
padding:0;
}

/* メイン */
#main {
width:530px;
float:right; /* 右に配置 */
background-color:#fff; /* 背景色 */
border-left:#009 1px solid;
border-right:#009 1px solid;
border-bottom:#009 1px solid;
padding:0;
margin:0;
}

/* メニュー */
#menu {
float:left; /* 左に配置 */
width:210px; /* メニューの幅 */
background-color:#fff; /* 背景色（透過設定がいらない方は下の3つの透過設定を削除してください） */
filter:alpha(opacity=70); /* IE用透過設定（100に近づけるほど不透明）*/
-moz-opacity:0.7; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
opacity:0.7; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
border-left:#fff 1px dashed;
border-right:#fff 1px dashed;
border-bottom:#fff 1px dashed;
margin:0 0 20px;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}


/************************************/
/* リンク */
/* 画面全体のリンク色 */
a {
color:#009;
text-decoration:none; /* アンダーラインなし */
}
/* 未閲覧のリンク色 */
a:link {
color:#009;
text-decoration:none;
}
/* 閲覧済リンク色 */
a:visited {
color:#00c;
text-decoration:none;
}
/* アクティブ中リンク色 */
a:active {
color:#00c;
text-decoration:none;
}
/* カーソルを載せた時のリンク色 */
a:hover {
color:#06f;
text-decoration:underline;
}

/* 記事囲み部分のリンク設定 */
.entry_block a, .entry_block a:link {
color:#369;
text-decoration:underline; /* アンダーラインあり */
}
entry_block a:visited, .entry_block a:active {
color:#69c;
text-decoration:underline; /* アンダーラインあり */
}

/* カーソルが乗った時 */
.entry_block a:hover {
color:#9cf;
text-decoration:underline;
}

/* 記事移動・頁移動のカーソルを載せた時のリンク色 */
.navi a:hover {
color:#fff;
background:#9cf;
text-decoration:none;
}


/************************************/
/* メイン */

/* ブログタイトル */
h1 {
text-align:right;
font-family: Verdana,Chicago,Arial,Helvetica,Osaka,sans-serif; /* ブログタイトルのフォント */
font-size:16px; /* ブログタイトルのサイズ */
font-weight:bold; /* ブログタイトルの太さ */
color:#fff; /* ブログタイトルの色 */
padding:25px 30px 5px 30px; /* ブログタイトルの位置・上右左下の順に記述 */
margin:0;
}

/* ブログタイトルのリンク設定 */
h1 a:link, h1 a:visited, h1 a:active{
color:#fff;
text-decoration:none;
}
/* カーソルが乗った時 */
h1 a:hover {
color:#9cf;
text-decoration:none;
}

/* ブログ説明 */
.intro {
text-align:right;
font-size:12px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:normal;
margin:0;
padding:0 30px;
}

/************************************/
/* メニュー（プラグイン1＋2）*/

/* メニュータイトル */
h3 {
text-align:left;
font-size:12px; /* メニュータイトルの文字サイズ */
color:#fff; /* 文字色 */
font-weight:bold;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doskybg.jpg); /* 背景画像のURL */
background-color:#69c;
margin:0;
padding:3px 5px;
}

/* メニュー内枠 */
.menu_body {
margin:0;
padding:0;
}

/* メニュー字 */
.menu_text {
text-align:left;
font-size:12px; /* メニューの文字サイズ */
color:#009; /* メニューの文字色 */
padding:5px 10px;
line-height:1.4; /* 行間 */
}

.menu_text p {
text-align:left;
font-size:11px;
color:#003;
margin:4px;
}

/* メニューリスト */

/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#69c; /* リストの文字色 */
line-height:1.5; /* 行間 */
text-decoration:none;
list-style-type:square; /* リストマークの種類 */
margin:0;
padding:0 0 0 17px;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
text-decoration:none;
padding:0;
}

.menubottom{
text-align:left;
font-size:11px;
color:#666;
line-height:150%;
border-top:1px dashed #009;
padding:10px;
margin:0;
}

/************************************/
/* プラグインカレンダー */

table.calender {
font-size:11px;
width:96%;
font-family:Helvetica,Arial,Verdana,Chicago;
border-collapse:separate;
}

caption a {
font-weight:bold;
}

.calender td, .calender th {
text-align:center;
width:14%;
padding:0;
line-height:150%;
}

/* カレンダーリンク設定 */
.calender td a {
font-weight:bold; /* 記事を書いた日を太字に */
color:#fff;
background:#9cf;
text-decoration:none;
display:block;
}
.calender td a:link, .calender td a:visited, .calender td  a:active {
color:#fff;
background:#9cf;
text-decoration:none;
}

/* カーソルが乗った時 */
.calender td a:hover {
color:#fff;
background:#00c;
text-decoration:none;
}

th#sat {
color:#00c; /* 土曜日の色 */
}
th#sun {
color:#c00; /* 日曜日の色 */
}


/************************************/
/* エントリー（記事） */

/* 記事レイアウト */
.entry_block {
margin:0 0 15px;
padding:0;
}

/* 記事タイトル*/
h2 {
text-align:left;
font-size:14px; /* 記事タイトルのサイズ */
color: #fff; /* 記事タイトルの色 */
font-weight:bold; /* 記事タイトルの太さ */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doskybg.jpg); /* 背景画像のURL */
background-color:#369;
margin:0;
padding:5px 10px;
}

/* 記事タイトル下日付 */
.entry_day {
text-align:right;
font-family:Verdana,Chicago,Arial,Helvetica,Osaka; /* 日付けの文字種類 */
color:#69f; /* 日付けの文字色 */
font-size:18px; /* 日付けの文字サイズ */
font-weight: bold; /* 日付けの文字太さ */
margin:0;
padding:5px 20px;
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:12px; /* 記事本文の文字サイズ */
color:#006; /* 記事本文の文字色 */
line-height:1.7; /* 行間 */
margin:0;
padding:10px 25px;
}

/* 続きを読む */
.more {
text-align:right;
font-weight:bold;
font-family:Verdana,Chicago,Arial,Helvetica;
margin:10px 0 5px;
}

/* 記事本文下データ */
.entry_state {
text-align:right;
font-size:12px;
color:#666; /* 文字色 */
line-height:120%; /* 行間 */
margin:0;
padding:10px 10px 0;
}

/************************************/
/* ページナビ */
.navi {
text-align:center;
font-size:12px; /* ページナビの文字サイズ */
color:#666; /* ページナビの文字色 */
line-height:130%;
margin:30px 0;
padding:0 10px;
}


/************************************/
/* コメント */

/* コメント・トラックバック共通のナビ */
.ct_navi {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#69c; /* 文字色 */
font-weight:bold;
border-bottom:3px solid #69c;
padding:10px 3px 2px;
margin:2px 10px 7px;
}

/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#69c; /* 文字色 */
font-weight:bold;
padding:15px 10px 0;
}

/* コメント本文 */
.comment_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#006; /* 文字色 */
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;
}
.form_text {
width:250px;
border:1px solid #69c;
}
.form_textarea {
width:380px;
font-size:12px;
border:1px solid #69c;
}
.form_pass,.form_check  {
border:1px solid #69c;
}
.form_button {
width:40px;
}

/* テキストエリア・フォーム等 */
INPUT,SELECT,TEXTAREA {
color:#003; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#fff; /* 背景色 */
border:#006 1px solid;
padding:1px;
margin:2px 0;
}

/************************************/
/* トラックバック*/

/* トラックバック本文*/
.tra_body {
text-align:left;
font-size:11px; /* 文字サイズ */
color:#003; /* 文字色 */
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;
}


/************************************/
/* フッター */

#footer {
text-align:center;
font-size:11px;
color:#666;
line-height:150%;
border-top:1px dashed #009;
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 {
color: #006; /* 引用文の文字色 */
font-size:12px; /* 文字サイズ */
background-color:#F0F8FF; /* 引用文の背景色 */
border:#9cf 2px solid; /* 引用文をラインで囲んでいます */
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:#009;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#009;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#009;
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:0;
}
