@charset "EUC-JP";

/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */

/* 記事本文で使用可能な画像の大きさ */
/* large  640px / middle  540px / small  490px / 可変  変動 */


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

.e-text,h2.e-title,#comment-area,.c-edit,#trackback,.titlebody{ font-size: 82% ;}

/* ===入替えたくない場合はこのまま===================== 左右入替え === */
/* left → right  right → left に変更 =可変＋固定=の場合は幅変更も同様に */

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

/* === 初期値 : small ======================================== 幅変更=== */
/* large   固定     920px   670px     0px    0px   230px  */
/* middle   固定   820px   570px     0px    0px   230px  */
/* small 固定      760px   520px     0px     0px   220px  */
/* 可変＋固定 　   90%   　100%   -250px   250px   230px  */
/* 可変＋可変      90%     72%      0px      0px    26%  */
/* 上記のどれか１行を左から順に下記の5つに上書きします */

#pagetop{ width: 760px ;}

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

div.right{ width: 220px ; }

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

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

.e-bottom,div.tag,.e-category{
	font-size: 82%;			/* --カテゴリー・記事下部-- */
}

.e-date{
	font-size: 82%;			/* --記事日付-- */
}

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

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

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

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

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

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

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

.m-main,.m-main table{
	color: #ffffff;			/* --記事本文-- */
}

.r-main,.r-main table{
	color: #cccccc;			/* --サイドバー-- */
}

.p-body{
	color: #bbbbbb;			/* --プラグイン3-- */
	line-height: 1.4;
}

/* -----------------------------------------タイトルのリンク書式--- */

h1.title a:link,h1.title a:visited{
	color: #ffffff;
	text-decoration: none;
}
h1.title a:hover{
	color: #999999;
	text-decoration: none;
}

/* -------------------------------------記事タイトルのリンク書式--- */

h2.e-title a:link,h2.e-title a:visited{
	color: #eeeeee;
	text-decoration: none;
}
h2.e-title a:hover{
	color: #aaaaaa;
	text-decoration: none;
}

/* -----------------------------------------記事本文のリンク書式--- */

.e-text a:link,.e-text a:visited,.intro a:link,.intro a:visited,
.e-category a:link,.e-category a:visited,.c-entry a:link,.c-entry a:visited,
.t-body a:link,.t-body a:visited,div.tag a:link,div.tag a:visited{
	color: #bb3333;
	text-decoration: none;
}

.e-text a:hover,.intro a:hover,.e-category a:hover,.c-entry a:hover,.t-body a:hover,div.tag a:hover{
	color: #ff0000;
	text-decoration: underline;
}

/* ---------------------------------------サイドバーのリンク書式--- */

.r-main a:link,.r-main a:visited,.p-body a:link,.p-body a:visited{
	color: #cc3333;
	text-decoration: none;
}
div.r-main a:hover,.p-body a:hover{
	color: #ff1111;
	text-decoration: underline;
}

/* ---------------------------------------------日付のリンク書式--- */

.e-date a:link,.e-date a:visited{
	color: #dddddd;
	text-decoration: none;
}
.e-date a:hover{
	color: #999999;
	text-decoration: none;
}

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

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

/* -------------------------------------ユーザータグのリンク書式--- */

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

/* ---------------------------------------カレンダーのリンク書式--- */

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: underline;
}

/* ---------------------------------------------------------背景--- */

h1.title{
	background: #222222;		/* --タイトル-- */
	border: #555555 1px solid;
}

h2.e-title,#comment-area,.c-edit,#trackback{
	background: #222222;		/* --記事タイトル-- */
	border: #555555 1px solid;
}

.s-title{
	background: #222222;		/* --サイドタイトル-- */
	border: #555555 1px solid;
}

.copyright{
	background: #222222;		/* --最下部-- */
	border: #555555 1px solid;
}

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

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

.s-body .s-text img{
	border: #666666 1px solid;	/* --サイドバー-囲み線-- */
	margin: 1px 1px;		/* --余白-上下・左右-- */
}

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

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

div.main{overflow: hidden;}

div.right{overflow: hidden;}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: #777777;
	background: #000000;
}

.t-login{
	text-align: right;
	margin: 15px 0 0;
	line-height: 1.2;
	font-size: 76%;
	color: #aaaaaa;
}

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

.intro{
	margin: 5px 0 0 2%;
	text-align: left;
	line-height: 1.3;
	color: #aaaaaa;
}

div.m-main{
	margin-top: 25px;
	padding: 0.1em 0 0 0;
	text-align: left;
}

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

div.r-main{
	margin: 25px 0 0;
	text-align: left;
	padding: 1px;
}

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{
	font-size: inherit;
	background: #111111;
	color: #eeeeee;
	border: #555555 1px solid;
	line-height: 1.1;
}

div.c-form textarea{
	width: 440px;
}

input{
	color: #eeeeee;
	border: #555555 1px solid;
	background: #222222;
}

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

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

.m-main ul,.m-main ol{
	margin: 20px 0 20px 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: #dadada 10px solid;
	border-bottom: #dadada 1px solid;
	margin: 20px 0 0 0;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}

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

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

div.entry{
	padding: 0;
	margin-bottom: 3.3em;
}

div.e-date{
	text-align: right;
}

h2.e-title,#comment-area,.c-edit,#trackback{
	padding: 0.5em 0.5em;
	margin: 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
}

.e-category{
	text-align: right;
	margin: 2px 0 0;
}

.entry .e-category a:link,.entry .e-category a:visited{
	padding: 0.1em 0;
	text-decoration: none;
	border: #666666 1px solid;
	color: #666666;
	background: #111111;
}

.entry .e-category a:hover{
	padding: 0.1em 0;
	text-decoration: none;
	border: #ffffff 1px solid;
	color: #ffffff;
}

.e-text{
	margin: 0.5em 0.3em 0;
}

.fc2_footer{
	padding: 1.6em 0 0;
}

.e-more{
	padding: 1em 0.5em 0.4em;
}

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

#more{
	padding: 20px 0 0;
}

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

.e-bottom{
	text-align: right;
	margin: 27px 0 0;
}

div.e-bottom a:link,div.e-bottom a:visited,
div.b-top a:link,div.b-top a:visited{
	padding: 1px 0 0;
	text-decoration: none;
	color: #888888;
	border-top: #666666 3px solid;
}

div.e-bottom a:hover,div.b-top a:hover{
	padding: 1px 0 0;
	text-decoration:none;
	color: #ffffff;
	border-top: #ffffff 3px solid;
}

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

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

div.navi{
	text-align: center;
}

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

div.navi span.prev a:link,div.navi span.prev a:visited{
	border-left: #666666 6px solid;
	color: #888888;
}

div.navi span.prev a:hover{
	border-left: #ffffff 6px solid;
	color: #ffffff;
}

div.navi span{
	margin: 0 5px;
}

div.navi span.next a:link,div.navi span.next a:visited{
	border-right: #666666 6px solid;
	color: #888888;
}

div.navi span.next a:hover{
	border-right: #ffffff 6px solid;
	color: #ffffff;
}

div.navi span.home a:link,div.navi span.home a:visited{
	padding: 0 4px;
	border-right: #666666 6px solid;
	border-left: #666666 6px solid;
	color: #888888;
}
div.navi span.home a:hover{
	border-right: #ffffff 6px solid;
	border-left: #ffffff 6px solid;
	color: #ffffff;
}

.navi-bottom{
	margin: 2em 0 1em;
	line-height: 1.3;
}

.navi-top{
	margin-bottom: 2em;
	line-height: 1.3;
	text-align: center;
}

.navi-top span.sub{
	padding: 0 12px;
	color: #cccccc;
	background: #333333;
}

div.navi-top span.sub a{
	color: #cccccc;
}


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

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

.s-body{
	margin: 10px 3px 13px;
}

.s-description{
	padding: 0 0;
}

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

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

.s-body li{
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 1.2;
	border: #000000 1px solid;
}

div.s-body li a:link,div.s-body li a:visited{
	color: #888888;
	text-decoration: none;
	padding: 2px 0 2px 4px;
	display: block;
	overflow: hidden;
	position: relative;
	border-left: #666666 8px solid;
}

div.s-body li a:hover{
	text-decoration: none;
	color: #ffffff;
	border-left: #ffffff 8px solid;
}

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

.c-entry{
	border-bottom: #999999 1px dashed;
	padding: 5px 0 0;
	margin: 0.3em 0.2em;
	text-align: left;
	line-height: 1.5;
}

.c-top{margin:2px 4px 8px;}

span.c-no{
	padding: 0 4px;
	background: #666666;
}

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

span.c-no a:hover{
	color: #ffffff;
	text-decoration: none;
}

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

span.c-trip{
	marging: 0 7px;
	color: #000000;
}

.c-bottom{
	text-align: right;
	margin: 0;
}

.c-form{
	padding : 0.2em 0.1em;
	line-height: 1.5;
}

.t-body{
	margin: 5px;
}

.t-user{
	padding: 1em 0;
	text-align: right;
	border-bottom: #888888 1px dashed;
}

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

}

.t-entry{
	margin: 0;
	line-height: 1.3;
}

.t-bottom{
	margin: 0 0 2px;
	line-height: 1.3;
	text-align: right;
	border-bottom: #888888 1px dashed;
}

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

#b-main{
	clear: both;
	margin: 15px 0 5px;
	text-align: center;
}

.copyright{
	margin: 20px 0 5px;
	color: #aaaaaa;
	padding: 0.4em 0;
}

.copyright-b{
	font-size: 84%;
	color: #aaaaaa;
}

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

.p-body{
	padding: 0 1em 1.8em;
}

div.p-body ul{
	margin: 0 2px;
	padding: 0;
	list-style-type: none;
}

div.p-body li{
	padding: 0;
	margin: 0 0.9em 0 0;
	line-height: 1.7;
	display: inline;
}

.titlebody{
	margin: 10px 0;
}

div.titlebody li{
	margin: 5px 0;
	padding: 0;
}

div.titlebody li a:link,div.titlebody li a:visited{
	color: #888888;
	text-decoration: none;
	padding: 0 0 0 4px;
	border-left: #666666 8px solid;
}

div.titlebody li a:hover{
	text-decoration: none;
	color: #ffffff;
	border-left: #ffffff 8px solid;
}

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

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

.plugin-calender{
	text-align: center;
	margin: 0 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: #aaaaaa;
	margin: 0 auto;
	padding: 0 0 4px;
}

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

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

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

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

.calender td{
	text-align: center;
	width: 24px;
	line-height: 1.4;
	padding: 0;
	color: #aaaaaa;
	border: #444444 1px solid;
}