@charset "UTF-8";

/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */
/* サンプル  http://paro2day.blog122.fc2.com/blog-entry-194.html */

/* 記事本文で使用可能な画像の大きさ目安 */
/* L  485px / M  400px / S  325px / 可変  変動 */


/* === 初期値 : M ====================================== 幅変更=== */
/* 全体幅を％で指定すると可変。pxで指定すると固定幅 */
/* L   956px  190px  190px  -190px  -190px  198px  198px  */
/* M   866px  190px  190px  -190px  -190px  198px  198px  */
/* S   779px  180px  180px  -180px  -180px  188px  188px  */
/* メイン可変  94%  190px  190px  -190px  -190px  198px  198px  */
/* オール可変  94%  20%  20%  -20%  -20%  21%  21%  */
/* 上記サンプルのどれか１行を左から順に下記の7つに上書き */

#pagetop{ width: 900px ;}	/* 全体幅 */
div.left{ width: 200px ;}		/* 左サイド幅 */
div.right{ width: 200px ;}	/* 右サイド幅 */
div.main{ margin-left : -200px ;}	/* 左サイド幅の-値 */
div.leftside{ margin-right: -200px ;}/* 右サイド幅の-値 */
div.m-main{
	margin-left : 208px ;	/* 左サイドの幅＋8の数値 */
	margin-right : 208px ;	/* 右サイドの幅＋8の数値 */
}
/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
div.c-form textarea{width: 370px; }		/* 本文入力欄 */
.cwidth{ width: 390px; }		/* 本文入力欄 +20px */
input#name,input#mail,input#title,input#url{ width: 155px; } /* 名前等入力欄 */
.wlabel{ float: left; width: 170px; }	/* 名前入力欄 +15px */

/* =============================================== アクセント色=== */

div.navi a:hover,div.navi a:active,.b-title{
	background: #726146 ;}	/* ブログタイトル背景色 */
.b-title{
	border: 1px #f9efce solid ;	/* 囲み線色 */
	margin: 2px;
}
div.e-date{ background: #726146 ;}	/* 記事日付背景色 */

.s-title,table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	background: #8a7559 ;}	/* サイドバータイトル背景色 */
.s-title{ border: 1px #f6eccb solid ;}	/* 囲み線色 */

div.t-login a:link,div.t-login a:visited{
	padding: 2px 5px;
	color: #eae0c0;		/* 右上リンク文字色 */
}
div.t-login a:hover,div.t-login a:active{
	background: #594828;	/* -背景色カーソル接触 */
	color: #eae0c0;	/* -文字色カーソル接触 */
}

.m-frame{
	background: #eae0c0;	/* 内側の背景色 */
	border:1px #baa989 solid;
}

/* ------------------------------------------- サイドバーリンク --- */

.r-main li a:link,.r-main li a:visited{
	text-decoration: none;
	color: #685234 ;	/* リストリンク */
}
.r-main li a:hover,.r-main li a:active{
	text-decoration: none;
	color: #c14538 ;
}
.r-main a:link,.r-main a:visited{
	text-decoration: none;
	color: #bf5548 ;	/* 本文リンク */
}
.r-main a:hover{
	text-decoration: underline;
	color: #685234 ;
}

/* -------------------------------------------- 記事本文リンク --- */

.e-text a:link,.e-text a:visited,.tag-m a:link,.tag-m a:visited,
div h2.e-title a:hover,div h2.e-title a:active,.p-body a:link,.p-body a:visited,
.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited,
div.navi a:hover,div.navi a:active{
	text-decoration: none;
	color: #bf5548;
}
.e-text a:hover,.tag-m a:hover,.c-entry a:hover,.t-body a:hover,.p-body a:hover{
	text-decoration: none;
	color: #f33333;
}

/* ------------------------------------- プラグイン3 リストリンク --- */

.p-body li a:link,.p-body li a:visited{
	text-decoration: none;
	color: #685234 ;
}
.p-body li a:hover,.p-body li a:active{
	text-decoration: none;
	color: #c14538 ;
}

/* ---------------------------------------------------- 画像 --- */
/* 囲み線が不要な場合は border 部分の１行を削除 */
/* 左右の余白を増やしすぎると画像が飛び出る */

.e-text img{
	border: #eee5ce 1px solid;	/* 記事囲み線 */
	margin: 1px 1px;		/* 余白-上下・左右 */
}

.s-body .s-text img{
	border: #eee5ce 0px solid;	/* サイドバー-必要な場合は 1px に */
	margin: 1px 1px;		/* 余白-上下・左右 */
}

/* --- big 94%  small 82% -----------------------------文字サイズ--- */

h1.title{ font-size: 120%; }		/* タイトル */

.intro{ font-size: 82%; }			/* ブログ説明文 */

h2.e-title{ font-size: 94% ;}		/* 記事タイトル */

.e-text{ font-size: 82% ;}		/* 記事本文 */

.e-bottom,.tag-m{ font-size: 82%; }	/* 記事下部 */

.e-date{ font-size: 82%; }		/* 日付 */

.c-entry,.c-form,.t-body{ font-size: 82%; }	/* コメント・トラバ */

div.navi,#b-main{ font-size: 82%; }		/* ナビ */

.r-main,.copyright,.search{ font-size: 82%; }	/* サイドバー */

.p-body{ font-size: 82%; }		/* プラグイン3 */

/* -----------------------------------------------------行間--- */

.e-text{ line-height: 1.7; }		/* 記事本文 */
.c-entry,.t-entry{ line-height: 1.5; }	/* コメント・トラバ */
.s-text{ line-height:1.4; }		/* サイドバー */
.p-body{ line-height: 1.6; }		/* プラグイン3 */

/* ---------------------------------------------------文字色--- */

h2.e-title,h2.e-title a:link,h2.e-title a:visited{
	text-decoration: none;
	color: #000000;		/* 記事タイトル */
}

.intro{ color: #333333; }		/* ブログ説明文 */

.m-main,.m-main table,.c-entry,.t-body,div.search{
	color: #333333;		/* 記事本文 */
}

.s-title{ color: #ffffff; }			/* サイドバータイトル */

.r-main,.r-main table{ color: #444444; }	/* サイドバー */

.p-body{ color: #333333; }		/* プラグイン3 */

h1.title a:link,h1.title a:visited,.t-login,.t-login a:link,.t-login a:visited,
div.navi a:hover,div.navi a:active,.copyright a:link,.copyright a:visited,.copyright,
table.calender td a:hover,table.calender td a:active,
.calender caption a:hover,.calender caption a:active{
	text-decoration: none;
	color: #ffffff;			/* ブログタイトル文字色 */
}
h1.title a:hover,.t-login a:hover,.copyright a:hover,.span.c-no a:hover{
	text-decoration: none;
	color: #000000;		/* -カーソル接触 */
}

.navi a:link,.navi a:visited,div.search{
	color: #a69284;		/* ナビリンク文字色 */
}

/* --カテゴリ・日付・記事下部のリンク書式-- */

div.e-date,.e-date a:link,.e-date a:visited{
	color: #ffffff;
}
.e-date a:hover,.e-date a:active{
	color: #000000;
}

.e-bottom,.e-bottom a:link,.e-bottom a:visited,.navi a:link,.navi a:visited,div.search{
	color: #84745a;
	text-decoration: none;
}
.e-bottom a:hover,.e-bottom a:active{
	color: #bd4538;
}
.e-bottom{
	color: #e4e0d2;
}

/* -----------------------------------------その他のリンク書式--- */

a:link,a:visited{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #999999;
}

.tag-m a:link,.tag-m a:visited{
	padding: 0 2px 0 0;
}

#b-main a:link,#b-main a:visited{
	text-decoration: none;
	color: #665535;
}
#b-main a:hover{
	color: #000000;
}

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;
}

/* ------------------------------------------------------base--- */

#pagetop{
	margin: 0 auto;
	padding: 0px 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;}
.main-body{ width: 100%; 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: #d7cab3;
}

div.t-login{
	text-align: right;
	font-size: 76%;
	padding: 0.2em 1px 0;
}

.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: 0.0em 0.3em 0.5em 1em;
	text-align: left;
	font-weight: normal;
	line-height: 0.7;
}

.intro{text-align:left;padding:0.2em 0.8em 0.1em;}

.m-main{
	margin-top: 10px;
	text-align: left;
}

div.m-main table{
	font-size: 13.12px;
}

.r-main{
	margin-top: 10px;
	padding: 0 3px;
	text-align: left;
}

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,select,input{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
	line-height: 1;
}

textarea{
	line-height: 1.1;
}

blockquote{
	margin: 1em 0.5em;
	padding: 0.6em 0.7em;
	border: #eee5ce 1px solid;
	color: #444444;
	background: #fff9e7;
}

div.m-main blockquote p{
	margin: 0.1em;
}

.m-main ul,.m-main ol{
	margin: 17px 0 17px 34px;
	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: #e9e4d6 10px solid;
	border-bottom: #e9e4d6 1px solid;
	margin: 20px 0 0 -4px;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}

h4{
	border-bottom: #e9e4d6 1px solid;
	margin: 20px 0 0  -4px;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}

/* ----------------------------------------------------entry--- */

.entry{ margin: 0px auto 23px; }	/* 各記事ごとの間隔 */
.p-third{ margin-bottom: 20px; }	/* プラグイン3の間隔 */

div.entryback,.textback,.p-body,.navi a:link,.navi a:visited{
	background: #f8f4e6;	/* 記事背景色 */
}

div.entryback{
	padding:0px 0px 3px;
	width:100%;
	overflow: hidden;
}

.e-date{
	padding: 4px 7px;
	text-align: left;
	line-height: 1.1;
}

h2.e-title{
	padding: 0.55em 0.65em;
	margin: 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.1;
	border-bottom: 1px #e2dcc6 dashed;
}

h2.e-title,span.c-no{
	background: #f2ecdc;
}

.textback{padding-bottom: 1px;}

.e-text{
	margin: 0 0 14px;
	padding: 0.6em 1.3em 0.7em 1.4em;
	text-align: left;
}

.fc2_footer{
	margin: 1.5em 0 0;
}

.e-more{
	margin: 1em 0.5em;
}

.e-more a{
	padding: 0 0.2em;
}

.topmore{
	padding: 20px 0 0;
}

.tag-m{
	margin: 0 0.7em 4px;
	text-align: left;
	line-height: 1.4;
}

.e-bottom{
	border-top: 1px #ded5be dashed;
	text-align: right;
	margin: 0;
	padding: 6px 7px 3px;
	line-height:1.1;
}

/* ------------------------------------------------------navi--- */

.navi{
 	margin: 2px 1px 0;
	padding: 3px 1px;
	line-height: 1.1;
	text-align: right;
}
div.bnavi{
	margin-top: 0.8em;
}
div.tnavi{
	margin-bottom: 1em;
}
div.pnavi{
	margin-bottom: 1em;
}

span.subtitle{ padding: 0 0.3em; }

.c-navi{
	text-align:center;
	margin-top: 0.3em;
}
.navi a:link,.navi a:visited{
	margin: 0 0px 0 3px;
	padding: 1px 4px;
}

/* ------------------------------------------------------ side --- */

.s-title{
	text-align: center;
	padding: 0.55em 0.5em;
	line-height: 1.1;
}

.s-body{
	padding: 0.5em 0.5em 0.5em;
	margin-bottom:15px;		/* 各プラグインごとの間隔 */
}

.s-description{
	padding: 0px 0px;	/* プラグイン説明文余白-上下・左右 */
}

.s-text{
	width: 100%;
}

.s-body ul{
	margin: 1px 0 7px;
	padding: 0;
	list-style-type: none;
}

.s-body li{
	padding: 6px 4px;
	margin: 0;
	line-height: 1.3;
	border-bottom: #937f5f 1px dashed;
}

/* ---------------------------------------- comment-trackback --- */

.c-entry{
	padding: 0.2em 0 1em;
	text-align: left;
	line-height: 1.6;
	margin: 0 0.3em;
}
.c-top{
	margin: 4px 0 0.8em;
	padding: 5px 6px;
	text-align: left;
	line-height: 1.1;
}
.c-top,div.search{
	border-bottom: #eae6d8 1px solid;
	background: #f7f3e5;		/* ctripと同じ色に */
}
span.ctrip{
	marging: 0 0 0 5px;
	color: #f7f3e5;		/* 上記と同じ色に */
}
span.c-no{
	border: #eae6d8 1px solid;
	margin: 0 1px 0 0;
	padding: 0 4px;
	text-decoration: none;
	line-height: 1;
}
span.c-name{
	padding: 0 4px;
}
.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 1em;
	line-height: 1.5;
}
.c-line{
	border-top: 1px #ede4cd dashed;	/* フォーム上部線 */
}
.bform{
	text-align: right;
	margin: 6px 0;
	padding:2px 10px;
}

.turl{
	overflow: auto;
	line-height:1;
	font-size: 82%;
	padding:0.6em 0.5em 0.2em;
	margin:0 0.2em;
}
.t-body{
	margin: 5px 0.5em;
}
.t-user{
	padding: 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;
}
.t-bottom{
	margin: 0 0 2px;
	line-height: 1.5;
	text-align: right;
}

/* --------------------------------------------------- bottom --- */

#b-main{
	clear: both;
	width: 100%;
	padding-bottom: 2px;
	text-align: center;
}

.copyright{
	padding: 0.62em 0;
	line-height:1.2;
}

.bcopy{
	padding-top: 3px;
	font-size: 84.1%;
}
.bcopy strong{ font-weight:normal; }

div.search{
	margin: 0 1px 0.8em;
	padding: 0.2em 0.5em;
}

/* ------------------------------------------------------------- */

div{margin: 0;padding: 0;}

.fcenb{
	border: 2px #cec2ab solid;
	background: #c9bda4;
	padding: 1px;
}
.f-side{
	border: 1px #efe6c4 solid;
	background: #d0c0a9;
	padding: 1px;
}
.navi a:link,.navi a:visited,div.search{
	border: 1px #d0c0a9 solid;
}

.f-outf{
	background: #d4c8b1;
	padding: 2px;
}

/* --------------------------------------------------- plugin3 --- */

.p-body{
	padding: 0.5em 1.1em 0.4em;
	text-align: left;
	font-weight: normal;
	position: relative;
	z-index: 3;
}

div.p-body ul{
	position: relative;
	z-index: 6;
	margin: 0 -0.33em;
	padding: 0;
	list-style-type: none;
}

div.p-body li{
	padding: 5px 7px;
	margin: 0;
	line-height: 1.3;
	border-bottom: #dcd3b2 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: #766545;
	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: #766545;
}

.calender th#sun{
	color: #ee6666;
}

.calender th#sat{
	color: #6666ee;
}

.calender td{
	text-align: center;
	width: 22px;
	line-height: 1.4;
	padding: 0;
	color: #aaa092;
}

.calender td a:link,.calender td a:visited{
	display: block;
	color: #665535;
}

/* ------------------------------------------------------baton--- */

p.baton_title{
	font-weight: bold;
	margin: 0;
	padding: 5px 0 8px;
}
dl.blog_baton{
	margin: 0px 0 8px;
}
dt.baton_q{
	margin: 0px 0px 5px 0px;
	color: #006699;
	line-height: 1.5;
}
span.q_number{
	font-family: verdana;
	color: #3399cc;
	font-weight: bold;
	margin-right: 5px;
}
dd.baton_a{
	margin: 0px 0px 10px 13px;
	line-height: 1.5;
}
span.a_number{
	font-family: verdana;
	color: #ee6600;
	font-weight: bold;
	margin-right: 5px;
}

/* -------------------------------------------- plugin-category --- */

.s-body ul.main_menu{
	margin: 1px 0 7px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 6px -4px -6px -4px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.main_menu li.main_list{
	padding: 6px 4px 6px 4px;
	margin: 0;
	line-height: 1.3;
	border-bottom: #937f5f 1px dashed;
}
.s-body ul.sub_menu li{
	padding: 6px 4px 6px 12px;
	margin: 0;
	line-height: 1.3;
	border-top: #937f5f 1px dashed;
	border-bottom: none;
}
