@charset "UTF-8";


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

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

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

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

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

	body {
		text-align : center;
		line-height : 1.5;
		font-size : x-small;
		background-color : #fff;
		voice-family : "\"}\"";
		voice-family : inherit;
		color : #333;
		font-size : 12px;
		line-height : 120%;
		font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		text-align : center;
	}

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

	textarea {
		width : 90%;
	}

	/* 絵文字 */
	
	.emoji{
		vertical-align : middle;
		border : 0;
	}



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

	a {
		text-decoration : none;
	}
	a:link {
		color : #0F0AD1;
	}
	a:visited {
		color : #0F0AD1;
	}
	a:hover {
		color : #a6a6a6;
	}
	a:active {
		color : #d6331e;
	}
	a img {
		border-style : none;
		border-width : 0px;
		text-decoration : none;
	}



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

	/* 強調 */

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

	/* より強い強調 */

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



/* リストの設定
------------------------------------------------------------ */

	/* リスト・要素 */

	ul, ol, li, dl, dt, dd {
		list-style : none;
	}



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

	blockquote {
		width : 300px;						/* 幅 */
		margin : 20px 0 20px 20px;			/* マージン */
		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;			/* 等幅フォントを指定 */
	}





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

	div#container {
		width : 1008px;
		margin-left : auto;
		margin-right : auto;
		text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */

	}

	/* タイトル部分 */

	div#branding {
		width : 1008px;
		height :80px;
		padding-top : 2px;
		padding-bottom : 2px;
                background-image: url(http://blog-imgs-36.fc2.com/c/a/t/catsto/branding.jpg);
	
	}

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

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

	/* 本文部分ブロック */

	div#main-column {
		float : right;
		width : 650px;						/* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
		padding : 0 20px;
		voice-family : "\"}\"";
		voice-family : inherit;
		width : 610px;						/* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
		overflow : hidden;
	}

	/* 左カラム */
	/* 右カラム */

	div#plugin-column {
		float : left;						/* 左側に回り込む */
		width : 179px;						/* コンテンツ幅 */
		overflow : hidden;
	}

	div.column {
		margin-top :10px;
	}

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

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


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

	/* タイトル */

	div#branding h1 a {
		padding : 0 10px;
		font-size : x-large;				/* 古いIEの文字サイズ */
		font-weight : bold;					/* 太字にする */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-family : "Century Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		font-size : 20px;
		line-height : 30px;
		color : #ffffff;
		letter-spacing : 2px;
	}

	div#branding h1 a {color : #ffffff;}
	div#branding h1 a:link {color : #ffffff;}
	div#branding h1 a:visited {color : #ffffff;}
	div#branding h1 a:active {color : #565656;}
	div#branding h1 a:hover {color : #c0c0c0;}

	/* サイトの説明 */

	div#branding p {
		padding : 0 10px;
		font-size : x-small;	
		color : #ffffff;	
		/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}





/* main-columnの設定
------------------------------------------------------------ */

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

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

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

	div.section {
		margin-bottom : 25px;				/* 記事と記事の間隔 */
	}

	/* 記事のタイトル部分 */

	div.section h2.entry_title {
		font-size : x-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : 14px;
		line-height : 140%;
		font-weight : bold;
		border-left : 5px solid #565656;
		padding-left : 10px;
	}

	div.section h2.date {
		font-family : "Century Gothic";
		font-size : 11px;
		line-height : 120%;
		color : #555;
		border-left : 5px solid #DCDCDC;
		padding-left : 10px;
		margin-bottom : 20px;
	}

	/* 段落の設定 */

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

	/* 記事本体部分 */

	div.entry-body {
		padding : 0 10px;
		margin-bottom : 20px;
	}

	/* 追記部分 */

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

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

	div.section ul.entry-footer {
		font-size : 10px;
		text-align : right;
		padding : 0 10px;
		list-style-position : inside;
	}

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

	div.fc2_footer {
		margin-top : 12px;
	}


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

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

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

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

	input,textarea,select {
		border : 1px solid #cccccc;
		background-color : #ffffff;
		color : #555555;
		font-size : 12px;
	}

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

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

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

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

	/* コメントトップ */
	/* トラックバックトップ */

	h3#comment-top,
	h3#trackback-top,
	h3.comment-post {
		margin : 15px 0 10px 0;
		font-size : 14px;
		line-height : 140%;
		font-weight : bold;
		border-left : 5px solid #000;
		padding-left : 10px;
	}
	,
	h3.comment-edit,
	h3#titlelist-top {
		margin : 0 0 10px 0;
		font-size : 14px;
		line-height : 140%;
		font-weight : bold;
		border-left : 5px solid #000;
		padding-left : 10px;
	}

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

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

	/* コメントのタイトル */
	/* トラックバックのタイトル */

	h4.comment-header,
	h4.trackback-header,
	h4.titlelist-header {
		font-size : small;
		font-weight : bold;
		padding : 0 10px;
		margin-bottom : 10px;
	}

	/* コメント本文 */

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

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

	/* コメントフッター */
	/* トラックバックフッター */

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

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

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

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


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

	/* カレンダー表示用のテーブル設定 */

	table.calender {
		width : 100%;
		border-collapse : collapse;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : x-small;
	}

	html>table.calender {
		font-size : x-small;				/* Opera用の文字サイズ */
	}

	/* カレンダー見出（前月・当月・次月などのリンク部分） */

	.calender caption {
		margin-bottom : 10px;
	}

	/* カレンダーのセル見出（曜日表示部分） */

	.calender th {
		padding : 0.1em;
		border-bottom : 1px dotted #333;
		text-align : center;
	}

	/* カレンダーのセル部分（日付表示部分） */

	.calender td {
		padding : 0.1em;
		border-bottom : 1px dotted #333;
		text-align : center;
	}

	/* カレンダーリンク部分（記事を書いた日） */

	.calender td a {
		display : block;
		background : #ccc;
	}

	/* 日曜日 */

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

	/* 土曜日 */

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


/* Plugin-Columnの設定
------------------------------------------------------------ */

	div#plugin-column {
		font-size : x-small;				/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	dl.plugin {
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 20px;
	}
	
	dl.plugin dt.plugin_title {
		text-align : left;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : 12px;
		line-height : 140%;
		font-family : "Century Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		font-weight : bold;
		border-left : 5px solid #000;
		padding-left : 10px;
		margin-bottom : 4px;
	}
	
	dl.plugin dd {
		margin-bottom : 10px;
		padding-right : 10px;
		padding-left : 10px;
	}





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

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

	#siteinfo-legal address {
		text-align: center;
	}




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

	textarea,input,select {
		font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
	}