@charset "EUC-JP";


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

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

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

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

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

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

	body {
		color : #222;							/* 文字の色 */
		background : url("http://blog-imgs-12.fc2.com/h/a/z/hazz/t04_01.gif")  center repeat-y;		/* 背景画像を繰り返し表示 */
		background-color : #f0f0f0;				/* 背景の色 */
		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 #555;
		color:#444;
		background-color:#fff;
	}
	input,button,select {
		border:solid 1px #555;
		color:#444;
		background-color:#fff;
	}


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

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

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



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

	/* 全体の大枠 */

	div#container {
		width : 760px;						/* wrapper＋extra-columnの幅 */
		margin:0 auto;
		text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */
		background-color : transparent;	
	}

	/* タイトル部分 */

	div#branding {
		height : 150px;	
		text-align : right;
	}

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

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

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

	}

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

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

	div#secondary-column {
		float : left;						/* 左側に回り込む */
		width : 210px;						/* コンテンツ幅 */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */					
		margin : 0 9px;
	}
	div#secondary-column a:link,div#secondary-column a:visited,div#secondary-column a:active {
		color : #222 !important;
		text-decoration:none;
	}
	div#secondary-column a:hover {
		color: #999 !important;
	}

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

	div#siteinfo-legal {
		clear : both;						/* 回り込みを解除 */
		margin : 0 10px 0 240px;
	}
	div#siteinfo-legal a:link,div#siteinfo-legal a:visited,div#siteinfo-legal a:active {
		color : #222 !important;
	}
	div#siteinfo-legal a:hover {
		color: #999 !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: #999;
		text-decoration: none;
	}

	/* サイトの説明 */

	div#branding p {
		padding : 0 10px;
		font-size : small;				
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
	}

	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,p.prev-next-navi a:link,p.prev-next-navi a:visited,p.prev-next-navi a:active { 
		color:#444; 
		text-decoration: none;
	}
	p.prev-next-navi a:hover {
		color:#999;
		text-decoration: none;
	}

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

	div.section {
		margin-bottom : 25px;				/* 記事と記事の間隔 */
	}
	div.section a,div.section a:link,div.section a:visited,div.section a:active { color:#444; }
	div.section a:hover { color:#999; }

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

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

	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: #999;
		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 15px;
	}

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

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

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

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

	/* コメントトップ */

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

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

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

	h4.comment-header {
		margin : 5px 0 15px 10px;
		padding : 0 5px;
		border-left : 5px solid #888;	
		border-bottom : 1px solid #888;	
	}

	/* コメント本文 */

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

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

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

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



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

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

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

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

	p.trackback-uri {
		margin-bottom : 15px;
		padding : 0.2em 0.5em;
		border : 1px solid #888;			/* 枠の色と線種 */
		background : url("http://blog-imgs-12.fc2.com/h/a/z/hazz/t04_03.gif") top left repeat;
	}

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

	h4.trackback-header {
		margin : 5px 0 15px 10px;
		padding : 0 5px;
		border-left : 5px solid #888;	
		border-bottom : 1px solid #888;	
	}
	h4.trackback-header h2 a:link,h4.trackback-header a:visited,h4.trackback-header a:active {
		color:#222;
		text-decoration:none;
	}
	h4.trackback-header a:hover {
		color: #999;
		text-decoration: none;
	}

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

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

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

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

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



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

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

	div#secondary-column h3 {
		margin:5px 0 7px;
		padding: 2px 0 2px 7px;
		font-size : x-small;				/* 古いIEの文字サイズ */
		text-align : center;				/* センタリング */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : small;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
		font-weight:bold;
	}

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

	div#secondary-column h2.monthly-archives,
	div#secondary-column h2.categories-archives {
	}

	/* 位置調整 */

	p{
		margin : 0 7px 6px;
	}

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

	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-12.fc2.com/h/a/z/hazz/t04_02.gif") 0 3px no-repeat;
		padding-left: 14px;
	}



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

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

	.calender {
		width :170px;
		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 : #222;
		text-decoration : none;
		background-color : #C8C8C8;
		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 {
		width : 420px;						/* 幅 */
		margin : 10px 0 10px 20px;			/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #888;			/* 枠の色と線種 */
		background : url("http://blog-imgs-12.fc2.com/h/a/z/hazz/t04_03.gif") top left repeat;
	}



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

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

	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:#222;font-weight:bold;}
	a.nickname:hover {color:#999;}

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

	.b1{
	      background-image: none;
	}

	.b2{
	      background-image: none;
	}
    
	div.mylog {
	      margin-left: 10px;
	      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: 160px;
	      color: #666;
	      font-size: x-small;
	      margin: 0px;
	      padding: 0px 0px 5px;
	      background-color: #FFFFFF;
	      background-image: none;
	      text-align: left;
	}
	div.mylog dd.piyolog {
	      margin: 0px 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;
	}



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