@charset "utf-8";

/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */
/* サンプル  http://paro2day.blog122.fc2.com/blog-entry-376.html */

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


/* left → right  right → left に変更 ------------------- 左右入替え --- */
div.main{ float: left; }
div.right{ float: right; }
#b-top{ text-align: left; }
ul.t-login{ text-align: right; }

/* --- 初期値 : M ------------------------------------- 幅変更 --- */
/* （右 : サイドバー右のとき / 左 : サイドバー左のとき） */
/* LL  965px   720px   245px   720.gif  （右 : 0px 0px / 左 : 245px 0px） */
/* L    877px   640px   237px   640.gif  （右 : 0px 0px / 左 : 237px 0px） */
/* M   761px   536px   225px   536.gif  （右 : 0px 0px / 左 : 225px 0px） */
/* S    701px   486px   215px   486.gif  （右 : 0px 0px / 左 : 215px 0px） */
/* 上記のどれか１行を左から順に下記の5つに上書きします */

#pagetop{ width: 761px ; }	/* 全体幅 */
div.main{  width: 536px ;}	/* メイン */
div.right{ width: 225px ; }	/* サイドバー */
#pagetop{
background-image: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/bw-536.gif);
background-position: 0px 0px;
background-repeat: repeat-y;
}
/*  サイドバー左のときは サイドバーの幅 をそのまま入れます
  M  サイドバー 225px → background-position: 225px 0px;   */

/*  メイン幅と画像アドレスの末尾 bw-○○○.gif の数値を同一にします
 使用可能なメイン幅   430  460  486  490  520  536  550  580  610  640
      670  700  720  730  760  790  820  850  880  910  940  970  1000  */

/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
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 */

/*  記事上部画像---差し替え○-------------------------------------
横幅サイズに合わせて画像アドレスの末尾を変更してください
LL（+ll）    sky9ll.jpg  /  sky10ll.jpg      L(+l)    sky9l.jpg  /  sky10l.jpg
M (初期)  sky9.jpg  /  sky10.jpg         S(+s)   sky9s.jpg /  sky10s.jpg

0px（横位置）と0px（縦位置）を増減させ、画像の位置を調整します
330pxは画像の縦幅です。増やすと記事部分が下がります
画像を外すときは background: ～ ; 部分を削除し、padding-top: 25px; に変更 */

div.m-main{
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/sky9.jpg) 0px 25px no-repeat;
 padding-top: 330px;
 margin: 0 25px;
 text-align: left;
 overflow: hidden;
}
div.pmain{  /* 固定ページ blog-entry-xx.html の画像 */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/sky10.jpg) 0px 25px no-repeat;
}

/* ----------------------------------------------- 全体背景 --- */
/*   初期 : 9fbfcf  薄青 : 93b9cf      緑 : 80b0c3
       濃色 : 8fafbf     青 : 99b6cf   明緑 : 84b9cb */
body {
 background: #9fbfcf;
}

/* --------------------------------------- 記事タイトルデザイン --- */
/* 日付背景色とタイトル下線色、タイトルリンク色、カテゴリリンク色は
　同色かそれに近い色を指定するとよいかもしれません
　デフォルトは全体背景に近い色で統一しています */

.e-frame,#n-top a:link,#n-top a:visited,#n-bottom a:link,#n-bottom a:visited{
	background: #99bfcf;		/* 日付背景色 */
}
.toptitle{ margin-right: 34px; }
.topday{
	float: right;
	width: 34px;
	line-height: 46px;
	height: 46px;
	font-size: 82%;		/* 日付文字サイズ */
	font-weight: normal;
	font-family: verdana;
	text-align: center;
}
h2.e-title{
	padding: 4px 7px 7px 4px;
	margin: 0;
	line-height: 1;
	text-align: left;
	font-weight: bold;
	font-size: 82%;		/* タイトル文字サイズ */
}
.tag-m,.e-category{ font-size: 82%; } /* カテゴリ・ユーザタグ文字サイズ */

h2.e-title,.p-title{
	border-bottom: 1px #90bdc7 solid;  /* タイトル下線色 */
}
.e-category{
	padding: 6px 6px 4px;
	text-align: right;
	line-height: 1;
	margin-bottom:20px;
}
.topday,#n-top a:link,#n-top a:visited,div.p-third h2.e-title,
#n-bottom a:link,#n-bottom a:visited{
	color: #ffffff;		/* 日付文字色 */
}
h2.e-title,h2.e-title a:link,h2.e-title a:visited,.c-title{
	color: #83a9b9;		/* タイトルリンク色 */
	text-decoration: none;
}
h2.e-title a:hover,h2.e-title a:active{
	color: #dd3333;		/* -カーソル接触 */
}
.e-category a:link,.e-category a:visited,.tag-m a:link,.tag-m a:visited{
	color: #789eae;		/* カテゴリリンク色 */
	text-decoration: none;
}
.e-category a:hover,.e-category a:active,.tag-m a:hover,.tag-m a:active{
	color: #dd3333;		/* -カーソル接触 */
	text-decoration: none;
}
.e-category{ color: #eeeeee; }

div.p-third h2.e-title{
	padding: 4px 0;
	font-weight: normal;
	text-align: center;
	border-bottom: none;
}
.p-width{ width: 145px; margin:0 0 0 0; }	/* プラグイン3タイトル横幅 */
.p-title{ text-align: left; }

.f-in{ margin: 0 1px; height: 1px; overflow: hidden; font-size: 0px; }

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

.r-main li a:link,.r-main li a:visited{
	text-decoration: none;
	color: #ffffff ;	/* リストリンク */
}
.r-main li a:hover{
	text-decoration: none;
	color: #000000 ;
}
.r-main a:link,.r-main a:visited{
	text-decoration: none;
	color: #333333 ;	/* 本文リンク */
}
.r-main a:hover{
	text-decoration: underline;
	color: #ffffff ;
}

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

.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: #4486b3;
}
.e-text a:hover,.c-entry a:hover,.t-body a:hover{
	text-decoration: none;
	color: #dd3333;
}

/* ------------------------------------ プラグイン3・ALLリンク色 --- */

.p-third li a:link,.p-third li a:visited,.titlebody a:link,.titlebody a:visited{
	text-decoration: none;
	color: #555555 ;	/* リストリンク */
}
.p-third li a:hover,.titlebody a:hover{
	text-decoration: none;
	color: #000000 ;
}
.p-third a:link,.p-third a:visited{
	text-decoration: underline;
	color: #4486b3 ;	/* 本文リンク */
}
.p-third a:hover{
	text-decoration: none;
	color: #dd3333 ;
}

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

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

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

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

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

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

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

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

.r-main h2.s-title{ font-size: 82%; } /* サイドバータイトル */
.r-main .s-body{ font-size: 82%; } /* サイドバー */

ul.navi,p.search{ font-size: 82%; } /* ナビ等 */

#b-top{ font-size: 82%; }

/* -----------------------------------------------------行間--- */

.e-text{ line-height: 1.7; }		/* 記事本文 */
.c-entry,.t-body p{ line-height: 1.5; }	/* コメント・トラバ */
.s-body{ line-height:1.4; }		/* サイドバー */
.p-third .s-body{ line-height: 1.5; }		/* プラグイン3 */

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

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

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

.m-main,.m-main table,.c-entry,.t-body,.p-third .s-body,div.search{
	color: #404040;		/* 記事本文 */
}

.s-title{ color: #ffffff; }			/* サイドバータイトル */

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

.t-login li a:link,.t-login li a:visited{
	text-decoration: none;
	color: #ffffff;		/* 右上メニューリンク */
}
.t-login li a:hover,.t-login li a:active{
	color: #000000;	/* -カーソル接触 */
}

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

.c-top a:link,.c-top a:visited,.c-bottom a:link,.c-bottom a:visited{
	text-decoration: none;
}

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

#n-top a:link,#n-top a:visited,#n-bottom a:link,#n-bottom a:visited{
	text-decoration: none;
	margin: 0 0 0 2px;
	padding: 1px 5px;
}
#n-top a:hover,#n-top a:active,#n-bottom a:hover,#n-bottom a:active{
	color: #666666;
	background: #ffffff;
}
ul.navi a:link,ul.navi a:visited{
	text-decoration: none;
	margin: 0 1px 0 1px;
	color: #888888;
}
ul.navi a:hover,ul.navi a:active{
	color: #000000;
}
#b-top a:link,#b-top a:visited,address{
	text-decoration: none;
	margin: 0 1px 2px 1px;
	font-style: normal;
	color: #777777; /* 全体背景でもメイン背景（白）でも見える色 */
}
#b-top a:hover,#b-top a:active{
	color: #000000;
}

/* ------------------------------------------- 記事下部リンク --- */

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

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

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

/* -----------------------------------------------------body---- */

#pagetop{
	margin: 0px auto 0;
	overflow: hidden;
}

.main .container{
	overflow: hidden;
}

div.main{
	overflow: hidden;
	margin-bottom: 12px;
	background: #ffffff;	/* メイン部分背景色 */
}

div.right{
	overflow: hidden;
	margin-bottom:10px;
}

body {
font-family: Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	color: #666666;
}

ul.t-login{
	margin: 0;
	padding: 0 0 7px;
	list-style-type: none;
	font-size: 69%;
}
ul.t-login li{
	margin: 0;
	padding: 0 0px 0 10px;
	display: inline;
	border: none;
}

h1.title{
	margin: 0px 3px 5px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
}

div p.intro{
	text-align: right;
	margin: 0 2px 15px;
	padding: 0;
}

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

div.r-main{
	margin: 5px 15px 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 0 0.8em;
}

.r-main p{
	margin:0 0 0.4em;
}

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 1.1em;
	padding: 0.6em 0.7em;
	border: #eaeaea 1px solid;
	color: #333333;
	background: #f9f9f9;
}

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

.e-text ul,.e-text ol{
	margin: 15px 0 17px 37px;
	padding: 0;
	line-height: 1.3;
}

.e-text ul ul,.e-text ol ol{
	margin: 11px 0 17px 25px;
	padding: 0;
}

.e-text li{
	margin: 0 0 10px;
	padding: 0;
}

.e-text h3{
	background: #f3f3f3;
	margin: 1.8em 0 1em -2px;
	padding: 5px 7px;
	line-height: 1.2;
	font-weight: normal;
	font-size: 100%;
}
.e-text h4{
	border-bottom: #f3f3f3 3px solid;
	margin: 1.8em 0 1em -2px;
	padding: 4px 6px;
	line-height: 1.2;
	font-weight: normal;
	font-size: 100%;
}

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

.bentry{ padding: 9px 0 7px; width: 100%; }
.m-main .bentry{ padding-top: 5px; }

div.entry-m{ margin: 0 0px 75px; }		/* 各記事の間隔 75px */
.p-third{ margin: 0 0px 60px; }		/* プラグイン3間隔 60px */
div.pentry{ margin: 0 0px 45px; }
.main div.ptitle{margin-top: 35px;}

.e-text{
	margin-bottom: 14px;
	padding: 0px 7px 10px 10px;
	text-align: left;
clear: both;
}

.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 ul.tag-m{
	list-style-type: none;
	margin: 0 8px 4px;
	padding: 0;
	text-align: left;
	line-height: 1.3;
}
ul.tag-m li{
	display: inline;
	margin: 0 7px 0 0;
	padding: 0;
}

div ul.e-bottom{
	list-style-type: none;
	margin: 0;
	padding: 0.3em 0.4em 0.2em;
	text-align: right;
	border-top: 1px #f3f3f3 solid;		/* 記事下部上線 */
}
ul.e-bottom li{
	display:inline;
	margin: 0 0 0 5px;
	padding:0 0 0 5px;
	border-left: 1px #eeeeee solid;
}
ul.e-bottom li.e-edit,ul.e-bottom li.time{
	border-left:none;
}

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

ul.navi{
	text-align: right;
	margin: 2px 0px 0;
	padding: 0px 1px;
	list-style-type: none;
	color: #eeeeee;
}
.navi li{
	margin: 0 0 0 5px;
	display: inline;
}
#n-perma li,#p-bottom li{
	padding: 0 0 0 7px;
	margin: 0 0 0 7px;
	display: inline;
}
li.bleft{
	border-left: 1px #eee solid;
}
#n-top,#n-perma{
	margin-bottom: 35px;
}
#n-bottom,#p-bottom{
	margin-bottom: 30px;
}
#p-bottom li.nhome{
	display: block;
	padding: 5px 0 0;
	margin: 5px 0 0;
}

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

div h2.s-title{
	margin: 0;
	padding: 6px 1px 6px 4px;
	text-align: left;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	border-bottom: 1px #ffffff dotted;	/* タイトル下線 */
}

.s-body{ margin: 7px 6px 23px 8px; }	/* 各プラグインの間隔 23px */

div p.s-desc{
	margin: 0;
	padding: 0px 0px;	/* プラグイン1,2説明文余白 上下・左右 */
}

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

.r-main .s-body li{
	padding: 3px 3px 4px 17px;
	margin: 0;
	line-height: 1.2;
	/* リスト画像 */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list1.gif) 0px 7px no-repeat;
}

div.r-main .slink li{		/* リンク */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list3.gif) 0px 7px no-repeat;
}

div.r-main .strackback li{	/* トラックバック */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list4.gif) 0px 7px no-repeat;
}
div.r-main .scomment li{	/* コメント */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list4.gif) 0px 7px no-repeat;
}
div.r-main .sarchive li{		/* アーカイブ */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list5.gif) 0px 7px no-repeat;
}
/* ---------------------------------------plugin-category--- */
.s-body ul.sub_menu li{		/* 子カテゴリ */
 background: url(http://blog-imgs-41.fc2.com/p/a/r/paro2day/list2.gif) 0px 7px no-repeat;
}
.s-body ul.main_menu{
	margin: 1px 0 7px 0px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 4px 0px 0px -5px;
	padding: 0;
	list-style-type: none;
}
.r-main .s-body li.sub_list_end{
	padding-bottom: 0;
}

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

.c-entry{
	padding: 4px 3px 10px;
	text-align: left;
}

div h3.c-top,#trackback dd.turl{
	background: #f7f7f7;
	line-height: 1.1;
	margin: 13px 0 0.7em;
	padding: 5px 9px;
	font-weight: normal;
	font-size: 100%;
}
#edittitle{
	margin-top: 10px;
}
div p.c-body{
	margin: 0 1em 0.6em;
}
div ul.c-bottom{
	list-style-type: none;
	margin: 0 0.5em 0 0.1em;
	padding: 0;
	text-align: right;
	color: #666666;		/* コメント下部文字色 */
}
ul.c-bottom li,#trackback li{
	display: inline;
	margin: 0 0 0 9px;
	padding: 0;
}
li.ctrip{
	color: #ffffff;	/* 内背景色と同色に */
}

.c-form{
	padding : 1.1em 0 0 1em;
	line-height: 1.7;
	text-align: left;
}
div.c-form p{
	margin: 0 0 1px;
	padding: 0;
}
div.bform{
	text-align: right;
	margin: 6px 0;
	padding: 2px 10px;
}

#trackback dl{
	margin: 13px 0;
	padding: 0;
}
#trackback dt{
	margin: 0 8px 1px;
	padding: 0;
}
#trackback dd{
	margin:0 7px 25px;
	padding: 0;
	text-align: right;
}
#trackback dd.turl{
	overflow: auto;
	margin: 0 7px 10px;
	text-align: left;
}
#trackback h3{
	margin: 0 8px 7px;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}
#trackback p{
	padding: 0;
	margin: 0 0.8em 2px;
}
#trackback ul{
	border-bottom: 1px #e9e9e9 dashed;
	padding: 0 11px 5px;
	margin: 0 0 9px;
	text-align: right;
	list-style-type: none;
}

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

#b-top{
	clear: both;
	line-height: 1.5;
	margin: 0 25px 10px 25px;
}
#b-top strong{ font-weight: normal; }
#b-top span,#b-top p{ font-size: 91.4%; display: inline; }

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

ul.titlebody{
	margin: 10px 6px 7px;
	padding: 0;
	list-style-type: none;
}
.titlebody li a:link,.titlebody li a:visited{
	text-decoration: none;
}

div p.search{
	margin: 0px 0px;
	padding: 10px 10px;
}

div{margin: 0;padding: 0;}

/* -----------------------------------------------------plugin3--- */

div.p-third p.s-desc{
	margin: 0;
	padding: 0px 0px;	/* 説明文余白 上下・左右 */
}

div.p-third{
	padding: 15px 0 12px;
}

div.p-third .s-body{ margin: 10px 1px 0 10px; }

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

div.p-third li,.titlebody li{
	padding: 5px 7px;
	margin: 0;
	line-height: 1.3;
	border-bottom: 1px #f0f0f0 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: #ffffff;
	font-size: 12px;
}

.calender caption{
	color: #ffffff;
	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: #ffffff;
}

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

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

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

/* ------------------------------------------------------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;
}