@charset "EUC-JP";



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

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

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

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

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

	/* body要素以下全てに適用されます */

	body {
		color : #222;							/* 文字の色 */
		background-color : #fff;				/* 背景の色 */
		text-align : center;					/* 古いIEでセンタリングする */
		line-height : 1.5;						/* 行間 */
		font-size : x-small !important;			/* 古いIEの文字サイズ */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
		font-size : small !important;			/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
		font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	}

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

	form{ padding:0 4px; }
	textarea {
		width : 90%;
		border:solid 1px #999;
		color:#444;
		background-color:#fff;
	}
	input,button,select {
		border:solid 1px #999;
		color:#444;
		background-color:#fff;
	}



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

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

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

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

	/* 全体の大枠 */

	div#container {
		width : 770px;						/* wrapper＋extra-columnの幅 */
		margin-left : auto;					/* 左側のマージンを自動計算 */
		margin-right : auto;				/* 右側のマージンを自動計算 */
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_01.gif") center repeat-y;		/* 背景画像を繰り返し表示 */
		text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */
	}

	/* タイトル部分 */

	div#branding {
		margin : 0 10px 6px;
		width : 750px;						/* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
		height : 300px;						/* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_08.jpg") left 70px no-repeat ;
	}

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

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

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

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

	/* サイトインフォ関連ブロック */

	div#secondary-column {
		float : right;						/* 右側に回り込む */
		width : 240px;						/* コンテンツ幅 */
		margin : 2px 0 0 0;
	}

	div#secondary-column a:link,div#secondary-column a:visited,div#secondary-column a:active {
		color : #3a4861 !important;
		text-decoration : none;	
	}
	div#secondary-column a:hover {
		color: #ebb76c !important;
		text-decoration : none;	
	}

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

	div#siteinfo-legal {
		clear : both;						/* 回り込みを解除 */
		margin : 0;
		height : 90px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_01.gif") top left no-repeat ;
	}
	div#siteinfo-legal a:link,div#siteinfo-legal a:visited,div#siteinfo-legal a:active {
		color : #333 !important;
		text-decoration : none;	
	}
	div#siteinfo-legal a:hover {
		color: #777 !important;
	}
	
	/* 絵文字 */
	.emoji{
		vertical-align:middle;
	}


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

	/* タイトル */

	div#branding h1 a {
		padding : 0 10px;
		font-size : x-large;				/* 古いIEの文字サイズ */
		font-weight : bold;					/* 太字にする */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : xx-large;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body div#branding h1 {
		font-size : xx-large;				/* Opera用の文字サイズ */
	}
	div#branding h1 a,div#branding h1 a:link,div#branding h1 a:visited,div#branding h1 a:active {
		color:#222;
		text-decoration:none;
	}
	div#branding h1 a:hover {
		color: #777;
		text-decoration: none;
	}

	/* サイトの説明 */

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

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



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

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

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

	p.prev-next-navi a:link,p.prev-next-navi a:visited,p.prev-next-navi a:active {
		color : #3a4861 !important;
	}
	p.prev-next-navi a:hover {
		color: #ebb76c !important;
	}

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

	div.section {
		margin-bottom : 25px;				/* 記事と記事の間隔 */
	}
	div.section a:link,div.section a:visited,div.section a:active {
		color : #3a4861 ;
	}
	div.section a:hover {
		color: #ebb76c ;
	}
	/* 記事のタイトル部分 */

	div.section h2 {
		margin-bottom : 6px;
		padding: 0 0 4px 10px;
		height : 23px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_04.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body div.section h2 {
		font-size : medium;					/* Opera用の文字サイズ */
	}

	div.section h2 a,div.section h2 a:link,div.section h2 a:visited,div.section h2 a:active {
		color:#222;
		text-decoration:none;
		font-weight:bold;
	}
	div.section h2 a:hover {
		color: #FF5A53;
		text-decoration: none;
		font-weight:bold;
	}

	/* 段落の設定 */

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

	/* 記事本体部分 */

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

	/* 追記部分 */

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

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

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


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



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

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

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

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

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

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

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

	/* コメントトップ */

	h3#comment-top {
		margin-bottom : 3px;
		padding:0 0 3px 10px;
		height : 23px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_04.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	h3.comment-post,
	h3.comment-edit {
		margin-bottom : 6px;
		padding: 0 0 3px 10px;
		height : 23px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_04.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

	h4.comment-header {
		margin: 0 0 1px 9px;
		padding:1px 0 0 8px;
		height : 20px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_07.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	/* コメント本文 */

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

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

	ul.comment-footer {
		padding : 10px 10px 7px 10px;
		text-align : right;
	}

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



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

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

	h3#trackback-top {
		margin-bottom : 6px;
		padding:0 0 3px 10px;
		height : 23px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_04.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

	p.trackback-uri {
		margin-bottom : 15px;
		padding : 0.2em 0.5em;
		border : 1px solid #AAA;			/* 枠の色と線種 */
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_03.gif") top    right repeat-y;		/* 背景画像を繰り返し表示 */
		background-color : #E6E6E6;
	}

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

	h4.trackback-header {
		margin: 0 0 1px 9px;
		padding:1px 0 0 8px;
		height : 20px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_07.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
	h4.trackback-header a,h4.trackback-header a:link,h4.trackback-header a:visited,h4.trackback-header a:active {
		color:#222;
		text-decoration:none;
	}
	h4.trackback-header a:hover {
		color: #ebb76c;
		text-decoration: none;
	}

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

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

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

	ul.trackback-footer {
		padding : 10px 10px 7px 10px;
		text-align : right;
	}

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



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

	/* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

	div#secondary-column h3 {
		margin-bottom : 6px;
		padding:0 0 3px 10px;
		height : 23px;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_05.gif") top left no-repeat;	
		font-size : small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

	/* 位置調整 */

	p {
		margin : 0 17px 9px;
	}

	/* プロフィール画像 */

	p.author-image img {
		display : block;				/* ブロックレベルで表示 */
		margin : 10px 15px;				/* マージン */
		border : 1px solid #333;		/* 枠線 */
	}

	/* アーカイブ関連のリスト表示設定 */

	div#secondary-column ul {
		margin : 0 7px;
		list-style-position : inside;
	}
	div#secondary-column li {
		list-style-type: none;
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_06.gif") 0 3px no-repeat;
		padding-left: 14px;
	}



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

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

	.calender {
		width :190px;
		font-size :11px;
		border-collapse :separate;
		margin : 5px auto 0;
	}

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

	.caption {
		margin : 10px auto 5px;
		padding : 0px;
	}
	
	th#sat {
		color :#3b5fcc;
	}

	th#sun {
		color :#b60000;
	}

	.calender a:link,
	.calender a:visited {
		text-decoration: none;
	}

	.calender a:hover {
		text-decoration : underline;
	}

	.calender th {
		width : 20px;
		height : 25px;
		font-size : 10px;
		text-align : center;
		border-bottom : 1px solid #cccccc;
	}

	table.calender td {
		text-align : center;
	}

	.calender td a {
		display:block;
	}

	.calender td a:link,
	.calender td a:visited {
		color : #ffffff;
		text-decoration : none;
		background-color : #f2f2fc;
		border-bottom : 0px;
	}

	.calender td a:hover {
		text-decoration : none;
		background-color : transparent;	
		border-bottom : 0px;
	}


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

	div#siteinfo-legal p {
		padding : 10px 0;				/* パディング */
		text-align : center;			/* センタリング */
	}



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

	/* 強調 */

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

	/* より強い強調 */

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



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

	blockquote {
		margin : 20px 0 20px 10px;			/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #AAA;			/* 枠の色と線種 */
		background : url("http://blog-imgs-19.fc2.com/h/a/z/hazz/t09_03.gif") top    right repeat-y;		/* 背景画像を繰り返し表示 */
		background-color : #E6E6E6;
	}



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

	/* 記事中にプログラムコードなどを書く時に使います */

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


/* PIYOの設定
------------------------------------------------------------ */

	a.nickname:link,a.nickname:visited {color:#3a4861; font-weight:bold;}
	a.nickname:hover {color:#ebb76c;}

	div.tab{
		float:left;
		width:100%;
		font-size:93%;
		border-bottom:1px solid #3a4861;
		line-height:normal;
	}

	.b1{ background-image: none; }
	.b2{ background-image: none; }
    
	div.mylog {
		width: 180px;
		padding: 5px;
		border: 1px solid #A5A5A5;
		font-size: small;
		text-align: left;
		color: #666666;
		background-color: #FFFFFF;
	}
	div.mylog p.title {
		font-weight: bold;
		color: #838383;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #A5A5A5;
		margin: 0px 0px 10px;
		padding: 0px 0px 3px;
	}
	div.mylog dl {
		margin: 0px;
		padding: 0px;
	}
	div.mylog dt.day {
		width: 180px;
		color: #3a4861;
		font-size: x-small;
		margin: 0px;
		padding: 0px 0px 5px;
		background-color: #FFFFFF;
		background-image: none;
		text-align: left;
	}
	div.mylog dd.piyolog {
		margin: 2px 0px 5px;
		color: #333333;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #A5A5A5;
		padding: 0px 0px 10px;
	}
	div.license {
		font-size: x-small;
		text-align: right;
	}
div.plugin-freearea{ padding-left:9px; }

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