@charset "UTF-8";


/*-- ページ全体の設定 --*/
body { font-size: 100%;
	background-color: #222222;
	color: #cccccc;
	margin: 1% 3% 5% 5%;
	line-height: 1.5;
	}

/*-- 　文字サイズの『%』指定について　 --*/

/*-- 　このテンプレートのカスタマイズは自由にしていただいて構いませんが、たった一つだけ、文字サイズの指定は『%』の相対値で指定して下さい。 --*/

/*-- 　px等の絶対値で指定してしまうと、ブログを見る側の人の自由度がかなり犠牲になります。
　ブラウザによっては、文字サイズの拡大、縮小をしてもサイズが変わらなくなってしまうものもあります。 --*/

/*-- 　『%』で指定すると、見る側の人が、自分の見たい文字の大きさで自由に見ることができます。
　このテンプレートは、どんな文字サイズで見てもバランスが崩れないように配慮しているつもりです。 --*/

/*-- 　初期段階の文字の大きさが大きいと思われる方は、5行目に記載している --*/

/*-- body { font-size: 100%;　 --*/

/*-- 　の、100％の部分をお好みの小さな数字に書き換えて下さい。
　各部分の文字のバランスはそのままに、全体が小さくなります。
　もちろん、100%以上に設定しても問題ありません。 --*/

/*-- 　ブログを見る側の人には、色んな環境や状態の人がいます。老眼の人などは、小さい文字なんか見えません。かく言う私も老眼だ(^^)
　色んな環境の人が快適にブラウジングできるよう、お願いします。 --*/



/*-- 各見出しの設定 --*/
h1 {
	font-size: 170%;
	font-weight: bold;
	}

h2 {
	font-size: 120%;
	font-weight: bold;
	}

h3 {
	font-size: 110%;
	font-weight: bold;
	}

h4 {
	font-size: 100%;
	font-weight: bold;
	}


/*-- リンクの設定 --*/
a { color:#FF8000;
	padding: 0.3em 0; }
a:visited { color: #ffcc33}
a:hover { color: #00ff00;}

	/*-- ブログタイトルのリンク設定 --*/
.maintitle a {
	color: #e6e6e6;
	text-decoration: none;
	}
.maintitle a:hover {
	color: #e6e6e6;
	text-decoration: underline;
	}

	/*-- 記事タイトルのリンク設定 --*/
.entry-header a { color: #d8d8d8;
	text-decoration: none;
	}
.entry-header a:hover { color: #d8d8d8;
	text-decoration: underline;
	}



/*-- メインカラムのサイズ設定 --*/
#primary-column {
	width: 68%;
	float: right;
	}

/*-- 右カラムのサイズ設定 --*/
#secondary-column {
	width: 28%;
	font-size: 95%;
	}


/*-- ブログタイトルの設定 --*/
#branding {
	padding: 12px 12px 20px 50px;
	margin-top: 20px;
	}


/*-- ブログ説明文の設定 --*/
.subtitle {
	color: #e6e6e6;
	padding: 10px 30px 0px 30px;
	font-size: 110%;
	}


/*--記事タイトルの設定 --*/
.entry-header {
	padding: 10px 15px 10px 30px;
	margin-bottom: 0;
	margin-top: 20px;
	border: 1px solid #4c4c4c;
	border-bottom: none;
	background-color: #000000;
	}

.entry-date {
	text-align: right;
	font-size: 95%;
	border: 1px solid #4c4c4c;
	border-top: none;
	padding-right: 20px;
	padding-bottom: 7px;
	margin-bottom: 3px;
	background-color: #000000;
	}


/*-- 記事本文の設定 --*/
.entry-body {
	background-color: #000000;
	padding: 3% 3% 1% 4%;
	border: 1px solid #4c4c4c;
	border-bottom: none;

		}


.entry-footer {
	font-size: 95%;
	background-color: #000000;
	border: 1px solid #4c4c4c;
	border-top: none;
	padding: 20px;
	margin-bottom: 20px;
	text-align: right;
	}


/*-- コメント欄の設定 --*/
#comment-top {
	background-color: #e5e5e5;
	color: #000000;
	padding: 7px 1em 7px 1em;
	margin-bottom: 0;
	text-align: center;
	border: 2px outset #ffffff;
	}

.comment-header {
	color: #e6e6e6;
	padding: 20px 10px 0 20px;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 1px ridge #e5e5e5;
	border-left: 1px ridge #e5e5e5;
	}

.comment-body {
	color: #e6e6e6;
	padding: 5%;
	border-right: 1px ridge #e5e5e5;
	border-left: 1px ridge #e5e5e5;
	}

.comment-footer {
	font-size: 95%;
	text-align: right;
	color: #e6e6e6;
	border: 1px ridge #e5e5e5;
	border-top: none;
	padding: 0 10px 20px 0px;
	}


/*-- コメント書き込み欄の設定 --*/
.comment-post,
.comment-edit {
	font-size: 110%;
	background-color: #e5e5e5;
	color: #000000;
	padding: 5px;
	border: 2px ridge #ffffff;
	margin-bottom: 0;
	text-align: center;
	}
.kakikomi {
	color: #e6e6e6;
	border: 1px ridge #e5e5e5;
	border-top: none;
	padding: 20px;
	margin-bottom: 2em;
	}
.kakikomi input,
.kakikomi textarea { font-size: 100%;}


/*-- トラックバック欄の設定 --*/
#trackback-top {
	background-color: #e5e5e5;
	color: #000000;
	padding: 7px 1em 7px 1em;
	margin-bottom: 0;
	text-align: center;
	border: 2px outset #ffffff;
	}

.trackback-uri {
	color: #e6e6e6;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
	border: 1px ridge #e5e5e5;
	border-top: none;
	}
.trackback-header {
	color: #e6e6e6;
	padding: 10px 10px 0 20px;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 1px ridge #e5e5e5;
	border-left: 1px ridge #e5e5e5;
	}

.trackback-excerpt {
	color: #e6e6e6;
	padding: 20px;
	border-right: 1px ridge #e5e5e5;
	border-left: 1px ridge #e5e5e5;
	}

.trackback-footer {
	color: #e6e6e6;
	font-size: 95%;
	text-align: right;
	border: 1px ridge #e5e5e5;
	border-top: none;
	padding: 10px;
	}


/*-- 引用部分の設定 --*/
blockquote {
	color: #e6e6e6;
	background-color: #333333;
	margin: 20px 20px 20px 30px;
	padding: 20px;
	border: 1px solid #cccccc;
	border-left: 5px solid #cccccc;
	}



/*-- サイドカラムの設定 --*/

.sotowaku {
	border: 1px ridge #ffffff;
	border-top: 1px solid #000000;
	background-color: #000000;
	padding: 0 15px 5px 15px;
	margin-bottom: 1.5em;
	}
.sotowaku ul {
	padding: 0 5px 5px 1em;
	margin: 0;
	}
.nopin ul {
	padding: 1em 5px 1em 1em;
	margin: 0;
	}
.nopin h4 {text-align: center;}


/*-- コメント部分、サイドカラムの装飾 --*/
#secondary-column h4 {
	background-color: #e5e5e5;
	color: #000000;
	padding: 5px 1em 5px 1em;
	margin-bottom: 0;
	border: 2px outset #ffffff;
	}

/*-- ページナビゲートの設定 --*/
.prev-next-navi {
	margin: 10px;
	text-align: center;
	}


/*-- 個別記事ナビゲートの設定 --*/
.pageLink {
	margin: 10px 10px 30px 0;
	text-align: right;
	}


/*-- コメント送信ボタンのマージン --*/
.form-btn { margin: 15px;}


/*-- FC2の広告欄 --*/
.koukoku {
	font-size: 80%;
	margin-top: 1em;
	}


/*-- 文字サイズ変更ボタンの設定 --*/
.mojisize {
	width: 10em;
	margin-bottom: 25px;
	color: #e6e6e6;
	border: 1px ridge #ffffff;
	}
.mojihenk {
	width: 10em;
	text-align:center;
	background-color: #e5e5e5;
	color: #000000;
	border-bottom: 1px ridge #ffffff;
	}
.mojiset {
	width: 10em;
	text-align:center;
	padding: 3px 0px 3px 0px;
	}
.smoji { font-size: 85%;}
.mmoji { font-size: 100%;}
.lmoji { font-size: 125%;}
.mojiset a {
	color: #ffffff;
	border: 1px solid #222222;
	padding: 2px 0.5em 2px 0.5em;
	text-decoration: none;
	}
.mojiset a:hover {
	color: #000000;
	padding: 2px 0.5em 2px 0.5em;
	background-color: #e5e5e5;
	}