@charset "utf-8";

/* 20091212up 1.02
 * サンプル  http://paro2day.blog122.fc2.com/blog-entry-351.html
 * プラグイン3を常に表示させる場合はHTMLの該当箇所2行を削除
 * <!--Plugin3[1]-->
 * 使わない場合はプラグイン1や2に移動
 *
 * 可変は HTMLの Liquid[1] と Liquid[2] の前後にdivを追加
 * <!--Liquid[1]--><div id="inner">
 * </div><!--Liquid[2]-->
 *
 * 記事本文で使用可能な画像の大きさ目安
 * LL 640px / L 540px / M 470px / S 410px / 可変 変動
*/

/* ----------------------------------------------------[ 左右入替え ]
 * left→right right→left に変更 幅変更も同様に
*/
#main{ float: left; }
#sidebar{ float: right; }

/* ----------------------------------------------------[ 幅変更 ]
 * 初期値 : M
 * LL   957px    699px   28px    0px    230px
 * L    831px    583px   28px    0px    220px
 * M    759px    521px   28px    0px    210px
 * S    680px    459px   31px    0px    190px
 * 可変＋固定  94%   100%  -236px    236px    210px
 * 可変＋可変  94%    71%     0px      0px     26%
 * Sample どれか１行を左から順に下記の5つに上書き
*/
#pagetop{ width: 759px; }	/* 全体幅 */
#main{
	width: 521px;	/* メイン */
	margin-right: 28px; /* 左右入替 right←→left */
}
#inner{ margin-right: 0px; } /* 可変＋固定 左右入替 right←→left */
#sidebar{ width: 210px; }	/* サイド */

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

/* ----------------------------------------------------[ サイドリンク色 ]
*/
#sidebar a:link{
	color: #446196;
	text-decoration: none;
}
#sidebar a:visited{
	color: #446196;
	text-decoration: none;
}
#sidebar a:hover{
	color: #e04433;
	text-decoration: none;
}
#sidebar li a:link{
	color: #303030;	/* リスト */
	text-decoration: none;
}
#sidebar li a:visited{
	color: #303030;
	text-decoration: none;
}
#sidebar li a:hover{
	color: #e04433;
	text-decoration: none;
}

/* ----------------------------------------------------[ 記事リンク色 ]
*/
.eBody a:link,.cComment a,#trackbackArea a{
	color: #446196;
	text-decoration: underline;
}
.eBody a:visited{
	color: #446196;
	text-decoration: underline;
}
.eBody a:hover,.cComment a:hover,#trackbackArea a:hover,div#main .eTitle a:hover{
	color: #e04433;
	text-decoration: none;
}
/* --- Plugin3 --- */
.pContent li a:link,.pContent li a:visited{
	color: #303030;
	text-decoration: none;
}
.pContent li a:hover{
	color: #e04433;
	text-decoration: none;
}
/* --- Archives --- */
.titleBody dt a{
	color: #e63388;
	text-decoration: none;
}
.titleBody dt a:visited{
	color: #d67000;
	text-decoration: none;
}
.titleBody dt a:hover{
	color: #000000;
}

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

/* ----------------------------------------------------[ FONT ]
 94% 82% 69%
*/
h1.title{ font-size: 94%; }		/* ブログタイトル */
h1.title a,h1.title a{
	text-decoration: none;
	color: #222222;
}
h1.title a:hover{
	color: #000000;
}
#main .eTitle{ font-size: 82%; }	/* 記事タイトル */
#main .eTitle,#main .eTitle a{
	color: #000000;
	text-decoration: none;
}
.eContent,.eContent table,.pContent,.pContent table{
	color: #303030;		/* 記事本文 */
}
.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: #000000;
	text-decoration: none;
}
.eFooter{ font-size: 82%; }		/* 記事下部 */
.eFooter,.eFooter a,li.eEdit a:hover{
	color: #aaaaaa;
	text-decoration: none;
}
.eFooter a:hover{
	color: #000000;
	text-decoration: none;
}
li.eEdit a{ color: #ffffff; }		/* 全体背景色と同色に */

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

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

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

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

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


/* ----------------------------------------------------[ 行間 ]
*/
.eBody{ line-height: 1.7; }		/* 記事 */
.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 **/

/* ----------------------------------------------------[ Body ]
*/
body{
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #666666;
	background: #ffffff;		/* 全体背景色 */
	text-align: center;
	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;
}
#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: 7px 0.1em 0.2em;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
}
p.intro{
	margin: 5px 2px 0;
	line-height: 1.2;
	text-align: right;
	color: #444444;		/* ブログ説明文 */
	font-size: 82%;
}
p.intro a,.intro span{
	margin: 0 3px;
	color: #000000;		/*  +文字色 */
}
p.intro a:hover{
	color: #ee66aa;
	text-decoration: underline;
}
.intro span{
	text-decoration: underline;
}

/* ----------------------------------------------------[ Reset ]
*/
h3,h4{
	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;
	line-height: 1.2;
}
textarea{ padding: 3px; }
body > div input[type=text]{padding: 3px 3px;}
body > div input[type=submit]{
	margin: 0.2em 2px;
}
blockquote{
	margin: 1.4em 0.5em;
	padding: 0.6em 0.7em;
	border: #eeeeee 1px solid;
	color: #303030;
	background: #f8f8f8;
}
.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{
	margin: 1.9em 0 1.1em -2px;
	padding: 8px 7px;
	border-left: #3388aa 6px solid;
	line-height: 1.2;
	color: #3388aa;
	font-weight: bold;
}
h4{
	margin: 1.9em 0 1.1em -2px;
	padding: 5px 7px;
	border-left: #339999 6px solid;
	line-height: 1.2;
	color: #339999;
	font-weight: bold;
}
* html .sBody,* html form,* html .fLine,
* html .pContent .eBody,* html .pContent,
* html .eContent,* html .eCategory,* html #inner{
	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: #ffffff;		/* 全体背景色と同色に */
}
#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: #ffffff;		/* 全体背景色と同色に */
	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: #ffffff;		/* 全体背景色と同色に */
	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 #f3f3f3 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: #f3f3f3 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 #f3f3f3 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 #f3f3f3 solid;
	line-height: 1.2;
}
.titleBody dt span{
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px #e6e6e6 solid;
	color: #333333;
	font-size: 100%;
}
.titleBody dt a span{
	color: #333333;
}
.titleBody dd{
	margin: 0 0 18px 15px;
	padding: 4px 7px;
	line-height: 1.2;
	color: #888888;
	font-size: 84%;
}
.titleBody dd a{
	margin-right: 5px;
	padding: 1px 3px;
	line-height: 1;
	color: #000000;
	text-decoration: none;
}
.titleBody dd a:hover{
	color: #ffffff;
	background: #000000;
}

/* ----------------------------------------------------[ 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: 1.3em; }

/* ----------------------------------------------------[ 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-top: 1px #f0f0f0 solid;
	border-bottom: 1px #f0f0f0 solid;
	background: #fafafa;
}
.fc2_owner_comment{
	color: inherit !important;
	font-weight: normal !important;
}
#commentArea .fc2_owner_comment{
	padding-left: 6px;
	border-left: 5px #3386aa solid;
	color: #000000 !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 #e0e0e0 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:focus,#comment_form dd > textarea:focus,
div > dl.fLine input[type=text]:focus,div > dl.fLine textarea:focus{
	border-color: #b6b6b6;
	color: #000000;
	background: #ffffff;
}
#comment_form dd > input,#comment_form dd > textarea,
div > dl.fLine input[type=text],div > dl.fLine textarea{
	border: 1px #d0d0d0 solid;
	background: #fafafa;
}
#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;
}
#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: 10em; }
#comment_form #passInput{
	margin: 0 0 0 10em;
	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;
	border: 1px #e0e0d9 solid;
	background: #fcfcf6;
}
#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: #111111;
	text-decoration: none;
}
.sidebar table.calender td a:hover{
	color: #f68111;
	text-decoration: none;
}
.plugin-calender{
	margin: 2px auto;
	padding: 0;
	text-align: center;
}
.sidebar table.calender{
	margin: 0 auto;
	line-height: 1.4;
	color: #666666;
	font-size: 12px;
	text-align: center;
}
.calender caption{
	margin: 0 auto;
	padding: 3px 0 4px;
	color: #666666;
}
.calender caption a{
	padding: 0 3px;
}
.calender th{
	line-height: 1.4;
	color: #777777;
	font-weight: normal;
	text-align: center;
}
.calender th#sun{ color: #ff6655; }
.calender th#sat{ color: #5566ff; }
.calender td{
	padding: 0;
	width: 22px;
	line-height: 1.4;
	color: #cccccc;
	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: #006699;
}
span.q_number{
	margin-right: 5px;
	color: #3399cc;
	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: #ee6600;
	font-family: verdana;
	font-weight: bold;
}

/* ----------------------------------------------------[ Twitter ]
*/
dl.fc2twtr {
 margin: 0 0 1em;
 padding: 0;
 border: 0 none;
 background: none;
 font-size: 100%;
 color: inherit;
}
dl.fc2twtr dt {
 margin: 0;
 padding: 0 0 5px;
 border: 0 none;
 border-bottom: 2px #dddddd solid;
 background: none;
 font-size: 100%;
}
dl.fc2twtr dt img {
 margin: 0 !important;
 border: 0 none;
 vertical-align: middle;
}
dl.fc2twtr dt a {
 margin: 0 7px 0 0;
 font-weight: bold;
}
dl.fc2twtr dd {
 margin: 0 !important;
 padding: 10px 5px 9px;
 border: 0 none;
 border-bottom: 1px #eeeeee solid;
 background: none;
}
dl.fc2twtr dd:hover {
 background: #f7f7f7;
}
dl.fc2twtr dd p {
 margin: 0;
 font-size: 100%;
}
dl.fc2twtr dd p br + a {
 font-size: 84%;
}