@charset "UTF-8";

/* 1.02
 * サンプル  http://paro2day.blog122.fc2.com/blog-entry-351.html
 * プラグイン3を常に表示させる場合はHTMLの該当箇所2行を削除
 * <!--Plugin3[1]-->
 * 使わない場合はプラグイン1や2に移動
 *
 * 可変は 全体幅 を % で指定
 * 必要であれば、最大幅maxと最小幅minを加える
 * #pagetop{ width: 94%; max-width: 960px; min-width: 800px; }
 *
 * 記事本文で使用可能な画像の大きさ目安
 * LL 500px / L 455px / M 420px / S 350px / 可変 変動
*/

/* ----------------------------------------------------[ 幅変更 ]
 * 初期値 : M
 * LL  995px  203px  203px  -203px  -203px  223px  223px
 * L   950px  203px  203px  -203px  -203px  223px  223px
 * M   906px  196px  196px  -196px  -196px  216px  216px
 * S   819px  190px  190px  -190px  -190px  210px  210px
 * 可変＋固定  94%  左右幅指定
 * 可変＋可変  94%  21%  21%  -21%  -21%  23%  23%
 * Sample どれか1行を左から順に下記の5つに上書き
*/
#pagetop{ width: 906px; }	/* 全体幅 */
#sideL{ width: 196px; }	/* 左幅 */
#sideR{ width: 196px; }	/* 右幅 */
#main{ margin-left : -196px; }	/* 左幅の -値 */
#mainSide{ margin-right: -196px; }	/* 右幅の -値 */
.eContent,.pContent,ul.navi{
	margin-left : 216px;	/* 左幅 +20 くらいの数値 */
	margin-right : 216px;	/* 右幅 +20 くらいの数値 */
}

/* ----------------------------------------------------[ 枠線色 ]
 * 青 #7491a9 / 緑 #73a881 / 灰 #dddddd / 赤 #c37f76 / 黄 #a9a271
 * 濃 #444455 / 濃 #445544 / 濃 #444444 / 濃 #554444 / 濃 #555544
*/
.fLine{ border-color: #505050; } /* メイン */
.sidebar .fLine{ border-color: #404040; } /* サイド */

/* ----------------------------------------------------[ サイドリンク色 ]
*/
.sidebar a:link{
	text-decoration: none;
	color: #ffff00;
}
.sidebar a:visited{
	text-decoration: none;
	color: #ffff00;
}
.sidebar a:hover{
	text-decoration: none;
	color: #ff0000;
}
.sidebar li a:link{
	text-decoration: none;
	color: #9c9c9c;	/* リスト */
}
.sidebar li a:visited{
	text-decoration: none;
	color: #9c9c9c;
}
.sidebar li a:hover{
	text-decoration: none;
	color: #ffffff;
}

/* ----------------------------------------------------[ 記事リンク色 ]
*/
.eBody a:link,.cComment a,#trackbackArea a{
	color: #ffff00;
	text-decoration: underline;
}
.eBody a:visited{
	color: #ffff00;
	text-decoration: underline;
}
.eBody a:hover,.cComment a:hover,#trackbackArea a:hover,div#main .eTitle a:hover{
	color: #ff0000;
	text-decoration: none;
}
/* --- Plugin3 --- */
.pContent li a:link,.pContent li a:visited{
	color: #f0f0f0;
	text-decoration: none;
}
.pContent li a:hover{
	color: #ff0000;
	text-decoration: none;
}
/* --- Archives --- */
.titleBody dt a{
	color: #ee66aa;
	text-decoration: none;
}
.titleBody dt a:visited{
	color: #eeaa66;
	text-decoration: none;
}
.titleBody dt a:hover{
	color: #ffffff;
}

/* ----------------------------------------------------[ 画像 ]
 囲み線が不要な場合は border の1行を削除
*/
.eBody img{
	margin: 1px 0px;		/* 余白-上下・左右 */
	border: #222222 1px solid;	/* 記事-囲み線 */
}
.eBody a img{
	border: #333333 1px solid;	/* リンク有-囲み線 */
}
.eBody a:hover img{
	border-color: #ffffff;	/* リンク有-接触 */
}
.sBody img{
	margin: 1px 0px;		/* 余白-上下・左右 */
	border: #222222 0px solid; /* サイドバー-必要な場合は 1px */
}

/* ----------------------------------------------------[ FONT ]
 94% 82% 69%
*/
h1.title{ font-size: 94%; }		/* ブログタイトル */
h1.title a,h1.title a{
	text-decoration: none;
	color: #eeeeee;
}
h1.title a:hover{
	color: #ffffff;
}
.intro{		/* ブログ説明文 */
	color: #cccccc;
	font-size: 82%;
}
#main .eTitle{ font-size: 82%; }	/* 記事タイトル */
#main .eTitle,#main .eTitle a{
	color: #eeeeee;
	text-decoration: none;
}
.eContent,.eContent table,.pContent,.pContent table{
	color: #d0d0d0;		/* 記事本文 */
}
.eBody,.fc2_footer,.titleBody{ font-size: 82%; }

.eTag,.eCategory{ font-size: 82%; } 	/* カテゴリ・タグ */
.eCategory a,.eTag a{
	color: #939393;
	text-decoration: underline;
}
.eCategory a:hover,.eTag a:hover{
	color: #ffffff;
	text-decoration: none;
}
.eFooter{ font-size: 82%; }		/* 記事下部 */
.eFooter,.eFooter a,li.eEdit a:hover{
	color: #aaaaaa;
	text-decoration: none;
}
.eFooter a:hover{
	color: #ffffff;
	text-decoration: none;
}
li.eEdit a{ color: #000000; }		/* 全体背景色と同色に */

.cComment,#comment_form,
#trackbackArea ol,#tbForm,.tUser{ font-size: 82%; } /* コメント・トラバ */

.sidebar{ font-size: 82%; }		/* サイド */
.sTitle{ color: #cccccc; }		/* +タイトル */
.sidebar,.sidebar table{ color: #bbbbbb; }	/* +本文 */

ul.navi{				/* ナビ */
	color: #404040;
	font-size: 82%;
}
ul.navi a{ color: #888888; }
.navi a:hover{ color: #ffffff; }

#footer{ font-size: 82%; }	/* 最下部 */
#footer ul,#footer ul a{
	color: #757575;
}
#footer a:hover,address a{ color: #ffffff; }

#head a{
	padding: 3px 7px 3px;
	color: #aaaaaa;		/* 右上メニュー */
	text-decoration: none;
}
#head a:hover{
	color: #ffffff;
	background: #444444;
	text-decoration: none;
}
a{ color: #888888;text-decoration: none; }
a:hover{ color: #ffffff; }


/* ----------------------------------------------------[ 行間 ]
*/
.eBody{ line-height: 1.2; }		/* 記事 */
.cComment,.tbBody{ line-height: 1.6; }	/* コメント・トラバ */
.sBody{ line-height:1.4; }		/* サイド */
.pContent .eBody{ line-height:1.6; }	/* プラグイン3 */
.eBody p{ margin: 0.1em 0 0.9em; }	/** Paragrap main **/
.sBody p{ margin: 0.1em 0 0.3em; }	/** Side **/
.pContent p{ margin: 0.1em 0 0.8em; }	/** Plugin3 **/


/* AA表示 */
.aa{
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:12px;
line-height:14px;
}

/* ----------------------------------------------------[ Body ]
*/
body{
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #666666;
	background: #000000;		/* 全体背景色 */
	text-align: center;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: #777777;
	word-break: break-all;
	word-wrap: break-word;
}
#pagetop{
	margin: 0 auto;
}
#main,.sidebar{
	padding: 30px 0 0;
	text-align: left;
}
#main{
	margin-bottom: 40px;
	overflow: hidden;
	float: right;
	width: 100%;
}
#mainSide{
	float: left;
	width: 100%;
}
#sideL{ float: left; }
#sideR{ float: right; }

#head{
	padding: 6px 0 0;
	list-style-type: none;
	font-size: 69%;
	text-align: right;
}
#head li{
	display: inline;
	line-height: 1;
}
h1.title{
	margin: 0;
	padding: 4px 0.1em 0.1em;
	line-height: 1;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
}
p.intro{
	margin: 5px 2px 0;
	line-height: 1.2;
	text-align: right;
}
p.intro a,.intro span{
	margin: 0 3px;
	color: #ffffff;		/*  ブログ説明文 文字色 */
}
p.intro a:hover{
	color: #ee66aa;
	text-decoration: underline;
}
.intro span{
	text-decoration: underline;
}

/* ----------------------------------------------------[ Reset ]
*/
h3.fix,h4.fix{
	font-size: 100%;
}
table{
	font-size: 100%;
}
p,ol,ul,li,dl,dt,dd,form,fieldset{
	margin: 0;
	padding: 0;
}
img,a img,fieldset{
	border: 0 none;
}
pre{
	overflow: auto;
	font-size: inherit;
}
textarea,select,input{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
	/*\*//*/
	font-family: Osaka;
	/**/
}
textarea,input{
	margin: 0.1em 0;
	border: 1px #505050 solid;
	line-height: 1.2;
	color: #cccccc;
	background: #111111;
}
textarea{ padding: 3px; }
body > div input{padding: 3px 3px;}
body > div input[type=submit]{
	margin: 0.2em 2px;
	padding: 2px 0.2em 1px;
	line-height: 1.2;
	font-size: 84%;
}
blockquote{
	margin: 1.4em 0.5em;
	padding: 0.6em 0.7em;
	border: #393939 1px solid;
	color: #dddddd;
	background: #202020;
}
.eBody blockquote p{
	margin: 0.3em 0 0.3em;
}
.eBody ul,.eBody ol{
	margin: 16px 0 17px 32px;
	line-height: 1.4;
}
.eBody ol{
	padding-left: 7px;
}
.eBody ul ul,.eBody ol ol{
	margin: 11px 0 16px 22px;
}
.eBody li{
	margin: 0 0 10px;
}
h3.fix{
	margin: 1.9em 0 1.1em -2px;
	padding: 5px 7px;
	border-left: #ffaa66 7px solid;
	line-height: 1.2;
	color: #ffffff;
	font-weight: normal;
}
h4.fix{
	margin: 1.9em 0 1.1em -2px;
	padding: 5px 7px;
	border-left: #fff 7px solid;
	line-height: 1.2;
	color: #ffffff;
	font-weight: normal;
}
* html .sBody,* html form,* html .fLine,
* html .pContent .eBody,* html .pContent,
* html .eContent,* html .eCategory{
	height: 1px;
}
.emoji {
	margin: 0 0.1em;
	vertical-align: middle;
}
div div .disNone{
	display: none;
}

/* ----------------------------------------------------[ Entry ]
*/
.eContent,.pContent{
	margin-bottom: 3.3em;	/* 各記事間隔 3.3em */
	padding-top: 0.3em;
	position: relative;
	min-height: 1px;
}
.fLine{
	padding: 0.8em 0;
	border-width: 1px;
	border-style: solid;
	position: relative;
	min-height: 1px;
	background: #000000;		/* 全体背景色と同色に */
}
#main .eTitle{
	margin: 0 0.7em;
	padding: 0.2em 0.3em 0 0.3em;
	position: absolute;
	top: -0.9em;
	left: 0;
	z-index: 3;
	line-height: 1.4;
	background: #000000;		/* 全体背景色と同色に */
	font-weight: normal;
}

div ul.eCategory{
	padding: 3px 11px;
	position: relative;
	z-index: 9;
	min-height: 1px;
	list-style-type: none;
	text-align: right;
}
div ul.eFooter{
	padding: 6px 0.1em 0.4em;
	list-style-type: none;
	text-align: right;
}
ul.eFooter li,ul.eCategory li{
	margin: 0 0 0 8px;
	display: inline;
	line-height: 1;
}
.eBody{
	margin-bottom: 1.2em;
	padding: 0.55em 18px 0 19px;
}
.fc2_footer{ margin: 1.4em 1.5em 1.2em; }
.eBody .fc2_footer{
	margin: 1.4em 0 1.2em;
	font-size: 100%;
}
div p.eMore{ margin: 1em 0.5em 0.4em; }
p.eMore a{ padding: 0 0.2em; }

div ul.eTag{
	margin: 0 12px 5px;
	list-style-type: none;
	line-height: 1.3;
}
ul.eTag li{
	margin: 0 6px 0 0;
	display: inline;
}

/* ----------------------------------------------------[ Side ]
*/
.sidebar .fLine{ margin-bottom: 27px; }	/* 各プラグイン間隔 27px */

dt.sTitle{
	margin: 0 0.7em;
	padding: 0.2em 0.3em 0;
	position: absolute;
	top: -0.9em;
	line-height: 1.4;
	background:#000000;		/* 全体背景色と同色に */
	font-size: 100%;
}
dd.sBody{
	padding: 0.3em 0.6em 0;
}
dl p.sDesc{
	margin: 0;
	padding: 0px 0px;	/* 説明文余白 上下・左右 */
}
.sidebar ul{
	padding: 0 0 2px;
	list-style-type: none;
}
.sidebar li{
	padding: 6px 5px;
	border-bottom: 1px #262626 solid;
	line-height: 1.2;
}
/* --- Category --- */
.sidebar ul.sub_menu{
	margin: 6px -5px -5px;
	padding: 0;
}
.sidebar ul.sub_menu li{
	padding: 6px 5px 6px 15px;
	border-top: #262626 1px solid;
	border-bottom: 0 none;
}
.sidebar li.sub_list_end{
	padding-bottom: 1px;
}

/* ----------------------------------------------------[ Plugin3 ]
*/
dl.pContent .eBody{
	margin: 0 18px 0.6em 19px;
	padding: 0.6em 0 0;
}
dl.pContent ul{
	margin: 0 0 2px;
	padding: 0;
	list-style-type: none;
}
dl.pContent li{
	margin: 0;
	padding: 6px 5px;
	border-bottom: 1px #303030 solid;
	line-height: 1.2;
}
dl.titleBody{
	margin: 0;
	padding: 12px 10px 0;
	font-size: 82%;
}
dl.titleBody dt{
	margin: 0 0 7px;
	padding: 4px 7px;
	border-bottom: 1px #303030 solid;
	line-height: 1.2;
}
.titleBody dt span{
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px #666666 solid;
	color: #eeeeee;
	font-size: 100%;
}
.titleBody dt a span{
	color: #eeeeee;
}
.titleBody dd{
	margin: 0 0 17px 15px;
	padding: 4px 7px;
	line-height: 1.2;
	color: #cccccc;
	font-size: 84%;
}
.titleBody dd a{
	margin-right: 5px;
	padding: 1px 3px;
	line-height: 1;
	color: #eeeeee;
	text-decoration: none;
}
.titleBody dd a:hover{
	color: #000000;
	background: #ffffff;
}

/* ----------------------------------------------------[ Navi ]
*/
ul.navi{
	padding: 0 0 2px;
	list-style-type: none;
	text-align: center;
}
ul.navi li{
	margin: 0 13px 0;
	padding: 0;
	display: inline;
	line-height: 1.1;
}
div ul.pNavi li{
	margin: 0;
	padding: 0 1px;
	display: block;
	line-height: 1.1;
}
#nTop{
	margin-bottom: 25px;
}
.preNavi{ text-align: left; }
.nexNavi{ text-align: right; }
.pNavi li.homNavi{ margin-top: 5px; }

/* ----------------------------------------------------[ Comment ]
*/
textarea#comment{ width: 82%;max-width: 600px; }	/* 本文入力欄 */
#fName,#fMail,#fTitle,#fUrl{ width: 210px; }/* 項目欄 */
#fPass{ width: 120px; }

dl.cComment{
	padding: 0.5em 0 0.4em;
	position: relative;
}
dt.cEntry,.tUser{
	border: 1px #2e2e2e solid;
	background: #111111;
}
.fc2_owner_comment{
	color: inherit !important;
	font-weight: normal !important;
}
#commentArea .fc2_owner_comment{
	padding-left: 6px;
	border-left: 5px #eeeeee solid;
	color: #ffffff !important;
	font-weight: normal !important;
}
div dt.cEntry{
	margin: 4px 0 5px;
	padding: 5px 8px;
	line-height:1.1;
}
#main .cEntry a,#main .cHeader a{
	text-decoration: none;
}
div dt.cEntry span.cUrl{
	margin: 0 5px 0 2px;
	color: #c0c0c0;
}
.cComment p.cBody{
	margin: 0 1em 2em;
}
.cComment p.cHeader{
	margin: 0 0.8em 0.2em;
	line-height: 1;
	font-size: 84%;	/* コメント日付 */
	text-align: right;
}
#main .cHeader a.crNo,.cComment p.cHeader{
	color: #999999;	/* コメント日付 */
}
#comment_form{
	padding: 0 16px 1px;
	border-top: 1px #303030 dotted;
	font-size: 82%;
	line-height: 1.3;
}
#comment_form fieldset{
	margin: 0;
	padding: 1.5em 0 0;
}
#comment_form textarea,#comment_form input{
	margin: 0;
}
#comment_form dd > input,#comment_form dd > textarea,
div > dl.fLine input,div > dl.fLine textarea{
	background: #111111;
}
#comment_form dd > input:focus,#comment_form dd > textarea:focus,
div > dl.fLine input[type=text]:focus,div > dl.fLine textarea:focus{
	border-color: #707070;
	color: #ffffff;
	background: #222222;
}
#comment_form dd > input,#comment_form dd > textarea,
div > dl.fLine input[type=text],div > dl.fLine textarea{
	border: 1px #505050 solid;
}
#comment_form dd > input:hover,#comment_form dd > textarea:hover,
div > dl.fLine input[type=text]:hover,div > dl.fLine textarea:hover{
	border: 1px #777777 solid;
}
#pagetop div input[type=submit]{
	background: #404040;
}
#comment_form dt{
	padding-top: 2px;
	float: left;
	clear: left;
	width: 4.3em;
}
#comment_form dd{
	margin-left: 4.3em;
	padding: 0 0 8px;
}
#comment_form #passLabel{ width: 12.6em; }
#comment_form #passLabel span{ font-size: 84%; }
#comment_form #passInput{
	margin: 0 0 0 12.6em;
	float: none;
}
#comment_form #textLabel{
	padding-bottom: 5px;
	float: none;
	width: auto;
}
#comment_form #textComment{
	margin: 0;
	float: none;
}
#comment_form #textIcon{
	margin: 0;
	padding-bottom: 1px;
}
#comment_form #secretLabel{
	padding-top: 0;
	width: 5.3em;
}
#comment_form #secretInput{
	margin-left: 5.3em;
}
#cmSubmit{
	padding: 2px 5px;
	clear: both;
	text-align: right;
}
#cBack{
	margin: 0 10px;
	font-size: 82%;
	text-align:right;
}

/* ----------------------------------------------------[ Trackback ]
*/
div p.tUser{
	margin: 1em 0;
	padding: 5px 8px;
	line-height: 1;
	text-align: right;
}
#tbForm{
	margin: 0 16px;
}
#tbForm p{
	margin: 13px 0;
}
#trackbackArea #tbForm p > input{
	padding: 4px;
}
#tbForm input{
	margin: 0;
	width: 80%;
	max-width: 500px;
	font-size: 94%;
}
#trackbackArea li{
	margin: 0 0 0 35px;
}
#trackbackArea .tbSite{
	margin: 0 0 3px;
}
#trackbackArea .tbBody{
	margin: 0 15px 7px 0;
	padding: 0.3em 0 0 0;
}
#trackbackArea .tbDate{
	padding: 4px 11px 0px;
	display: block;
	line-height: 1;
	text-align: right;
}

/* ----------------------------------------------------[ Footer ]
*/
#footer{
	clear: both;
	width: 100%;
	text-align: center;
}
address{
	margin: 0 0 0.4em;
	padding: 0;
	font-style: normal;
}
#footer ul{
	padding: 0 0 0.5em;
	list-style-type: none;
}
#footer li{ display: inline; }
#footer ul span,#footer ul p{
	font-size: 91.4%;
	margin: 0 3px 0 0;
	display:inline;
}
#footer ul strong{ font-weight: normal; }

/* ----------------------------------------------------[ Calendar ]
*/
.sidebar table.calender td a:link,.sidebar table.calender td a:visited{
	color: #eeeeee;
	text-decoration: none;
}
.sidebar table.calender td a:hover{
	color: #ff0000;
	text-decoration: none;
}
.plugin-calender{
	margin: 2px auto;
	padding: 0;
	text-align: center;
}
.sidebar table.calender{
	margin: 0 auto;
	line-height: 1.4;
	color: #aaaaaa;
	font-size: 12px;
	text-align: center;
}
.calender caption{
	margin: 0 auto;
	padding: 3px 0 4px;
	color: #cccccc;
}
.calender caption a{
	padding: 0 3px;
}
.calender th{
	line-height: 1.4;
	color: #cccccc;
	font-weight: normal;
	text-align: center;
}
.calender th#sun{ color: #ff6666; }
.calender th#sat{ color: #6666ff; }
.calender td{
	padding: 0;
	width: 21px;
	line-height: 1.4;
	color: #606060;
	text-align: center;
}

/* ----------------------------------------------------[ Baton ]
*/
p.baton_title{
	margin: 0;
	padding: 5px 0 8px;
	font-weight: bold;
}
dl.blog_baton{
	margin: 0px 0 8px;
}
dt.baton_q{
	margin: 0px 0px 5px 0px;
	line-height: 1.5;
	color: #66a6fa;
}
span.q_number{
	margin-right: 5px;
	color: #f6f6f6;
	font-family: verdana;
	font-weight: bold;
}
dd.baton_a{
	margin: 0px 0px 10px 13px;
	line-height: 1.5;
}
span.a_number{
	margin-right: 5px;
	color: #e65544;
	font-family: verdana;
	font-weight: bold;
}