@charset "UTF-8";

/* BPList - LIST ICON TYPE */
div.blogpeople-main p { 
margin:5px 0;
}
div.blogpeople-main p a {
padding:0 0 0 15px; /* アイコン幅に合わせて変更 */
background:url(アイコン画像のURL) no-repeat left center;
}
span.blogpeople-linklist {
display:block;
padding:20px 5px 5px 5px;
color:#666666;
font-weight:bold;
text-align:left;
border-bottom:1px dashed #ccc;
}

div.contentsbox2 {
         margin: 0px 20px 20px 0px;
         float: left;
}

div.contentsbox {
         margin: 0px 0px 0px 5em; 
         padding: 0px 0px 0px 1em;
         border-style: solid;
         border-width: 0px 0px 0px 5px;
         border-color: #CCC;
}


/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */
/* サンプル  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  固定    945px   690px     0px    0px   230px  */
/* L    固定    850px   615px     0px    0px   215px  */
/* M   固定    745px   510px     0px     0px   210px  */
/* S    固定    687px   472px     0px     0px  190px  */
/* 可変＋固定　  94%   100%  -230px  230px   210px  */
/* 可変＋可変    94%    72%      0px      0px    26%  */
/* 上記のどれか１行を左から順に下記の5つに上書き */

#pagetop{ width: 945px ;}	/* 全体幅 */
div.main{  width: 690px ;	/* メイン */
      margin-right : 0px ;	/* 可変＋固定 左右入替え right ←→ left */
}
div.m-main{ margin-right : 0px ;} /* 可変＋固定 左右入替え right ←→ left */
div.right{ width: 230px ; }	/* サイド */

/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
div.c-form textarea{ width: 400px ; }	/* 本文入力欄 */
.cwidth{ width: 415px ; }	/* 本文入力欄 +15px */
input#name,input#mail,input#title,input#url{ width: 155px ; }/* 名前等入力欄 */
.wlabel{ float: left;  width: 170px; } /* 名前入力欄 +15px */

/* ---------------------------------------------------  枠色 --- */
/*  青 #7491a9 / 緑 #73a881 / 灰 #dddddd / 赤 #c37f76 / 黄 #a9a271  */
/*  濃 #444455 / 濃 #445544 / 濃 #444444 / 濃 #554444 / 濃 #555544  */

.f-in{ border-color: #d6d6d6 ; } /* メイン */
div.r-main .f-in{ border-color: #e3e3e3 ; }	/* サイドバー */

/* ----------------------------------------- サイドバーリンク色 --- */

.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: #303030 ;	/* リストリンク */
}
.r-main li a:hover,.titlebody li a:hover,.p-third li a:hover{
	text-decoration: none;
	color: #dd3333 ;
}

.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: #666666 ;	/* 本文リンク */
}
.r-main a:hover,.titlebody a:hover,.p-third a:hover{
	text-decoration: none;
	color: #dd3333 ;
}

/* ------------------------------------------ 記事本文リンク色 --- */

.e-text a:link,.e-text a:visited,.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited{
	text-decoration: underline;
	color: #666666;
}
.e-text a:hover,.c-entry a:hover,.t-body a:hover,.f-in h2.e-title a:hover,.f-in h2.e-title a:active{
	text-decoration: none;
	color: #dd3333;
}

/* ---------------------------------------------------- 画像 --- */
/* 囲み線が不要な場合は border 部分の１行を削除 */
/* 左右の余白を増やしすぎると画像がはみ出る */

.e-text img{
	border: #f3f3f3 1px solid;	/* 記事-囲み線 */
	margin: 1px 1px;		/* 余白-上下・左右 */
}
.s-body .s-text img{
	border: #f6f6f6 0px solid; /* サイドバー囲み線-必要な場合は 1px */
	margin: 1px 1px;		/* 余白-上下・左右 */
}

/* --- big 94%  small 82% ---------------------------- 文字サイズ --- */

h1.title{ font-size: 94%; }		/* --ブログタイトル-- */

.intro{ font-size: 82%; }			/* ブログ説明文 */

h2.e-title{ font-size: 100%;
border-style: solid;
border-width: 0px 0px 0px 7px;
border-color: #6699FF;
}/* 記事タイトル */

.e-text,div.p-third .s-text,.titlebody{
	font-size: 90%; }		/* 記事本文 */

.tag-m,.e-category{ font-size: 82%; } 	/* カテゴリ */

.e-bottom{ font-size: 94%; }		/* 記事下部 */

.c-entry,.c-form,.t-body p{ font-size: 82%; } /* コメント・トラックバック */

.r-main{ font-size: 82%; }		/* サイドバー */

ul.navi,#b-top{ font-size: 82%; }	/* ナビ等 */

.copyright{ font-size: 82%; }
.copyright span,.copyright p{ font-size: 91.4%; }
.copyright strong{ font-weight:normal; }

/* ----------------------------------------------------- 行間 --- */

.e-text{ line-height: 1.7; }		/* 記事本文 */
.c-body,.t-entry{ line-height: 1.6; }	/* コメント・トラバ本文 */
.s-text{ line-height:1.4; }		/* サイドバー本文 */
.p-third .s-text{ line-height:1.6; }		/* プラグイン3 */

/* -------------------------------------------------- 文字色 --- */

h1.title a:link,h1.title a:visited,h1.title a:hover{
	text-decoration: none;
	color: #000000;		/* ブログタイトル */
} 

.intro{ color: #777777; }		/* ブログ説明文 */

h2.e-title,h2.e-title a:link,h2.e-title a:visited{
	color: #000000;		/* 記事タイトル */
	text-decoration: none;
}
.m-main,.m-main table,.c-entry,.t-body,div.p-third .s-text{
	color: #333333;		/* 記事本文 */
}

.s-title{ color: #000000; }		/* サイドバータイトル */
.r-main,.r-main table{ color: #333333; }	/* サイドバー本文 */

.t-login li a:link,.t-login li a:visited{
	text-decoration: none;
	color: #666666;		/* 右上メニューリンク */
	padding: 3px 7px 3px;
}
.t-login li a:active,.t-login li a:hover{
	text-decoration: none;
	color: #000000;	/* 右上メニューリンク-カーソル接触 */
	background: #f3f3f3;
}

span.c-no,span.c-no a:link,span.c-no a:visited{
	text-decoration: none;
	color: #666666;		/* コメント日付 */
}
span.c-no a:hover{
	text-decoration: none;
	color: #000000;	/* -カーソル接触 */
}
div ul.c-bottom{ color: #555555; }	/* コメント下部 */

.c-top a:link,.c-top a:visited,.c-bottom a:link,.c-bottom a:visited{
	text-decoration: none;
}

.copyright,.copyright a:link,.copyright a:visited,#b-top a:link,#b-top a:visited{
	color: #666666;
}
.copyright a:hover,#b-top a:hover{ color: #000000; }

/* ------------------------------------------------ ナビリンク --- */

.navi a:link,.navi a:visited{
	text-decoration: none;
	color: #999999;
}
.navi a:hover{
	color: #000000;
}

/* ------------------------------------- カテゴリ 記事下部リンク --- */

.e-category a:link,.e-category a:visited,.tag-m a:link,.tag-m a:visited{
	color: #999999;
	text-decoration: underline;
}
.e-category a:hover,.e-category a:active,.tag-m a:hover,.tag-m a:active{
	color: #000000;
	text-decoration: none;
}
li.e-edit a:link,li.e-edit a:visited{
	color: #ffffff;
}
.e-bottom,.e-bottom a:link,.e-bottom a:visited,li.e-edit a:hover,li.e-edit a:active{
	color: #aaaaaa;
	text-decoration: none;
}

.e-bottom a:active,.e-bottom a:hover{
	color: #000000;
	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: #000000; }

/* ------------------------------------------- カレンダーリンク --- */

.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;
}

/* ----------------------------------------------------- body --- */

#pagetop{
	margin: 0 auto 0;
}

div.main{overflow: hidden;}
div.right{overflow: hidden;}

body {
font-family: Osaka,'ヒラギノ角ゴ 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: #fcfcfc;		/* 全体背景色 */
	color: #666666;
}

ul.t-login{
	margin: 0px 0 0;
	padding: 6px 0 0;
	list-style-type: none;
	text-align: right;
	font-size: 69%;
}
.t-login li{
	margin: 0;
	padding: 0 0 0 0px;
	display: inline;
	line-height: 1;
}

h1.title{
	margin: 0;
	padding: 4px 0.1em 0.1em 0.1em;
	text-align: left;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 1px;
}

p.intro{
	margin: 2px 2px 0;
	padding: 0;
	text-align: right;
	line-height: 1.2;
}
p.intro span{
	color: #000000;
	text-decoration: underline;
}

div.m-main{
	margin-top: 30px;
	text-align: left;
}

div.m-main table{ font-size: 13.12px; }

div.r-main{
	margin: 30px 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: 0.3em 0 0.4em;
}

.r-main p{
	margin:0.15em 0 0.25em;
}

pre{
	font-size: inherit;
	overflow: auto;
}

textarea,select,input{
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
}

textarea{
	line-height: 1.1;
}

form{ margin: 0;padding: 0; }

blockquote{
	margin: 1em 0.5em;
	padding: 0.6em 0.7em;
	border: #eeeeee 1px solid;
	color: #555555;
	background: #f9f9f9;
}

div.m-main blockquote p{
	margin: 0.2em 0;
}

.m-main ul,.m-main ol{
	margin: 16px 0 17px 37px;
	padding: 0;
	line-height: 1.3;
}

.m-main ul ul,.m-main ol ol{
	margin: 11px 0 16px 25px;
	padding: 0;
}

.m-main li{
	margin: 0 0 10px;
	padding: 0;
}

h3{
	border-left: #3388aa 8px solid;
	color: #3388aa;
	margin: 1.8em 0 1em -2px;
	padding: 3px 7px;
	line-height: 1.1;
	font-weight: normal;
	font-size: 100%;
}

h4{
	border-left: #339999 8px solid;
	color: #339999;
	margin: 1.8em 0 1em -2px;
	padding: 3px 7px;
	line-height: 1.1;
	font-weight: normal;
	font-size: 100%;
}

/* ---------------------------------------------------- entry --- */

.bentry{
	padding: 9px 0 7px;
	width: 100%;
	position: relative;
	background: #ffffff;		/* 全体背景色と同色に */
}
.m-main .bentry{ padding-top: 0.7em; }

div.entry,.p-third{ margin: 0 auto 3.3em; }	/* 各記事間隔 3.2em */
div.entry-p{ margin: 0 auto 2em; }

h2.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:#ffffff;		/* 全体背景色と同色に */
	z-index:3;
}

div ul.e-category{
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 3px 11px;
	position: relative;
	z-index:9;
}
div ul.e-bottom{
	margin:0;
	padding: 6px 0.1em 0.4em;
	list-style-type: none;
	text-align: right;
}
ul.e-bottom li,ul.e-category li{
	display: inline;
	margin: 0 0 0 8px;
	padding: 0;
	line-height: 1;
}

.e-text{
	margin-bottom: 14px;
	padding: 0.55em 1.4em 0.6em 1.5em;
	text-align: left;
}

.fc2_footer{ padding: 1.5em 0 0; }

.e-more{ margin: 1em 0.5em 0.4em;
	font-size: 150%; }
div.e-more a{ padding: 0 0.2em; }
.topmore{ padding-top: 20px; }

div ul.tag-m{
	margin: 0 12px 4px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	line-height: 1.3;
}
ul.tag-m li{
	display: inline;
	margin: 0 6px 0 0;
	padding: 0;
}

/* ----------------------------------------------------- navi --- */

div ul.navi{
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.navi li{
	display: inline;
	margin: 0 13px 0;
	padding: 0;
	line-height: 1.1;
}
#navi-perma li,#navi-permab li{
	display: block;
	margin: 0 0 0 0px;
	padding: 0;
	line-height: 1.1;
}
#navi-top{
	margin: 0 0px 40px;
}
#navi-perma{
	margin: 0 1px 30px;
}
#navi-permab{
	margin: 0 1px 2.5em;
}
.navi-l{ text-align: left; }
.navi-r{ text-align: right; }
#navi-permab li.navi-c{ margin-top: 5px; }

#n-bottom{ margin: 0 0 2.5em; }

/* ----------------------------------------------------- side --- */

.r-main .f-in{ margin-bottom: 27px; }	/* 各プラグインの間隔 27px */

.r-main h2.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;
	font-size: 100%;
	background:#ffffff;		/* 全体背景色と同色に */
}

.s-body{ margin: 0; padding: 0.3em 0.6em 0.2em; }

div p.s-description{
	margin: 0;
	padding: 0px 0px;	/* プラグイン説明文余白--上下・左右 */
}

.s-text{ width: 100%; }

.r-main ul{
	margin: 0;
	padding: 0px 0 2px;
	list-style-type: none;
}

.r-main li{
	padding: 6px 5px;
	margin: 0;
	line-height: 1.2;
	border-bottom: 1px #f3f3f3 solid;
}

/* ---------------------------------------- comment-trackback --- */

.c-entry{
	padding: 0.2em 0 0.4em;
	text-align: left;
	position: relative;
}

.c-top,.t-user{
	border: 1px #f3f3f3 solid;
	background: #f9f9f9;
}

div p.c-top{
	margin: 4px 0px 7px;
	padding: 5px 8px;
	text-align: left;
	line-height:1.1;
}

.c-body{
	margin: 0 1em 0.6em;
}

div ul.c-bottom{
	list-style-type: none;
	text-align: right;
	margin: 0 0.5em 0 0.1em;
	padding: 0;
}
div .c-bottom li{
	display: inline;
	margin: 0 0 0 7px;
	padding: 0;
}
div .c-bottom li.bleft{
	margin: 0 0 0 3px;
	padding: 0px;
}
li.ctrip{
	color: #ffffff;	/* 全体背景色と同色に */
}
.c-form{
	padding : 1.9em 0 0 1em;
	line-height: 1.5;
}
div.c-form p{
	margin: 0;
	padding: 0;
}
div p.c-formb{
	text-align: right;
	margin: 6px 0;
	padding: 2px 10px;
}

.m-main .edittop{ padding-top: 0; }

div p.t-url{
	overflow: auto;
	margin: 0 7px;
	padding: 0;
}
div p.t-user{
	margin: 1em 0;
	padding: 0 5px;
	text-align: right;
}
div p.t-title{
	margin: 2px 0 3px;
	padding: 3px 11px 0;
}
div p.t-entry{
	border-bottom: 1px #f9f9f9 dashed;
	margin: 0px;
	padding: 0 11px 5px;
}

/* --------------------------------------------------- bottom --- */

#b-top{
	clear: both;width: 100%;
	line-height: 1.1;
	padding: 0;
	margin: 0 0 0.3em;
	text-align: center;
}

.copyright{
	text-align: center;
	padding: 0 0 0.5em;
}
div.copyright p{
	margin: 0 0 2px;
}

/* ------------------------------------------------------ title --- */

div ul.titlebody{
	list-style-type: none;
	margin: 0 3px;
	padding: 12px 6px;
	position: relative;
}

div.p-third ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.titlebody li,div.p-third li{
	padding: 6px 5px;
	margin: 0 0 1px;
	line-height: 1.2;
	border-bottom: 1px #f6f6f6 solid;
}

.titlebody li a:link,.titlebody li a:visited{
	text-decoration: none;
	padding: 0 3px;
}

/* --------------------------------------------------- plugin3 --- */

div{margin: 0;padding: 0;}

.f-in{ border-width: 1px ; border-style: solid; position: relative; }

div.p-third .bentry{ padding: 0.9em 0 0.8em;}

div.p-third .s-body{ margin: 0; padding: 0.1em 1em;}

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: #aaaaaa;
	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: #aaaaaa;
}

.calender th#sun{
	color: #ff6666;
}

.calender th#sat{
	color: #6666ff;
}

.calender td{
	text-align: center;
	width: 22px;
	line-height: 1.4;
	padding: 0;
	color: #cccccc;
}

/* ---------------------------------------------------- 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: 0;
	padding: 0px 0 2px;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 6px -5px -6px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.main_menu li.main_list{
	padding: 6px 5px;
	margin: 0;
	line-height: 1.2;
	border-bottom: #f6f6f6 1px solid;
}
.s-body ul.sub_menu li{
	padding: 6px 5px 6px 12px;
	margin: 0;
	line-height: 1.2;
	border-top: #f6f6f6 1px solid;
	border-bottom: none;
}
