@charset "UTF-8";


/* 画面全体 */

/* 初期化 */

* {
margin:0;
padding:0;
word-break:break-all;
}

body{
text-align: center; /* 中央に配置 */
color: #000; /* 画面全体の文字色 */
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",'Hiragino Kaku Gothic Pro','Osaka',sans-serif; /* 画面全体のフォント指定 */
background-color: #fff; /* 画面背景の色 */
background-position: center top; /* 背景画像の位置 */
background-repeat: repeat-y; /* 画像を縦にリピート */
background-image: url(http://blog-imgs-14-origin.fc2.com/d/o/k/dokode/kabeg800mono.gif); /* 背景画像のURL */
padding:0;
margin:0;
font-size: x-small; /* 古いIEの文字サイズ */
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
font-size: 1em; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}

html>body{
font-size: 1em; /* OPERAやFireFoxなどの新しいブラウザでの文字サイズ */
}

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

/* 全体のレイアウト（メニュー＋メイン＋余白） */
#layout {
width: 800px; /* レイアウトの幅 */
margin: 0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding: 0;
background-color: #f5f5f5; /* レイアウト部分の背景色 */
border-left: dashed 1px #000; /* 左に点線 */
border-right: dashed 1px #000; /* 右に点線 */
background-image: url(http://blog-imgs-14-origin.fc2.com/d/o/k/dokode/grag1.gif); /* 背景画像 */
}

/* ヘッダー */
#header {
text-align: left; /* 左寄せ */
width: 800px;  /* ヘッダーの幅 */
height: 196px; /* ヘッダーの高さ */
background-color: #fff; /* ヘッダーの背景色 */
background-image: url(http://blog-imgs-15-origin.fc2.com/k/d/1/kd1/top3-3.gif); /* ヘッダー画像のURL（変更したい場合はここを変えてください） */
background-repeat:no-repeat;
background-position: left top; /* ヘッダー画像を左上にひとつだけ置いています */
line-height: 130%; /* 行間 */
padding: 0;
margin-bottom:10px;
}

/* メニュー */
#menu_block {
float: left; /* 左に回り込む */
width: 220px; /* メニューの幅 */
background-color: transparent; /* 背景を透明に */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* メイン */
#main {
float: right; /* 右に回り込む */
width: 560px; /* メイン幅 */
margin: 0;
padding: 0;
}


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

/* 画面全体のリンク色 */
a {
color: #000;
text-decoration: none; /* アンダーラインなし */
}
/* 未閲覧のリンク色 */
a:link {
color: #000;
text-decoration: none;
}
/* 閲覧済リンク色 */
a:visited {
color: #666;
text-decoration: none;
}
/* アクティブ中リンク色 */
a:active{
color: #666;
text-decoration: none;
}
/* カーソルを置いた時のリンク色 */
a:hover{
color:#999;
text-decoration:underline;
}

/* 記事中のリンク設定 */
.entry_block a, .entry_block a:link {
color: #000;
text-decoration: underline;
}
.entry_block a:visited,.entry_block a:active {
color: #666;
text-decoration: underline;
}
/* カーソルが乗った時 */
.entry_block a:hover {
color:#999;
text-decoration:underline;
}

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

/* ブログタイトル */
h1{
text-align: right; /* 右寄せ */
font-family: cursive; /* タイトルのフォント */
font-size: 42px; /* タイトルの大きさ */
color: #000; /* タイトルの色 */
font-weight: bolder; /* タイトルの太さ */
margin: 0;
padding: 120px 20px 0px 20px; /* ブログタイトルの位置、上・右・下・左の順に記述 */
}

/* ブログタイトルのリンク設定 */
h1 a:link, h1 a:visited, h1 a:active{
color:#000;text-decoration: none;
}
h1 a:hover {
color: #ccc;text-decoration: underline;
background: transparent; /* 背景透明 */
}

/* ブログ説明文 */
h2{
text-align: right; /* 右寄せ */
font-size: 13px; /* 説明文の大きさ */
color: #666; /* 説明文の色 */
font-weight: normal; /* 説明文の太さ */
margin: 0;
padding: 10px 20px 0px 20px; /* 説明文の位置、上・右・下・左の順に記述 */
}


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

/* 横カレンダー */
.yoko_calender{
text-align: center; /*中央に配置*/
font-family: Helvetica, Arial,sans-serif; /*横カレンダーのフォント指定*/
font-size: 12px; /*横カレンダーの文字サイズ*/
color: #000; /*横カレンダーの文字色*/
background-color: #dcdcdc; /*横カレンダーの背景色*/
background: url(http://blog-imgs-14-origin.fc2.com/d/o/k/dokode/kabe01.gif);
/*横カレンダーの背景壁紙*/
padding: 2px 0;
margin: 5px auto 0;
}

.day{
margin: 0 2px;
}

/* 横カレンダーのリンク色 */
.yoko_calender a, .yoko_calender a:link, .yoko_calender a:visited{
color: #000;
text-decoration: none;
font-weight: bold;
}
/* アクティブ中 */
.yoko_calender a:active{
color : #666;
text-decoration: none;
font-weight: bold;
}
/* カーソルが乗った時 */
.yoko_calender a:hover{
background:#666; /* カーソルが乗った時の背景色 */
color:#fff; /* カーソルが乗った時の文字色 */
text-decoration: none;
}
/* 横カレンダーがいらない場合は、HTMLソースの横カレンダーここから、横カレンダーここまでの部分を削除してください */


/* プラグインカレンダー */

table.calender{
width: 98%; /* プラグインカレンダーの幅、最大100%まで */
font-family: Arial,Helvetica,Osaka; /* プラグインカレンダーのフォント指定*/
border-collapse: collapse;
background-color: #fff; /* プラグインカレンダーの背景色 */
font-size: 11px; /* プラグインカレンダーの文字サイズ */
}

.calender td, .calender th{
text-align: center;
border: 1px solid #ccc; /* 枠線色 */
padding: 0;
line-height: 150%;
}

th{
font-weight: normal;
}

.calender td a{
background: #eee; /* 記事を書いた日の背景色 */
display: block;
}
/* カーソルが乗った時のリンク設定 */
.calender a:hover{
background:#999; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration: none;
}

th#sat{
color: #00f; /* 土曜日の色 */
}
th#sun{
color: #c00; /* 日曜日の色 */
}


/************************************/
/* サイドメニュー（プラグイン1＋2）*/


/* メニュータイトル */
.menu_title{
text-align: left;
font-size: 12px; /* メニュータイトルの大きさ */
color: #fff; /* メニュータイトルの色 */
background-color: #000; /* メニュータイトルの背景色 */
font-weight:bold; /* メニュータイトルの太さ */
margin:25px 0 5px 10px;
padding: 4px 5px;
}

/* メニュー内枠 */
.menu_body{
margin-left:10px;
padding: 0;
}

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

.menu_text p{
text-align: left;
font-size: 11px; /* リスト以外の文字サイズ */
color: #000; /* リスト以外の文字色 */
margin:0;
}

/* メニューリスト */

/* リスト親要素 */
.menu_body ul {
text-align: left;
color: #000; /* リストの文字色 */
line-height: 1.5; /* 行間 */
text-decoration: none;
list-style-type: circle; /* リストマークの種類 */
margin: 0;
padding: 0 0 0 14px;
}

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


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

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

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

/* プラグイン3タイトル */
.p3_title {
text-align: left;
font-size: 14px; /* プラグイン3タイトルのサイズ */
font-weight:bold; /* プラグイン3タイトルの太さ */
color: #000; /* プラグイン3タイトルの色 */
background-color: #dcdcdc; /* プラグイン3タイトルの背景色 */
background: url(http://blog-imgs-14-origin.fc2.com/d/o/k/dokode/kabe01.gif); /* プラグイン3タイトルの背景画像URL */
margin: 0;
padding: 5px;
}

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

/* 記事囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
background-color: #fff; /* 記事部分の背景色 */
border: 1px solid #000; /* 記事を実線で囲んでいます */
padding: 0;
margin: 25px 15px 35px 0;
}

/* 記事タイトル */
.entry_title {
text-align: left;
font-size: 14px; /* 記事タイトルのサイズ */
font-weight:bold; /* 記事タイトルの太さ */
color: #fff; /* 記事タイトルの色 */
background-color: #000; /* 記事タイトルの背景色 */
margin:0;
padding: 5px 10px;
}

/* 記事日付 */
.entry_day {
text-align: right;
font-size: 13px; /* 記事日付のサイズ */
color: #999; /* 記事日付の色 */
font-weight:bold; /* 記事日付の太さ */
margin: 0;
padding: 5px 15px;
}

/* 記事本文 */
.entry_body {
text-align: left;
font-size: 0.9em; /* 記事本文の文字サイズ */
color: #000; /* 記事本文の色 */
margin: 15px 20px;
line-height: 1.7; /* 記事本文の行間 */
}

h3 {
font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}



/* 記事データ */
.entry_state {
text-align: right;
font-size: 12px; /* 文字サイズ */
color: #666; /* 記事データの色 */
padding: 20px 15px 10px 25px;
}

/************************************/
/* ページナビ */
.navi {
text-align: center;
font-size: 13px; /* ページナビの文字サイズ */
color: #000; /* 文字色 */
margin: 15px 0;
padding: 10px;
line-height: 1.4;
}

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

/* コメント・トラックバック共通のナビ */
.ct_navi {
font-size: 13px; /* ナビの文字サイズ */
font-weight: bold; /* ナビの文字太さ */
color: #000; /* ナビの文字色 */
border-bottom: 1px solid #000; /* 下にライン */
margin: 2px 10px 10px;
padding-top: 10px;
}

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

/* コメント本文 */
.comment_body {
text-align: left;
font-size: 12px; /* 文字サイズ */
color: #000; /* 本文の色 */
margin: 15px 20px;
line-height: 1.7; /* 行間 */
}

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

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

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

.form {
margin: 10px;
}
/* 名前・タイトル・アドレス等記入欄 */
.form_text {
width: 250px; /* 幅 */
border: 1px solid #000; /* ラインで囲んでいます */
}
/* コメント記入欄 */
.form_textarea {
width: 400px;
border: 1px solid #000;
}
/* パスワード記入欄・チェックボタン */
.form_pass,.form_check {
border: 1px solid #000;
}
/* 送信・削除ボタン */
.form_button{
width: 40px;
}


/************************************/
/* トラックバック*/

/* トラックバック日付 */
.tra_date {
text-align: right;
font-size: 11px; /* トラックバック日付文字サイズ */
color: #666; /* トラックバック日付色 */
margin: 0;
padding: 5px 15px 15px;
}

.tra_url {
text-align: left;
padding: 4px 0 20px 10px;
}

/************************************/
/* フッター */

#footer{
text-align: right; /* 右寄せ */
font-size: 12px; /* フッターの文字サイズ */
line-height: 140%;
padding: 5px 10px;
clear: both;
}

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

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

ol {
text-align: left;
margin-left: 25px;
padding: 0;
}

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

/* 絵文字 */
.emoji{
vertical-align:middle;
border:0;
}


/* 引用文 */
blockquote{
color: #333; /* 引用文の文字色 */
font-size: 12px; /* 文字サイズ */
background-color: #f5f5f5; /* 引用文の背景色 */
border: 1px dashed #999; /* ラインで囲んでいます */
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;
}

/* テキストエリア・フォーム等 */
INPUT,SELECT,TEXTAREA{
color: #000; /* 文字色 */
font-size: 12px; /* 文字サイズ */
background-color: #fff; /* 背景色 */
border: #000 1px solid; /* 実線で囲んでいます */
padding: 1px;
margin: 3px 0;
}

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

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

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


/* 「含むはてなブックマーク」ボタン */
img.b_entry{
	float: none;
	clear: both;
	border: none;
}