@charset "utf-8";
/* ----------------- WebFontの設定 ----------------- */
/* HuiFont */
@font-face {
   font-family: 'HuiFontP';
   font-style: normal;
   font-weight: 400;
   src: local('ふい字 P'), local('ふい字'),
        url(//blog-8dc79.firebaseapp.com/fonts/sHuiFontP.woff2) format('woff2'),
        url(//blog-8dc79.firebaseapp.com/fonts/sHuiFontP.woff) format('woff'),
        url(//blog-8dc79.firebaseapp.com/fonts/sHuiFontP.otf) format('opentype');
}

/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(//fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess */
/* Noto Sans Japanese - Original URL - */
/* http://fonts.gstatic.com/ea/notosansjapanese/v6/ */
/* NotoSansJP-DemiLight / NotoSansJP-Bold */

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('Noto Sans CJK JP DemiLight'), local('Source Han Sans Normal'),
        local('源ノ角ゴシック Normal'), local('源真ゴシック Normal'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-DemiLight.woff2) format('woff2'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-DemiLight.woff) format('woff'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-DemiLight.otf) format('opentype')/*,
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype')*/;
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: local('Noto Sans CJK JP Bold'), local('Source Han Sans Bold'),
        local('源ノ角ゴシック Bold'), local('源真ゴシック Bold'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-Bold.woff2) format('woff2'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-Bold.woff) format('woff'),
        url(//blog-8dc79.firebaseapp.com/fonts/sNotoSansCJKjp-Bold.otf) format('opentype')/*,
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype')*/;
}

/* ----------------- 全体の設定 ----------------- */
html {

	}
body {
	font-family: 'Droid Sans','Noto Sans Japanese',san-serif;
	margin: 0;
	padding: 0;
	text-align : center;
	background-color: #f3f3f2;
	color: #555555; /*全体的な文字色*/
	font-size: 1em; /*全体的な文字サイズ*/
	letter-spacing: 1px; /*文字の間隔*/
	word-break: break-all;
	}
br{
	letter-spacing:normal; /* ← IE6、IE7対策 */ 
	}

#container {
	width: 900px;
	margin-left : auto;
	margin-right : auto;
	background-color: #FFFFFF;
	border-left: 1px solid #E2E3CE;
	border-right: 1px solid #E2E3CE;
	text-align : left;
	/*position : relative;*/
	}
/*WinIE5,6の指定*/
#container {
	overflow: visible;
	height: 1px;
	}
/*WinIE5,6・MacIE5以外の指定*/
html>body #container{
	overflow: auto;
	height: auto;
	}
/*MacIE5の指定*/
/* \*//*/
html>body #container{
	overflow: visible;
	}

/* ----------------- 共通のタグ ----------------- */

form{
	margin:0px;
	padding:0px;
	}
img{
	border:none;
	vertical-align:middle;
	}

a:link {color: #990000;text-decoration: none;}
a:visited {color: #990000;text-decoration: none;}
a:active {color: #996633;text-decoration: none;}
a:hover {color: #333333;text-decoration: underline;}
/*background-color:#FFFFFF;*/

/* ----------------- カラムの設定 ----------------- */
#main {
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	text-align: left;
	width: 620px;
	voice-family: inherit;
	}
html>body #main{
	width: 620px;
	}

#SIDE {
	float: right;
	margin: 15px 8px 0px 0px;
	padding: 0px;
	text-align: left;
	display: inline;
	width: 240px;
	voice-family: inherit;
	}
html>body #SIDE{
	width: 240px;
	}

/* ブログタイトルと概要 */
#BlogHead {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	text-align: center;
	width: 598px;
	border-bottom:3px solid #E67A7A;
}
/* タイトルの設定 */
#BLOGBANNER {
	font-family:'HuiFontP';
	}
h1.blogtitle a{
	color: #333333;
	text-decoration: none;
	}
h1.blogtitle a:hover {
	color:#990000;
	text-decoration: none;
	}

/* ブログ概要 */
.introduction {
	color: #666666;
	font-size: 0.8em;
	margin: 0px 0px 10px 0px;
	}

/* 月別・カテゴリー別の設定 （TOPページの記事上部に表示）*/
.select{
	margin:10px 0px 10px 10px;
	padding-bottom:0px;
	font-size:0.8em;
	}
.select_title{
	height:18px;
	padding:8px 0px 5px 5px;
	margin:0px 0px;
	color:#B4B48C;
	font-size:1.1em;
	font-weight:bold;
	/* text-indent:30px;
	background-attachment: scroll;
	background-image: url("http://blog-imgs-38.fc2.com/p/o/o/poohmimi/pop_3_s.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%; */
	}
.select_title:first-letter { color:#669999; }  /*タイトルの最初の文字色*/

/* ページリンク */
.page_link{
	margin:10px 0px 15px 0px;
	padding:5px;
	font-size:0.7em;
	text-align:center;
	}

/* 記事の大枠 */
#CONTENTS {
	margin: 0px 5px 0px 10px;
	padding: 0px;
	text-align: left;
	width: 598px;
	voice-family: inherit;
	}
html>body #CONTENTS{
	width: 598px;
	}
/* 記事枠 */
.e_body_block {
	border: 1px solid #E2E3CE;
	margin: 5px;
	padding: 5px 10px;
	}
/* 記事タイトル#967B3F */
.e_title{
	height:20px;
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color:#967B3F;
	font-size:1.1em;
	font-weight:bold;
	}
/* 記事日付 */
.e_date{
	margin:0px 0px 30px 0px;
	text-align:left;
	color:#999999;
	font-size:0.7em;
	line-height:1.5;
	}
/* 記事本文 */
.e_body{
	margin:0px 0px 15px 0px;
	margin-bottom:25px;
	padding:0px ;
	color:#333333;
	font-size:0.9em;
	line-height:1.6;
	}
.e_body img, .e_body a img{
	margin:2px;
	border:0px;
	}
/* 「続きを読む」がある場合 */
.e_more{
	margin:30px 0px 15px 0px;
	padding:0px;
	text-align:left;
	font-size:0.7em;
	font-weight:bold;
	/*letter-spacing:1px;*/
	}
/* コメントやトラックバック数 */
.e_state{
	margin: 5px 0px 0px 0px;
	text-align: left;
	color #967B3F;
	font-size: 0.7em;
	line-height:1.5;
	font-weight: bold;
	}
/* カテゴリー表示部分 */
.e_cate{
	margin:0px 0px 10px 0px;
	text-align:right;
	color:#967B3F;
	font-size:0.7em;
	font-weight:bold;
	}
.e_state a,.e_cate a{
	font-weight:normal;
	}

/* ### コメント・トラックバック ### */
.subtitle{
	height:16px;
	vertical-align:middle;
	/*text-indent:60px;*/
	padding:7px 0px;
	margin:50px 0px 10px 0px;
	font-size:0.8em;   /*### 「COMMENT」「TRACKBACK」の文字サイズ ###*/
	font-weight:bold;
	}
.subtitle:first-letter { color:#D25565; }  /*↑の最初の文字色*/
.subtitle2{
	height:10px;
	vertical-align:middle;
	text-indent:5px;
	padding:4px 0px 4px 0px;
	margin:20px 5px 0px 5px;
	font-size:0.8em;   /*### 「Comment form」「TrackBack List」などの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:1px;
	}
.subtitle2:first-letter { color:#D25565; }  /*↑の最初の文字色*/

/* ### コメント ###  */
.cmt_title{
	margin:15px 10px 0px 15px;
	padding:0px;
	font-size:0.9em; /* コメントタイトルの文字サイズ */
	font-weight:bold;
	}
.cmt_body{
	margin:15px 15px 15px 15px;
	padding:0px;
	font-size:0.9em; /* コメント本文の文字サイズ */
	line-height:1.5;
	}
.cmt_state{
	margin:5px 15px 10px 10px;
	padding:0px;
	text-align:right;
	font-size:0.8em; /* コメントの日付などの文字サイズ */
	}
.cmt_form{
	margin:5px 10px 5px 10px;
	padding:0px;
	font-size:0.8em; /* コメントフォーム付近Nameなどの文字サイズ */
	line-height:1.8;
	}
.cmt_area{
	margin:5px 5px 10px 5px;
	padding:0px;
	border:1px dashed #E2E3CE;
	}

/* ### トラックバック ### */
.tb_text{
	width:400px;
	border:1px solid #666666;
	background:#F8F8F3;
	}
.tb_url{
	margin:5px 5px 5px 25px;
	padding:0px;
	font-size:0.8em; /* トラックバック「→この記事に．．．．」の文字サイズ */
	line-height:1.8;
	}
.tb_referer{
	margin:15px 0px 0px 15px;
	padding:0px;
	font-size:0.8em; /* トラックバック元を表示する文字サイズ */
	font-weight:bold;
	}
.tb_body{
	margin:15px 10px 15px 20px;
	padding:0px;
	font-size:0.8em; /* トラックバック記事の文字サイズ */
	line-height:1.8;
	}
.tb_state{
	margin:5px 15px 10px 10px;
	padding:0px;
	text-align:right;
	font-size:0.7em; /* トラックバック日付などの文字サイズ */
	}	
.tb_area{
	margin:5px 5px 10px 5px;
	padding:0px;
	border:1px dashed #E2E3CE;
	}

/* ### コメント・トラックバックフォーム ### */
.form_text{
	width:300px;
	border:1px solid #666666;
	background:#F8F8F3;
	}
.form_textarea{
	width:340px;
	border:1px solid #666666;
	background:#F8F8F3;
	}
.form_pass{
	width:170px;
	border:1px solid #666666;
	background:#F8F8F3;
	}
.form_button{
	margin-top:10px;
	border:1px solid #666666;
	background:#F8F8F3;
	}
form label{
	display:block;
	font-size:0.85em;
	margin:5px 0px 0px 0px;
	}
	
/* 右サイド */
/* サイドメニューのタイトル */
.sidetitle{
	height:22px;
	margin:0px;
	text-indent:10px;
	padding:0px 0px 1px 0px;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:2px solid #E2E3CE;
	}
.sidetitle:first-letter { color:#D25565; }  /*サイドメニュータイトルの最初の文字色*/

#SIDE p {
	margin:10px 15px;
	padding:0px;
	font-size:0.8em;
	/*color:#666666;   サイドメニューのプラグインの説明などの文字色 */
	}

#SIDE img {
	margin:5px 0px;
	border:0px solid #FFFFFF;
	}
#SIDE ul{
	margin:5px 15px 5px 20px;
	padding:0px;
	list-style:none;
	}
#SIDE li {
	margin:0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;
	line-height:1.3;
	font-size:0.8em;
	}
#SIDE form {
	padding-bottom:10px;
	}
#SIDE form input{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:1em;
	}
#SIDE form textarea {
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:1em;
	}

/* フッター */
#FOOTER {
	clear:both;
	margin:5px 5px 0px 5px;
	padding:5px 10px;
	}
#FOOTER address{ 
	line-height:1.5;
	margin:0px auto; 
	padding:0px 0px;
	font-size:0.7em;
	text-align:left;
	font-style:normal;
	}

/* ### 絵文字ボタンに関する設定 ### */
.emoji{
	vertical-align:middle;
	border:0;
	}

/* ### プラグイン ### */
/* フリーエリア */
.plugin-freearea{
	font-size:0.8em;
	margin:5px auto 15px 15px;
	}
.category {
	margin:5px auto 15px 15px;
	font-size:0.8em;
	}
/* 月刊アーカイブ */
.archive {
	margin:5px auto 15px 15px;
	font-size:0.8em;
	word-break:keep-all;
	}

/* ############ オリジナル要素 ############ */
input, select, textarea {
	font-size:1em;
}

/* 横カレンダー */
.line_calendar {
	margin:5px 0px;
	text-align:center;
	font-size:0.8em;
	}
.line_cal_day {
	padding:1px;
	}
	
/* ブログランキング */
/*
.e_body_ranking {
	margin: 0px 0px 10px 0px;
	font-size:0.7em;
	text-align: center;
	}
.e_body_ranking img {
	margin: 3px 2px 3px 2px;
	border: 0px;
	}
*/

/* FC2拍手＆ブログ村 */
.fc2_footer{
	margin:35px 5px 20px 5px;
	font-size:0.7em;
	}

/* ブログタイトル右側のヘッダの広告バナー */
#PointBanner {
	float: right;
	width: 468px;
	height: 60px;
	text-align: right;
	margin: 0px 0px 5px 5px;
	border: 1px solid #333;
	}

/* 記事下のfc2スポンサーサイト */
#fc2_text_ad {
	display:none;
	margin:35px 10px 10px 10px;
	padding:7px;
	background-color:#E2E3CE;
	font-size:0.75em;
	}
#ovtAdContainer{font-size:0.75em;}
#googleAdContainer{
	margin-top:20px;
	font-size:0.75em;
	}

/* ブログ内のテーブル */
#basic1 table {
	border:1px solid #333;
	text-align:center;
	border-collapse:collapse;
	vertical-align:middle;
	padding:2px;
	}
#basic tr,td,th {
	border:1px solid #333;
	}

/* メイリオフォント */
.ms-meiryo {
	font-family: Meiryo, メイリオ, Verdana, Arial, Helvetica, sans-serif, MS UI Gothic;
	}

/* ######【スマホのテンプレートとの共有】###### */
/* 記事の中でHTMLなどのソースコードを表現する時用 */
.SourceCode {
	margin:2px 7px 2px 7px;
	padding:7px;
	border:1px solid #036;
	background-color:#036;
	color:#FFF;
}
/* 記事の中で赤枠で囲みたい時用 */
.AkaWaku {
	margin:7px;
	padding:10px;
	border:solid 2px #c33;
}