@charset "EUC-JP";


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

2008/02/23　byまはろ　スマイル０円！

★不具合ありましたらご連絡下さい。
★質問にはお答え出来ません。
★改変、改造おおいに可。
★再配布不可。

★その他注意は下記に
http://suzume2828.blog17.fc2.com/blog-entry-83.html

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


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

	例：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要素以下全てに適用されます */

	body {
		color : #666;					/* 文字の色 */
		background-color : #fff;			/* 背景の色 */
		text-align : center;				/* 古いIEでセンタリングする */
		font-size : x-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}



	img{	border:none;	}				/* 画像の枠線を消す */


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

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


	/* リンクする要素のうち、未閲覧要素に対してスタイルを適用します */
	a:link { color : #336699 ;		}		/* 文字の色 */


	/* リンクする要素のうち、閲覧済要素に対してスタイルを適用します */
	a:visited { color : #cc33cc ;		}		/* 文字の色 */


	/* ユーザーがカーソルを上に置いている、アクティブ状態にしている時にスタイルを適用します */
	a:hover,
	a:active {
		text-decoration:none;				/* 文字を動かす */
		position: relative;
		left: 1px;
		top: 1px;
		color : #E1771E ;					/* 文字の色 */
	}


	/* リンク画像の枠を表示しない */
	a img {
		border-style : none;				/* 枠を非表示 */
		border-width : 0px;				/* 枠の幅を0pxに設定 */
		text-decoration : none;				/* 装飾を表示しない */
	}



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

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

	div#container {
		width : 860px;					/* wrapper＋extra-columnの幅 */
		margin-left : auto;				/* 左側のマージンを自動計算 */
		margin-right : auto;				/* 右側のマージンを自動計算 */
		text-align : left;				/* 古いIE用にセンタリングした部分を元に戻す */
	}


	/* タイトル部分 */
	div#branding {						/* 背景画像指定 */
		width : 860px;	
		height : 150px;	
		background : url("http://blog-imgs-29.fc2.com/s/u/z/suzume2828/binbo_banner.jpg") top left no-repeat;
	text-align:left;
		margin-bottom : 30px;
	}


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


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


	/* 左サイドバー */
	div#secondary-column {
		float : left;					/* 左側に回り込む */
		width : 180px;					/* コンテンツ幅 */
	}

	/* 右サイドバー */
	div#extra-column {
		float : right;					/* 右側に回り込む */
		width : 180px;					/* コンテンツ幅 */
	}

	/* 著作表示ブロック（全体フッター）*/
	div#siteinfo-legal {
		clear : both;					/* 回り込みを解除 */
		width : 860px;
		background-color : #f8e8cf;			/* 背景色 */
		margin : 10px auto 0px auto;
		padding : 10px 0px;
		text-align : center;				/* 中央配置 */
		line-height : 160%;				/* 行間隔 */
	}



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


	/* ブログタイトル部分 */
	div#branding h1 {
		padding-top : 50px ;				/* 上からの位置 */
		padding-left :15px ;				/* 左からの位置 */
		font-size : 20pt;				/* 文字サイズ */
		font-weight : bold;				/* 太字にする */
	}

	div#branding a:link,div#branding a:visited{color:#E1771E;}		/* リンクの文字色 */
	div#branding a:hover,div#branding a:active {color:#f8e8cf;}		/* リンクのアクティブ文字色 */


	/* サイトの説明 */
	div#branding h2 {
		padding-top : 30px;
		padding-left : 20px;
		font-size : x-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}




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

	/* ページ移動用ナビゲーション */
	.navi {
		margin-top : 15px;
		margin-bottom : 15px;
		text-align : center;
	}

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

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

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

        
        +-+- section
        | |
        | +-+- タイトル
        |   |
        |   +-+- 記事
        |     |
        |     +- 段落
        |
        +-+- section
        | |
        | +-+- タイトル

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

	.section {
		text-align:left
	}

	/* 記事上部 */

	div#entry_header {					/* ヘッダー部背景画像設定 */
		margin-bottom : 0px;
		width : 470px;
		height : 73px;
		background : url("http://blog-imgs-29.fc2.com/s/u/z/suzume2828/binbo_main_up.jpg") top center no-repeat;
		}

	#entry_title {						/* 記事タイトル・日付の位置 */
		padding-top : 30px;
		padding-left : 100px;
		}

	#entry_title h2, #entry_title a {			/* 記事タイトル */
		color : #666;					/* 文字色 */
		margin-top : 10px;
		font-size : x-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}


	#entry_title a:hover,#entry_title a:active {
		color : #E1771E;				/* 題名リンクにカーソルが乗った時の文字色 */
	}

	.title_head {
		color : #ffcc99;				/* 「■」の色 */
		margin-right : 1em;				/* 「■」の右スペース */
		margin-left : 1em;				/* 「■」の左スペース */
	}


	/* 記事本体部分 */

	div#entry_body {					/* 背景画像設定 */
		margin : 0px;
		width : 470px;
		background : url("http://blog-imgs-29.fc2.com/s/u/z/suzume2828/binbo_main_mid.jpg") top center repeat-y;

	}


	div#ent_in {
		padding : 80px 30px 50px 30px;			/* 本文部分の配置*/
	}


	/* 記事本文　*/
	.entry_main{
		line-height : 170%;				/* 本文の行間隔 */
		margin-bottom : 30px;				/* 本文下スペース */				
	}

	/* 「more...（続きを読む）」の文字 */
	.entry-more a {	color : ;}				/* 文字色 */


	/* 「続き」の部分*/
	#more {	}

	/* FC2テーマ・タグの表示 */
	.theme,
	.tag	{
		padding-left : 20px;				/* 左からの位置 */
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	/*  拍手ボタン */
	div.fc2_footer{ margin : 40px auto; }


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

	ul.state {
		margin : 10px 20px 0px 20px;			/* 位置 */
		padding-top : 10px;
		padding-right : 8px;
		border-top : 1px solid #cecece; 		/* 上の横線 */
		list-style-type : none;
		text-align : right;				/* 位置右よせ */
	}

	ul.state li {
		display : inline;
		margin-right : 1em;
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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



	div#entry_footer {					/* フッター部背景画像設定 */
		width : 470px;
		height : 24px;
		background : url(http://blog-imgs-29.fc2.com/s/u/z/suzume2828/binbo_main_btm.jpg) no-repeat center bottom;
		margin-top : 0px;
		margin-bottom : 100px;
	}



/* コメント・トラックバック部分の設定
------------------------------------------------------------ */
	/* コメント・トラックバック部分 */
	div#sub_main {
		margin : 70px 50px;				/* 位置 */
		line-height : 170%;				/* 文章の行間隔 */
	}


	/* 見出し文字 */
	h3.sub_header {
		color : #ffcc99;				/* 文字色 */
		font-weight : bold;				/* 太字 */
		font-size : 17pt;				/* 文字サイズ */
		margin : 20px 5px;				/* 位置 */
	}



	/* コメント・トラックバックのタイトル */
	h2.sub_title {
		margin-top : 5px;				/* 上からの位置 */
		border-bottom : 1px solid #cecece;		/* 下線 */
		font-size : 1em;				/* 文字サイズ */
		color : ;					/* 文字色 */
	}

	/* コメント・トラックバックの本文 */
	.sub_body {
		margin : 15px;					/* 位置 */
	}

	/* コメント・トラックバックのフッター */
	.sub_footer {
		margin-left : 30px;				/* 左からの位置 */
		margin-bottom : 70px;				/* 下との間隔 */
		border-top : 1px solid #cecece;			/* 上線 */
		padding-top : 3px;				
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}


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

	.com_form dd {	
		padding: 0 10px 10px;
	}

	.com_form dd input {					/* コメントフォーム記入欄 */
		border : 1px solid #E1771E;			/* 枠線 */
		background-color : #f8e8cf;			/* 背景色 */
		width : 300px;					/* 横幅 */
		padding : 1px 0px;
	}

	p.com_form input {					/* 送信ボタン */
		border : 1px solid #E1771E;			/* 枠線 */
		background-color : #f8e8cf;			/* 背景色 */
		width : 80px;					/* 横幅 */
		padding : 2px;
	}

	input#himitu {						/* 「管理者のみ」チェック */
		width : 1.5em;
		border:none;
	}

	.com_form textarea {					/* コメントフォーム 本文欄 */
		border : 1px solid #E1771E;			/* 枠線 */
		background-color : #f8e8cf;			/* 背景色 */
		width : 400px;					/* 横幅 */
		padding : 1px;
	}


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

	.trackback_url input {
		border : 1px solid #E1771E;			/* 枠線 */
		background-color : #f8e8cf;			/* 背景色 */
		font-size : 0.8em;				/* 文字サイズ */
		padding : 1px;
		width : 400px;					/* 横幅 */
	}



/* サイドバーの設定
------------------------------------------------------------ */

	/* プラグイン*/


	#plg {
		background : url("http://blog-imgs-29.fc2.com/s/u/z/suzume2828/binbo_side.jpg") top center no-repeat;		/* 背景画像 */
		margin-bottom : 70px ;				/* ボックス下の間隔 */
		text-align : left;				
		line-height : 160%;				/* 行間隔 */
		color : ;					/* 文字色 */
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
		}

	#plg_3 {						/* プラグイン３（記事上）用 */
		padding:8px;
		}

	/* プラグインタイトル */
	.plg_title h4{
		font-weight : bold;				/* 太字 */
		font-size : 1.2em;				/* 文字サイズ */
		padding-top : 15px;				/* 位置 */
		padding-left : 15px;
		padding-bottom : 25px;
		color : ;					/* 文字色 */
	}

	/* プラグイン上部・下部説明文 */
	.plg_header,
	.plg_footer{
		margin:15px;
	}

	/* プラグイン本文 */
	.plg_body p{
		margin : 15px;
	}

	/* プラグイン本文の項目 */
	.plg_body li{
		margin : 10px;
	}




/* カレンダー部分の設定
------------------------------------------------------------ */

	div#cal {
		padding : 30px 0px;
		text-align : center;
		}

	/* カレンダー表示用のテーブル設定 */
	div#cal table {
		width : 160px;					/* 幅 */
		border-collapse : collapse;			/* 値の入っていないセルも表示する */
		font-size : 0.9em ;				/* 文字サイズ */
	}


	/* カレンダー見出（前月・当月・次月などのリンク部分） */
	div#cal caption {
		margin-bottom : 15px;
	}

	/* カレンダーのセル見出（曜日表示部分） */
	div#cal th {
		background-color:#f8e8cf;			/* 背景色 */
		padding : 0.3em;
		border-bottom : 1px dotted #fff;		/* 下線 */
		text-align : center;
		font-size : 0.8em;				/* 文字サイズ */
	}

	/* カレンダーのセル部分（日付表示部分） */
	div#cal td {
		padding : 0.2em;
		border-bottom : 1px dotted #cecece;
		text-align : center;
	}

	/* カレンダーリンク部分（記事を書いた日） */
	div#cal a {
		font-weight : bold;				/* 太字 */
		color : #E1771E;				/* 文字色 */
		background-color : #fff;			/* 背景色 */
	}

	/* 日曜日 */
	th#sun {	color : #f00;	}			/* 日曜日を赤色表示 */

	/* 土曜日 */
	th#sat {	color : #00f;	}			/* 土曜日を青色表示 */



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

	.ad,
	.powered,
	address {
		font-size : xx-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : x-small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}



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

	/* 強調 */

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

	/* より強い強調 */

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



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

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

	/* 書式・例 */

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

	blockquote {
								/* 幅 */
		margin : 8px;					/* マージン */
		padding : 6px;					/* パディング */
		border : 2px dotted #ffcc99;			/* 枠の色と線種 */
	}



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

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



	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;			/* 等幅フォントを指定 */
	}



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