@charset "UTF-8";


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

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


/* -------------------------------------------------- 左右入替え --- */
/* left → right  right → left に変更 =可変＋固定=の場合は幅変更も同様に */

div.main{ float: left ; }
div.right{ float: right ; }

/* --- 初期値 : M ---------------------------------------- 幅変更 --- */
/* LL  固定    940px   685px     0px    0px   230px  */
/* L    固定    850px   615px     0px    0px   215px  */
/* M   固定    750px   515px     0px     0px   210px  */
/* S    固定    690px   475px     0px     0px  190px  */
/* 可変＋固定　  94%   100%  -230px  230px   210px  */
/* 可変＋可変    94%    72%      0px      0px    26%  */
/* 上記のどれか１行を左から順に下記の5つに上書きします */

#pagetop{ width: 94% ;}		/* メイン+サイドより大きく*/

div.main{  width: 72% ;		/* メイン */
      margin-right : 0px ;		/* 可変＋固定 左右入替え right ←→ left */
}
div.m-main{ margin-right : 0px ;}	/* 可変＋固定 左右入替え right ←→ left */

div.right{ width: 26% ; }		/* サイド */

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

/* -------------------------------------------------------  枠色 --- */
/*  青 #7491a9 / 緑 #73a881 / 灰 #aaaaaa / 赤 #c37f76 / 黄 #a9a271  */
/*  濃 #444455 / 濃 #445544 / 濃 #444444 / 濃 #554444 / 濃 #555544  */

.f-in{ border-color: #484848 ; } /* メイン */
div.r-main .f-in{ border-color: #383838 ; }	/* サイドバー */

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

.r-main li a:link,.r-main li a:visited,.titlebody li a:link,.titlebody li a:visited,
.p-third li a:link,.p-third li a:visited{
	text-decoration: none;
	color: #909090 ;	/* リストリンク */
}
.r-main li a:hover,.titlebody li a:hover,.p-third li a:hover{
	text-decoration: none;
	color: #ffffff ;
}

.r-main a:link,.r-main a:visited,.titlebody a:link,.titlebody a:visited,
.p-third a:link,.p-third a:visited{
	text-decoration: none;
	color: #d62121 ;	/* 本文リンク */
}
.r-main a:hover,.titlebody a:hover,.p-third a:hover{
	text-decoration: none;
	color: #f68111 ;
}

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

.e-text a:link,.e-text a:visited,.f-in h2.e-title a:active,.f-in h2.e-title a:hover,
.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited{
	text-decoration: underline;
	color: #d62121 ;
}
.e-text a:hover,.c-entry a:hover,.t-body a:hover{
	text-decoration: none;
	color: #f68111 ;
}

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

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

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

/* --- big 94%  small 82% ------------------------------ 文字サイズ --- */

h1.title{ font-size: 120%; }			/* --ブログタイトル-- */

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

h2.e-title,#comment-area,.c-edit,#trackback,.p-third .e-title{
	font-size: 110%; }		/* --記事タイトル-- */

.e-text,div.p-third .s-text,.titlebody{
	font-size: 82%; }		/* --記事本文-- */

div.tag,.e-commu,.e-category{ font-size: 82%; }	/* --カテゴリ-- */

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

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

.r-main,div.navi,div.search,#b-top{ font-size: 82%; }	/* --サイド・ナビ等-- */

.copyright{ font-size: 82%; }

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

.e-text,.c-entry{ line-height: 1.7; }

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

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

h2.e-title,h2.e-title a:link,h2.e-title a:visited,#comment-area,div.c-edit,#trackback,
div.p-third .e-title{
	color: #eeeeee;		/* --記事タイトル-- */
	text-decoration: none;
}
.m-main,.m-main table,.c-entry,.t-body,div.p-third .s-text{
	color: #d0d0d0;		/* --記事本文-- */
}

.s-title{ color: #cccccc; }			/* --サイドバータイトル-- */
.r-main,.r-main table,div.search{
	color: #bbbbbb;		/* --サイドバー本文-- */
}

h1.title a:link,h1.title a:visited,h1.title a:hover{
	text-decoration: none;
	color: #eeeeee;		/* --ブログタイトル-- */
} 

.t-login li a:link,.t-login li a:visited{
	text-decoration: none;
	color: #aaaaaa;		/* --右上メニューリンク-- */
	background: #191919;
	padding: 0.3em 0.6em 0.1em;
}
.t-login li a:active,.t-login li a:hover{
	text-decoration: none;
	color: #ffffff;			/* --右上メニューリンク-カーソル接触-- */
	background: #444444;
}

span.c-no,span.c-no a:link,span.c-no a:visited{
	text-decoration: none;
	color: #888888;		/* --コメント日付-- */
}

span.c-no a:hover{
	text-decoration: none;
	color: #ffffff;			/* --コメント日付-カーソル接触-- */
}

.copyright,.copyright a:link,.copyright a:visited{ color: #666666; }
.copyright a:hover{ color: #ffffff; }

/* ---------------------------------------------------- ナビリンク --- */

div.navi a:link,div.navi a:visited,#b-top a:link,#b-top a:visited,div.navi{
	text-decoration: none;
	margin: 0 5px;
	color: #888888;
}

div.navi a:hover,#b-top a:hover{
	color: #ffffff;
}

/* ------------------------------------------------- カテゴリリンク --- */

.e-category a:link,.e-category a:visited,.e-commu a:link,.e-commu a:visited,
div.tag a:link,div.tag a:visited{
	color: #939393;
	text-decoration: underline;
}
.e-category a:active,.e-category a:hover,.e-commu a:active,.e-commu a:hover,
div.tag a:active,div.tag a:hover{
	color: #ffffff;
	text-decoration: none;
}

.e-bottom,.e-bottom a:link,.e-bottom a:visited{
	color: #aaaaaa;
	text-decoration: none;
}
.e-bottom a:active,.e-bottom a:hover{
	color: #ffffff;
	text-decoration: none;
}

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

div.p-third a:link,div.p-third a:visited{
	text-decoration: underline;	/* --プラグイン3-- */
}
div.p-third a:active,div.p-third a:hover{
	text-decoration: none;		/* --プラグイン3-- */
}

a:link,a:visited{
	color: #888888;
	text-decoration: none;
}
a:hover{ color: #ffffff; }

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

/* ----------------------------------------------- カレンダーリンク --- */

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

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

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

div.main{overflow: hidden;}
div.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: #000000;
	color: #cccccc;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: #777777;
}

div.t-login{
	text-align: right;
	font-size: 82%;
}

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

.t-login li{
	margin: 0;
	line-height: 1.6;
	display: inline;
}

h1.title{
	margin: 0;
	padding: 0 0.1em 0.1em 0.1em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
}

.intro{text-align: right;margin: 0.1em 0.5em 0.5em;}

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

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

div.r-main{
	margin: 22px 0 0;
	text-align: left;
}

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

.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,select,input{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
}

textarea{
	line-height: 1.1;
	background: #111;
	color: #ccc;
	border: 1px #333333 solid;
}

input{
	background: #111111;
	color: #cccccc;
	border: 1px #333333 solid;
}

form{ margin: 0;padding: 0; }

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

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{
	border-left: #cccccc 10px solid;
	border-bottom: #cccccc 1px solid;
	margin: 20px 0 0 0;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}

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

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

.entry,.entry-p,.entry-body{ background: #000; }

.entry-body{ padding: 9px 0 7px; width: 100%; position: relative;}
.m-main .entry-body{ padding-top: 0.7em; }

div.entry{ margin: 0 auto 3.2em; }
div.entry-p{ margin: 0 auto 2em; }

h2.e-title,#comment-area,div.c-edit,#trackback,div.e-title{
	position: absolute;
	top:-0.9em;
	padding: 0.2em 0.3em 0.2em 0.3em;
	margin: 0 0.7em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	background:#000000;
	z-index:3;
}

.e-category{
	text-align: right;
	line-height: 1.4;
	padding: 0 11px;
	position: relative;
	z-index:9;
}

.e-text{
	margin-bottom: 14px;
	padding: 0.1em 1.4em 0.6em 1.5em;
	text-align: left;
}

.fc2_footer{ padding: 1.5em 0 0; }

.e-more{ margin: 1em 0.5em 0.4em; }
div.e-more a{ padding: 0 0.2em; }
.topmore{ padding-top: 20px; }

div.tag{
	margin: 0 1em;
	text-align: left;
	line-height: 1.4;
}

.e-commu{
	text-align: left;
	line-height: 1.4;
	margin: 0.5em 0.8em;
	padding: 0 0.2em;
}

.e-bottom{
	padding: 0.2em 0.1em 0.4em;
	text-align: right;
}

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

div.navi{
	text-align: center;
	margin: 2px 0 1px;
}

.navi-top{
	padding: 0 0.3em 2.2em;
	line-height: 1.3;
	text-align: center;
}

.navi-perma{
	padding: 0 0 1em 0.1em;
	line-height: 1.3;
}

.navi-permab{
	padding: 0 0 1em 0.1em;
	line-height: 1.3;
}

.navi-perma .navi a:link,.navi-perma .navi a:visited{
	margin: 0;
}

#n-bottom{ margin: -1.4em 0 1em; }

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

.s-title{
	position: absolute;
	top:-0.9em;
	padding: 0.2em 0.3em 0;
	margin: 0 0.7em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	background:#000000;
}

.s-body{ margin: 0.3em 0.6em; }

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

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

.r-main ul,.titlebody ul{
	margin: 0.3em 0;
	padding: 0;
	list-style-type: none;
}

.r-main li{
	padding: 6px 4px;
	margin: 0;
	line-height: 1.4;
	border-bottom: 1px #262626 solid;
}

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

.c-entry{
	padding: 0.2em 0;
	text-align: left;
	position: relative;
}

.c-top,.t-user{
	border: 1px #222222 solid;
	background: #111111;		/* ---c-tripと同じ色に--- */
}

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

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

.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-formb{
	text-align: right;
	margin: 6px 0;
	padding: 2px 10px;
}

.m-main .edittop{ padding-top: 0; }

.t-url{ overflow: auto; margin: 0 7px; }

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

.t-title{
	margin: 2px 0 0;
	padding: 3px 11px 0;
}

.t-entry{
	line-height: 1.4;
	border-bottom: 1px #222222 dashed;
	padding: 0 11px 5px;
}

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

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

.copyright{
	text-align: center;
	padding: 0.7em 0 1.1em;
}

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

.titlebody{
	padding: 10px 6px;
	position: relative;
}

.titlebody li{
	padding: 0.4em 0 0.4em 5px;
	margin: 0 0 1px;
	line-height: 1.4;
	border-bottom: 1px #191919 solid;
}

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

div.search{
	margin:0.8em;
	padding: 0.2em 0.5em;
	border: 1px #444444 solid;
}

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

div{margin: 0;padding: 0;}

.f-in{ border-width: 1px ; border-style: solid; position: relative; }

div.p-third .entry-body{ padding: 0.9em 0;}

div.p-third .s-body{ margin: 0.1em 1em 0; }

div.p-third ul{
	margin: 0.3em 0 0.1em;
	padding: 0;
	list-style-type: none;
}

div.p-third li{
	padding: 6px 7px;
	margin: 0;
	line-height: 1.4;
	border-bottom: 1px #191919 solid;
}

div.p-third li a:link,div.p-third li a:visited,div.p-third li a:hover{
	text-decoration: none;
}

/* ----------------------------------------------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: #cccccc;
	margin: 0 auto;
	padding: 3px 0 4px;
}

.calender caption a{
	padding: 0 3px;
}

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

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

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

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

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

.s-body ul.main_menu{
	margin: 1px 0 9px 0px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 6px -4px -4px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.main_menu li.main_list{
	padding: 6px 4px;
	margin: 0;
	line-height: 1.4;
	border-bottom: #262626 1px solid;
}
.s-body ul.sub_menu li{
	padding: 5px 4px 5px 9px;
	margin: 0;
	line-height: 1.4;
	border-top: #262626 1px solid;
	border-bottom: none;
}