@charset "EUC-JP";

/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */
/* 幅変更はカラム落ちの原因となるのでpxや%の設定を慎重に */
/* サンプル  http://paro2day.blog122.fc2.com/blog-entry-331.html */

/* 記事本文で使用可能な画像の大きさ目安 */
/* L  500px / M  420px / S  340px / 可変  変動 */


/* === big 94%  small 82% ==================== 記事本文 文字サイズ === */

.e-text,h2.e-title,div.e-title,.titlebody{ font-size: 82% ;}

/* === 初期値 : メイン可変 ================================ 幅変更=== */
/* 全体幅を％で指定すると可変。pxで指定すると固定幅 */
/* L   950px  190px  190px  -190px  -190px  202px  202px  */
/* M   866px  190px  190px  -190px  -190px  202px  202px  */
/* S   770px  180px  180px  -180px  -180px  192px  192px  */
/* メイン可変  96%  190px  190px  -190px  -190px  202px  202px  */
/* オール可変  96%  20%  20%  -20%  -20%  21%  21%  */
/* 上記サンプルのどれか１行を左から順に下記の7つに上書き */

#pagetop{ width: 96% ;}		/* 全体幅 */
div.left{ width: 190px ;}		/* 左サイド幅 */
div.right{ width: 190px ;}		/* 右サイド幅 */
div.main{ margin-left : -190px ;}	/* 左サイド幅の-値 */
div.leftside{ margin-right: -190px ;}	/* 右サイド幅の-値 */
div.m-main{
	margin-left : 202px ;	/* 左サイドの幅＋12の数値 */
	margin-right : 202px ;	/* 右サイドの幅＋12の数値 */
}

/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
/* M   370px  155px   S   340px  155px  */
div.c-form textarea{ width: 370px ;}			/* 本文入力欄 */
input#name,input#mail,input#title,input#url{ width: 155px ; }	/* 名前等入力欄 */

/* ==================================================== アクセント色=== */

.toptitle .e-frame{ background: #dddedf ; }	/* 最上部・最下部背景色 */

.e-frame,span.c-no{ background: #eeeeee ; }	/* 記事タイトル背景色 */
.f-cen{ background: #dddddd ; }		/* 記事枠線の色 */

div.r-main .e-frame,table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	background: #e9e9e9 ; }		/* サイドバータイトル背景色 */

/* ---------------------------------------------サイドバーリンク色--- */

.r-main a:link,.r-main a:visited{
	text-decoration: none;
	color: #44619b;
}
.r-main a:hover,.r-main a:active{
	text-decoration: none;
	color: #bf4538;
}

.r-main li a:link,.r-main li a:visited,.p-body li a:link,.p-body li a:visited,.navi a:link,.navi a:visited{
	text-decoration: none;
	color: #888888;
}
div.r-main li a:hover,div.r-main li a:active,div.p-body li a:hover,div.p-body li a:active,div.navi a:hover{
	text-decoration: none;
	color: #000000;
}

/* --------------------------------------------記事本文---リンク色--- */

.e-text a:link,.e-text a:visited,div.tag a:link,div.tag a:visited,
.p-body a:link,.p-body a:visited,
.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited{
	text-decoration: underline;
	color: #44619b;
}
.e-text a:hover,div.tag a:hover,.c-entry a:hover,.t-body a:hover,.p-body a:hover,
.titlebody div.titledate a:hover,.titlebody div.titledate a:active{
	text-decoration: none;
	color: #bf4538;
}

/* -----------------------------------------------------------画像--- */
/* 囲み線が不要な場合は border 部分の１行を削除 */
/* 左右の余白を増やしすぎると画像が飛び出る */

.e-text img{
	border: #eeeeee 1px solid;	/* --記事囲み線-- */
	margin: 1px 1px;		/* --余白-上下・左右-- */
}

.s-body .s-text img{
	border: #eeeeee 0px solid;	/* --サイドバー囲み線-必要な場合は 1px に- */
	margin: 1px 1px;		/* --余白-上下・左右-- */
}

/* -----------------------------------------------------文字サイズ--- */

h1.title{ font-size: 94%; }			/* --タイトル-- */

.intro{ font-size: 82%; }			/* --ブログ説明文-- */

div.tag{ font-size: 82%; }			/* --記事下部-- */

.e-date{ font-size: 82%;}			/* --日付カテゴリ-- */

.c-entry,.c-form,.t-body{ font-size: 82%; }	/* --コメント・トラバ-- */

div.navi,#b-main{
	font-size: 82%;		/* --ナビ-- */
	color: #eeeeee;
}

.r-main,.copyright{ font-size: 82%; }		/* --サイドバー-- */

.p-body{ font-size: 82%; }			/* --プラグイン3-- */

/* ----------------------------------------------------記事本文行間--- */

div.e-text{ line-height: 1.7; }

/* ---------------------------------------------------------文字色--- */

h2.e-title,h2.e-title a:link,h2.e-title a:visited,div.e-title{
	text-decoration: none;
	color: #393939;		/* --記事タイトル-- */
}

div h2.e-title a:hover,div h2.e-title a:active{
	color: #bd4538;		/* --記事タイトル-カーソル接触-- */
}

.m-main,.m-main table,.c-entry,.t-body{
	color: #444444;		/* --記事本文-- */
}

.titlebody a:link,.titlebody a:visited{
	text-decoration: none;		/* --全ての記事・タイトル一覧-- */
	color: #555555;
}
.titlebody a:hover,.titlebody a:active,div.titledate a:hover,div.titledate a:active{
	text-decoration: none;
	color: #bd4538;
}

.s-title,table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	color: #555555;		/* --サイドバータイトル-- */
}

.r-main,.r-main table{ color: #444444; }	/* --サイドバーテキスト-- */

div.p-body{ color: #333333; }		/* --プラグイン3-- */

.intro{ color: #333333; }			/* --ブログ説明文-- */

h1.title a:link,h1.title a:visited{
	text-decoration: none;
	color: #000000;		/* --ブログタイトル-- */
}
h1.title a:hover{
	text-decoration: none;
	color: #000000;		/* --ブログタイトル-カーソル接触-- */
}

.t-login,.t-login a:link,.t-login a:visited,.copyright a:link,.copyright a:visited,.copyright{
	text-decoration: none;
	color: #999999;		/* --最上部、最下部-- */
}
.t-login a:hover,.t-login a:active,.copyright a:hover,.copyright a:active{ color: #222222; }

.copyright strong{ font-weight: normal; }

.t-login a:link,.t-login a:visited{ padding: 2px 5px; }

/* -------------------------------------------記事日付部分文字色--- */

.e-date{ color: #eeeeee; }

.e-date a:link,.e-date a:visited,.e-time,span.t-page{
	color: #555555;
	text-decoration: none;
}

.e-date a:hover,.e-date a:active{
	color: #bd4538;
}

/* ---------------------------------------------その他のリンク書式--- */

a:link,a:visited{
	color: #000000;
	text-decoration: none;
}
a:hover{ color: #999999; }

div.tag a:link,div.tag a:visited{ padding: 0 2px 0 0; }

div.s-body table.calender td a:link,
div.s-body table.calender td a:visited{
	text-decoration: none;
}
div.s-body table.calender td a:hover{
	text-decoration: none;
}

.b-top a:link,.b-top a:visited{
	text-decoration: none;
	color: #cccccc;
}
.b-top a:hover{ color: #000000; }

span.c-no,span.c-no a:link,span.c-no a:visited{
	text-decoration: none;
	color: #000000;
}
span.c-no a:hover{ color: #000000; }

/* ------------------------------------------------------------------ */

.wday{ float: left;}

#pagetop{
	margin: 0 auto;
	padding: 0 0;
}

div.main{ width: 100%; float: right ; overflow: hidden;}
div.leftside{ width:100%; float: left; overflow: hidden;}
div.left{ float: left; overflow: hidden;}
div.right{ float: right ; overflow: hidden;}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
	background: #ffffff;		/* --全体背景色-- */
}

div.t-login{
	text-align: right;
	font-size: 76%;
	padding: 2px 1px;
}

.t-login ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.t-login li{
	margin: 0;
	padding: 0;
	display: inline;
}

h1.title{
	margin: 0;
	padding: 1em 0.3em 0.4em 1em;
	text-align: left;
	font-weight: normal;
	line-height: 1.5;
}

.intro{text-align:left;padding:0.2em 0.8em 0.1em;}

div.m-main{
	margin-top: 20px;
	text-align: left;
}

div.m-main table{
	font-size: 13.12px;
}

div.r-main{
	margin-top: 20px;
	text-align: left;
	padding: 0 2px;
}

div.r-main table{
	font-size: 13.12px;
}

form{ margin: 0; }

.emoji {
	vertical-align: middle;
	margin: 0 0.1em;
}

img{
	border: none;
}

a img{
	border: none;
	text-decoration: none;
}

.m-main p{
	margin:2px 0;
}

.r-main p{
	margin:3px 0;
}

pre{
	font-size: inherit;
	overflow: auto;
}

textarea{
	font-size: inherit;
	line-height: 1.1;
}

blockquote{
	margin: 1em 0.5em;
	padding: 0.6em 0.7em;
	border: #f9f6e0 1px solid;
	color: #333333;
	background: #fffdf8;
}

div.m-main blockquote p{
	margin: 0.1em;
}

.m-main ul,.m-main ol{
	margin: 17px 0 17px 32px;
	padding: 0;
	line-height: 1.3;
}

.m-main ul ul,.m-main ol ol{
	margin: 8px 0 10px 25px;
	padding: 0;
}

.m-main li{
	margin: 0.5em 0;
	padding: 0;
}

h3{
	background:#fcfcfc;
	border-top: #eeeeee 1px solid;
	border-left: #eeeeee 1px solid;
	border-right: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	margin: 20px -4px 0 -5px;
	padding: 0.3em 0.5em;
	line-height: 1.5;
	font-weight: normal;
	font-size: 100%;
}

h4{
	border-bottom: #666666 1px solid;
	margin: 20px 0 0  -4px;
	padding: 5px 6px;
	line-height: 1.3;
	font-weight: normal;
	font-size: 100%;
}

/* --------------------------------------------------------entry--- */

.entry{
	margin: 0px auto 35px;
}

div.entryback,.p-body{
	background: #ffffff;	/* 記事背景色 */
}

div.entryback{
	padding:1px 0 1px;
	width:100%;
}

.e-date{
	padding: 3px 5px;
	text-align: right;
	line-height: 1.4;
	background:#fafafa;
	border-top:1px #f0f0f0 solid;
}

h2.e-title,div.e-title{
	padding: 0.4em 0.6em;
	margin: 0px 1px 1px;
	text-align: left;
	font-weight: normal;
	line-height: 1.5;
}

.e-text{
	margin:0 0 14px;
	padding: 0.6em 1.2em 0.6em 1.4em;
	text-align: left;
	border-top:1px #f3f3f3 solid;
}

.fc2_footer{
	margin: 1.5em 0 0;
}

.e-more{
	margin: 1em 0.5em;
}

.e-more a{
	padding: 0 0.2em;
}

#more{
	padding: 20px 0 0;
}

div.tag{
	margin: 0 0.3em 0 0.6em;
	text-align: left;
	line-height: 1.5;
	padding-bottom:3px;
}

.community{
	text-align: left;
	margin:0 0 6px 0.6em;
}

/* ---------------------------------------------------------navi--- */

.navi-bottom{
	margin: 0.8em 0 1em;
}

.navi-top{
	margin: 0 0 1em;
}

.navi-perma{
	margin: 0 0 0.5em;
}

span.subtitle{ padding:0 0.3em; }

.l-navi{ text-align:left; }
.r-navi{ text-align:right; }
.c-navi{ text-align:center; }
.p-navi{ display:inline; }

.navi ul{ margin:0;padding:0;list-style-type:none; }
.navi li{ display:inline; }
.navi li a:link,.navi li a:visited,.p-navi a:link,.p-navi a:visited{
	padding: 0.1em;
	line-height: 1.6;
}

/* ---------------------------------------------------------side--- */

.s-title{
	text-align: left;
	padding: 0.3em 0.5em;
}

.s-top{
	padding: 0 2px 6px;
}

.s-body{
	padding: 0.5em 0.5em 0.5em;
}

.s-description{
	padding: 0px 0px;	/* --プラグイン説明文余白--上下・左右-- */
}

.s-text{
	width: 100%;
	line-height:1.4;
}

.s-body ul,.titlebody ul{
	margin: 1px 0 9px;
	padding: 0;
	list-style-type: none;
}

.s-body li{
	padding: 6px 3px;
	margin: 0;
	line-height: 1.4;
	border-bottom: #cccccc 1px dashed;
}

/* --------------------------------------------comment-trackback--- */

.c-entry{
	padding: 0.2em 0;
	text-align: left;
	line-height: 1.7;
margin: 0 0.3em;
}

.c-top{
	margin: 4px 0 0.8em;
	padding: 0 0.5em;
	text-align: left;
}

.c-top{
	border: #e6e6e6 1px solid;
	background: #fafafa;		/* ---c-tripと同じ色に--- */
}

span.c-trip{
	marging: 0 7px;
	color: #fafafa;		/* ---上記と同じ色に--- */
}

span.c-no{
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
}

span.c-name{
	padding: 0 7px;
}

.c-body{
	margin: 0 1em 0.4em;
}
.c-bottom{
	text-align: right;
	margin: 0 0.5em 0 0.1em;
}

.c-form{
	padding : 0.6em 0 0;
	line-height: 1.5;
}

.c-line{
	border-top: 1px #eeeeee dashed;	/* ---フォーム上部線--- */
}

.c-formb{
	text-align: right;
	margin: 6px 0;
	padding:2px 10px;
}

.t-url{ overflow: auto; }

.t-body{
	margin: 5px 0.5em;
}

.t-user{
	margin: 1em 0;
	text-align: right;
}

.t-title{
	margin: 2px 0 0;
	padding: 3px 0.4em 0;
	border-top: #888888 1px dashed;
}

.t-entry{
	padding: 0 0.4em;
	line-height: 1.5;
}

.t-bottom{
	margin: 0 0 2px;
	line-height: 1.5;
	text-align: right;
}

/* ------------------------------------------------------title list--- */

.titledate{
	text-align: right;
	color: #dddddd;
	padding-top: 2px;
}

div.titledate a:link,div.titledate a:visited{ color: #cccccc; }

li div.titledate a:link,li div.titledate a:visited{ padding: 0 1px; }

.titlebody{
	padding: 0.3em 0.5em;
	background: #ffffff;
}

.titlebody li{
	padding: 3px 3px;
	margin: 0 0 1px;
	line-height: 1.5;
	border-bottom: #dddddd 1px dashed;
}

.titlebody li a:link,.titlebody li a:visited{
	text-decoration: none;
	padding: 0 3px;
}

/* -------------------------------------------------------bottom--- */

#b-main{
	clear: both;width:100%;
	padding-top: 5px;padding-bottom:5px;
	text-align: center;
}

.copyright{
	padding: 2px 1px;

}

/* ---------------------------------------------------------------- */

div{margin: 0;padding: 0;}

.toptitle{padding:0 1px;}

.f-one{padding: 0 1px;}
.f-bottom{margin-bottom:15px;}

.f-inin{height:1px;overflow:hidden;}
.f-ina{margin:0 1px;height:1px;overflow:hidden;}


.p-third{ padding-bottom: 33px; }

.p-body{
	padding: 0.6em 1.1em 0.6em 1.3em;
	text-align: left;
	font-weight: normal;
	line-height: 1.6;
}

div.p-body ul{
	margin: 0 -0.4em 0 -0.6em;
	padding: 0;
	list-style-type: none;
}

div.p-body li{
	padding: 2px 5px;
	margin: 0;
	line-height: 1.5;
	border-bottom: #dddddd 1px dashed;
}

/* ----------------------------------------------plugin-calender--- */

.plugin-calender{
	text-align: center;
	margin: 2px auto;
	padding: 0;
}

div.r-main table.calender{
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	color: #aaaaaa;
	font-size: 12px;
}

.calender caption{
	color: #666666;
	margin: 0 auto;
	padding: 0 0 4px;
}

.calender caption a:link,.calender caption a:visited{
	padding: 1px 3px;
}

.calender th{
	text-align: center;
	font-weight: normal;
	line-height: 1.4;
	color: #666666;
}

.calender th#sun{
	color: #ee6666;
}

.calender th#sat{
	color: #6666ee;
}

.calender td{
	text-align: center;
	width: 22px;
	line-height: 1.4;
	padding: 0;
	color: #cccccc;
}

.calender td a:link,.calender td a:visited{
	display: block;
}

/* ----------------------------------------------plugin-category--- */

.s-body ul.main_menu{
	margin: 1px 0 9px 16px;
	padding: 0;
	list-style-type: circle;
}
.s-body ul.sub_menu{
	margin: 0 0 0 2px;
	padding: 0;
	list-style-type: disc;
}
.s-body ul.main_menu li{
	padding: 4px 3px;
	margin: 0;
	line-height: 1.4;
	border-bottom: none;
}
.s-body ul.sub_menu li{
	padding: 5px 3px 1px;
	margin: 0;
	line-height: 1.4;
	border-bottom: none;
}