@charset "utf-8";


/* 値の書き方の例 */
/*

	例：padding : 10px 5px;

		= 上：10px 下：10px 左：5px 右：5px

	例：padding : 10px;

		= 上：10px 下：10px 左：10px 右：10px

	例：padding : 10px 15px 20px 25px;

		= 上：10px 下：20px 左：15px 右：25px


           1
      +---------+
      |         |
     4|         |2
      |         |
      |         |
      +---------+
           3

      1 → 2 → 3 → 4の順番で記述します

*/


/* 全体的な設定lammban
------------------------------------------------------------ */

	/* contentプロパティの初期化 */

	*:before,
	*:after {
		content : "";
	}

	/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

	* {
		margin : 0;
		padding : 0;
		font-style : normal;
		font-weight : normal;
	}

	/* body要素以下全てに適用されます */
	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left no-repeat; */

	body {
		color : #101e1b;						/* 文字の色 */
		background-color : #CACCB2;				/* 背景の色 */
		/* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
		text-align : center;					/* 古いIEでセンタリングする */
		line-height : 1.5;						/* 行間 */
		font-size : x-small !important;			/* 古いIEの文字サイズ */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
		font-size : small !important;			/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body {
		font-size : small !important;			/* Opera用の文字サイズ */
	}

	textarea {
		width : 90%;
	}



/* リンクの設定
------------------------------------------------------------ */

	/* リンクの設定 */
	a {
		text-decoration : none;			/* アンダーラインなど装飾を施さない */
	}

	/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
	a:link {
		color : #228B22 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
	a:visited {
		color : #228B22 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
	a:hover {
		color : #9ACD32 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
	a:active {
		color : #228B22 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* リンク画像の枠を表示しない */
	a:link img {
		border:1px solid #FFFFFF;
	}
	a:visited img {
		border:1px solid #FFFFFF;
	}
	a:hover img {
		border:1px solid #9ACD32;
	}
	a:active img {
		border:1px solid #FFFFFF;
	}


/* レイアウト用ブロックの設定
------------------------------------------------------------ */

	/* 全体の大枠 */
	/* 左右のマージンを自動で求める事でセンタリングを行ってます */
	/* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

	div#container {
		width : 960px;						/* wrapper＋extra-columnの幅 */
		margin-left : auto;					/* 左側のマージンを自動計算 */
		margin-right : auto;				/* 右側のマージンを自動計算 */
		background-color : transparent;		/* 背景を透過（bodyで指定した値が有効になります） */
		text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */
	}

	/* タイトル部分 */
	/* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left no-repeat; */

	div#branding {
		position:relative;
		width : 960px;						/* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
		height : 128px;						/* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
		background:url("http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/title_bg.png") no-repeat top left;
	}
	
	div#branding img {
		position:absolute;
		top:7px;
		left:320px;
	}

	div.column {
		margin : 15px 0;				/* タイトル部分と記事、記事部分とフッター部分の間隔 */
	}

	/* primary-columnとsecondary-columnの回り込み */

	div#wrapper {
		float : left;						/* 左側に回り込む */
		width : 790px;						/* primary-column＋secondary-columnの幅 */
	}

	/* 本文部分ブロック */
	/* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
	/* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

	div#primary-column {
		float : right;						/* 右側に回り込む */
		width : 524px;						/* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
		padding : 0 20px;					/* パディング */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		width : 524px;						/* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
	}

	html>body div#primary-column {
		width : 524px;						/* Opera用のコンテンツ幅 */
	}

	/* アーカイブ関連ブロック */

	div#secondary-column {
		float : left;						/* 左側に回り込む */
		width : 226px;						/* コンテンツ幅 */
                margin: 36px 0px 0px 0px;
        }

	/* アーカイブ以外のブロック */

	div#extra-column {
		float : left;						/* 左側に回り込む */
		width : 170px;						/* コンテンツ幅 */
                margin: 36px 0px 0px 0px;
	}

	/* 著作表示ブロック */

	div#siteinfo-legal {
		clear : both;						/* 回り込みを解除 */
		margin : 0 10px;
	}



/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

	/* タイトル */
	div.topTitle {
                position:relative;
		padding:0px;
                margin:0px;
                width:960px;
                height:180px;
                background:url("http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/blog2_title_bg.png") no-repeat top left;
	}
	div.topTitle h1 {
                position:relative;
		font-size : 14px;				/* 古いIEの文字サイズ */
		font-weight : bold;				/* 太字にする */
		voice-family : "\"}\"";			/* おまじない */
		voice-family : inherit;			/* おまじない */
		font-size : 14px;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
                top: 26px;
                left: 36px;
		text-decoration:none;
	}

	html>body div.topTitle h1 {
		font-size : 14px;				/* Opera用の文字サイズ */
	}

        div.topTitle a { color:#ffffff !important; font-weight : bold;}
        div.topTitle a:link { color:#ffffff !important2; font-weight : bold;}
        div.topTitle a:hover { color:#9ACD32 !important; font-weight : bold;}
        div.topTitle a:visited { color:#ffffff !important; font-weight : bold;}
        div.topTitle a:active { color:#ffffff !important; font-weight : bold;}

	/* サイトの説明 */

	div.topTitle p {
                position:relative;
                color:#ffffff;
                top:26px;
                left:40px;
		font-size : 11px;					/* 古いIEの文字サイズ */
		font-weight:bold;
		border: none;
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : 11px;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body div.topTitle p {
		font-size : 11px;					/* Opera用の文字サイズ */
	}


/* Primary-Columnの設定
------------------------------------------------------------ */

	/* ページ移動用ナビゲーション */

	p.prev-next-navi {
		margin-bottom : 20px;
		text-align : center;
	}

	/* 各記事毎のブロック */
	/*

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        
   
        各記事はこのようにブロックで記事毎に階層が分けられています */

	div.section {
		margin-top : 4px;					/* 記事と記事の間隔 */
		margin-bottom : 36px;				/* 記事と記事の間隔 */
		padding:0px;
	}

	/* 記事の背景セット */
	div.section_top {
		height:66px;
		margin:0px;
		padding:0px;
		background : url("http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/section_top_bg_524.png") top left no-repeat;
	}
	div.section_middle {
		height:100%;
		margin:0px;
		padding:0px;
		background : url("http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/section_middle_bg_524.png") top left repeat-y;
	}
	div.section_bottom {
		height:70px;
		margin:0px;
		padding:0px;
		background : url("http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/section_bottom_bg_524.png") top left no-repeat;
	}


	div.section_top h2 {
		margin:0px 16px;
		padding:0px 6px 4px 6px;
		font-size : 13px;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : 13px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
		border-bottom:dotted #101e1b 1px;
	}
	html>body div.section_top h2 {
		font-size : 13px;					/* Opera用の文字サイズ */
		font-weight:bold;
	}

	div.section_top h2 a{
		font-weight:bold;
	}
	
	div.section_top p.date_time {
		text-align:right;
		margin:4px 26px 0px 0px;
		font-size:11px;
	}



	/* 段落の設定 */

	div.section p {
		margin : 1em 0;						/* 上下1行分空ける */
	}

	/* 記事本体部分 */

	div.entry-body {
		margin: 0px;
		padding : 16px 36px;
                line-height:160%;
	}
        div.entry-body p.main_entry {
                margin:0px 0px 20px 0px;
        }

	/* 追記部分 */

	p.entry-more {
		padding : 25px 15px 15px 0;
		text-align : right;
	}

	/* フッター部分（コメントやトラックバックなど） */

	div.section ul.entry-footer {
                text-align:center;
                margin:0px auto;
		padding : 20px 10px 15px 10px;
		list-style-position : inside;
	}

	div.section ul.entry-footer li {
		display : inline;
		list-style-type : none;
	}

	.emoji{
		vertical-align:middle;
		border:0;
	}

/* コメント部分の設定
------------------------------------------------------------ */

	/* コメントフォーム */

	div#primary-column form {
		padding : 0 10px;
	}

	/* 管理者だけにコメント */

	input#himitu {
		margin-right : 0.5em;
	}

	/* コメントフォームのボタン */

	p.form-btn {
		margin-top : 20px;
	}

	/* コメントトップ */

	h3#comment-top {
		margin : 15px 0 10px 0;
		padding : 0 15px;
	}

	h3.comment-post,
	h3.comment-edit {
		padding : 0 15px;
	}

	/* コメントのタイトル */

	h4.comment-header {
		margin-bottom : 10px;
		padding : 0 10px;
		border-bottom : 1px solid #333;		/* 枠線 */
	}

	/* コメント本文 */

	div.comment-body {
		padding : 0 10px;
	}

	/* コメントフッター */

	ul.comment-footer {
		padding : 10px 10px 15px 10px;
	}

	ul.comment-footer li {
		display : inline;
		list-style-type : none;
	}



/* トラックバック部分の設定
------------------------------------------------------------ */

	/* トラックバックトップ */

	h3#trackback-top {
		margin : 15px 0;
	}

	/* トラックバックURI */

	p.trackback-uri {
		margin-bottom : 15px;
		padding : 0.2em 0.5em;
		border : 1px solid #333;
	}

	/* トラックバックのタイトル */

	h4.trackback-header {
		margin-bottom : 10px;
		padding : 0 10px;
		border-bottom : 1px solid #333;
	}

	/* トラックバック先の概要 */

	div.trackback-excerpt {
		padding : 0 10px;
		background : transparent;
	}

	/* トラックバックフッター */

	ul.trackback-footer {
		padding : 10px 10px 15px 10px;
		display : inline;
		list-style-type : none;
	}

	ul.trackback-footer li {
		display : inline;
		list-style-type : none;
	}



/* Secondary-Columnの設定
------------------------------------------------------------ */

	/* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */
        div#secondary-column div.column-title {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_top_226.png');
                background-repeat:no-repeat;
                width:226px;
                height:42px;
                margin:0px;
                padding:0px;
        }
	div#secondary-column h3 {
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-weight:bold;
		font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
                color:#FFFFFF;
		margin:0px auto;
		padding:16px 0px 0px 4px;
                width:100%;
                text-align:center;
	}

	html>div#secondary-column h3 {
		font-size : 12px;					/* Opera用の文字サイズ */
	}

/* 内容の背景 */
div#secondary-column div.column-body {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_middle_226.png');
                background-repeat:repeat-y;
                width:226px;
                margin:0px;
                padding:10px 0px;
}
div#secondary-column div.column-body-inner {
                margin:6px;
                padding:0px;
                font-size:11px;
}

/* リスト表示項目 */
div#secondary-column ul {
	margin:0px;
	padding0px;
	list-style:none;
	line-height:120%;
}
div#secondary-column ul li{
	margin:0px 0px 6px 4px;
	padding:0px;
}

/* カラム閉じ */
div#secondary-column div.column-bottom {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_bottom_226.png');
                background-repeat:no-repeat;
                width:226px;
                height:22px;
                margin:0px auto 16px auto;
                padding:0px;
}

/* Extra-Columnの設定
------------------------------------------------------------ */

	/* アーカイブ以外の見出（リンクやプロフィールなど） */
        div#extra-column div.column-title {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_top.png');
                background-repeat:no-repeat;
                width:170px;
                height:42px;
                margin:0px;
                padding:0px;
        }

	div#extra-column h3 {
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-weight:bold;
		font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
                color:#FFFFFF;
		margin:0px auto;
		padding:16px 0px 0px 4px;
                width:100%;
                text-align:center;
	}

	html>div#extra-column h3 {
		font-size : 12px;					/* Opera用の文字サイズ */
	}

/* 内容の背景 */
div#extra-column div.column-body {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_middle.png');
                background-repeat:repeat-y;
                width:170px;
                margin:0px;
                padding:10px 0px;
}
div#extra-column div.column-body-inner {
                margin:6px;
                padding:0px;
                font-size:11px;
}
/* リスト表示項目 */
div#extra-column ul {
	margin:0px;
	padding0px;
	list-style:none;
	line-height:120%;
}
div#extra-column ul li{
	margin:0px 0px 6px 4px;
	padding:0px;
}

/* カラム閉じ */
div#extra-column div.column-bottom {
                background-image:url('http://blog-imgs-61.fc2.com/f/u/k/fukurounoshiro2/column_bottom.png');
                background-repeat:no-repeat;
                width:170px;
                height:22px;
                margin:0px auto 16px auto;
                padding:0px;
}


/* フッター部分の設定
------------------------------------------------------------ */

	div#siteinfo-legal p {
		padding : 10px 0;				/* パディング */
		border-top : 1px solid #333;	/* 上線 */
		text-align : center;			/* センタリング */
	}

	span.bottomAd {
		font-size:11px;
		color:#101e1b;
	}

	span.bottomAd a {
		color:#101e1b;
		font-size:11px;
		text-decoration:underline;
	}
	span.bottomAd a:link {
		color:#101e1b;
	}
	span.bottomAd a:hover {
		color:#9ACD32;
	}
	span.bottomAd a:active {
		color:#101e1b;
	}
	span.bottomAd a:visited {
		color:#101e1b;
		font-size:11px;
	}


/* 強調の設定
------------------------------------------------------------ */

	/* 強調 */

	em {
		font-style : italic;				/* 斜体 */
	}

	/* より強い強調 */

	strong {
		font-weight : bold;					/* 文字を太字にする */
	}



/* 引用の設定
------------------------------------------------------------ */

	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left repeat; */

	blockquote {
		width : 300px;						/* 幅 */
		margin : 20px 0 20px 50px;			/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #333;			/* 枠の色と線種 */
	}



/* コード
------------------------------------------------------------ */

	/* 記事中にプログラムコードなどを書く時に使います */
	/* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */



	div.section pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 1px solid #633;
		font-family : sans-serif;
		overflow : auto;
		width : 90%;						/* pre element clearing bug in WinIE  */
	}

	/* for without MacIE5 \*/

	div.section pre {
		overflow : scroll;					/* MacIE用バグ対応 */
	}/* */

	div.section > pre {
		width : auto;						/* MacIE用バグ対応 */
	}

	div.section code {
		font-family : monospace;			/* 等幅フォントを指定 */
	}


/* カレンダー */
table.calender {
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin:4px auto 0px auto;
        font-size:12px;
        table-collapse:separate;
}
table.calender caption {
	font-weight:bold;
}
table.calender th {
	font-weight:bold;
}
table.calender th#sun {
	color:red;
}
table.calender th#sat {
	color:blue;
}
table.calender td {
        border:1px solid #999999;
}
table.calender td a {
        display:block;
        width:100%;
        height:100%;
 	color:#ffffff !important;
	background-color:#228B22 !important;
}
table.calender td a:link {
	color:#ffffff !important;
	background-color:#228B22 !important;
}
table.calender td a:hover {
	color:#ffffff !important;
	background-color:#9ACD32 !important;
}
table.calender td a:active {
	color:#ffffff !important;
	background-color:#228B22 !important;
}
table.calender td a:visited {
	color:#ffffff !important;
	background-color:#228B22 !important;
}

/* プラグインの設定 */
p.plugin-myimage {
    text-align:center;
    margin:4px 0px;
}
p.plugin-intro {
    margin:4px;
    font-size:11px;
}
p.profile-link-title {
    text-align:center;
    font-size:12px;
    font-weight:bold;
    margin:16px auto 6px auto;
}
p.profile-link {
    font-size:12px;
    text-align:center;
    margin:6px auto 0px auto;
}
p.plugin-search {
    margin:8px 8px 0px 8px;
}
p.plugin-search input {
    margin:4px auto 4px auto;
}
p.plugin-qrcode {
    margin:8px auto;
    line-height:180%;
}

#ovtAdContainer {
    font-size:11px;
    text-align:center;
    width:100%;
    margin:0px auto;
}
#ovtAdContainer .adBlock {
    text-align:left;
    margin:2px auto;
    width:80%;
}
#ovtAdContainer .adBlockHover {
    text-align:left;
    margin:2px auto;
    width:80%;
}

/* Mac版IEの文字化け対策
------------------------------------------------------------ */

	/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

	textarea,input,select {
		font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
	}



/* 店舗追加によるリンクの設定 2013-08-15 */
.fukurounoshiro-link {
    position:relative;
    margin:0px 0px 16px 0px;
    padding:0px;
    width:170px;
}
.fukurounoshiro-link a img{
    position:relative;
    margin:0px 0px 0px 0px;
    padding:0px;
    border:none;
}