@charset "EUC-JP";


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

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

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

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

	body {
		color : #666;							/* 文字の色 */
		font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_00.gif") repeat-x;		/* 背景画像を繰り返し表示 */
		background-color : #f3f3f3;				/* 背景の色 */
		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%;
		border:solid 1px #555;
		color:#444;
		background-color:#fff;
	}
	input,button,select {
		border:solid 1px #555;
		color:#444;
		background-color:#fff;
}

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


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

	/* リンクの設定 */
	a {
		text-decoration : none;					/* アンダーラインなど装飾を施さない */
	}
	a:link {
		color : #a76402 !important;				/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}
	a:visited {
		color : #a76402 !important;				/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}
	a:hover {
		color : #DBA806 !important;				/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
		text-decoration : underline !important;
	}
	a:active {
		color : #DBA806 !important;				/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

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


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

	/* 強調 */

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

	/* より強い強調 */

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

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

	/* リスト・要素 */

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


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

	blockquote {
		width : auto;						/* 幅 */
		margin : 10px 20px;					/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #ddd;			/* 枠の色と線種 */
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_02.gif");
	}



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

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

	div.main_body 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.main_body pre {
		overflow : scroll;						/* MacIE用バグ対応 */
	}/* */

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

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



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

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

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


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

	/* 全体の大枠 */

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

	/* タイトル部分 */

	div#header {
		width : 760px;
		height : 250px;
		padding-top : 70px;
		padding-left : 0;
		background : #FFFFFF;
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_01.jpg") top left no-repeat;						/* タイトル部分の背景画像 */
	}

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

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

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

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

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

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

	div#secondary-column  {
		float : left;								/* 右側に回り込む */
		width : 160px;								/* コンテンツ幅 */
	}

	div#extra-column  {
		float : left;								/* 右側に回り込む */
		width : 160px;								/* コンテンツ幅 */
	}


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

	div#footer {
		width : 760px;
		height : 56px;
		clear : both;							/* 回り込みを解除 */
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_04.gif")  no-repeat;
	}

	div#copy {
		margin : 12px auto;
		background :#fff;
		font-size : 11px;
		line-height: 1.8;
	}
	
	div#copy a {
		font-size : 11px;
	}
	


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

	/* タイトル */

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

	html>body div#header h1 {
		color : #333;
		font-size : xx-large;					/* Opera用の文字サイズ */
	}

	/* サイトの説明 */

	div#header p {
		color : #999;
		padding : 0px 20px;
		font-family	: "Century Gothic","Verdana","ＭＳ　Ｐゴシック",Osaka;
		font-size : x-small;						/* 古いIEの文字サイズ */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
		font-size : small;						/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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



/* コンテンツ用カラムの設定
------------------------------------------------------------ */

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

	div.section {
		margin : 0 0 15px -19px;					/* 記事と記事の間隔 */
		width : 390px;
		text-align : left;
	}

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

	div.section h2.entry-header {
		height : 25px;
		padding-top : 2px;
		padding-left: 25px;
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_07.gif")  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 p {
		margin : 1em 0em;							/* 上下1行分空ける */
	}

	/* 記事本体部分 */

	div.section {
		padding : 10px 10px;
	}

	/* 追記部分 */

	p.section {
		padding : 25px 0px 10px 0px;
		text-align : right;
	}

	/* 記事中に使われたタグのリンクリスト */
	
	div.section p.tag_lnk {
		margin-top: 10px;
	}
	
	/* 記事の投稿先テーマ・ジャンル */

	div.section p.theme {
		margin-top: 10px;
	}

	/* フッター部分（コメントやトラックバックなど） */
	
	div.entry-footer {
		border-bottom : 1px dashed #ccc;
	}

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

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


	/* 全記事表示・検索結果表示の時の日付部分 */
	
	div.section span.state {
		color: #999999;
	}

	/* コメント・トラバ見出し */

	p.sub-header {
		margin : 5px 0px 10px;
		font-size: 120%;
	}

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

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

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

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

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

	/* ページトップへのリンク */
	div.pagetop {
		text-align : right;
		padding-right : 15px;
		margin-bottom : 15px;
	}



/* コメント、トラックバックのボックスの設定
------------------------------------------------------------ */


	div.Box {
		width : 408px;
		background :;
		margin : 10px auto;
		text-align : left;
	}
	
	div.Box-top {
		background :;
		border-bottom : 1px dashed #ccc;
	}
	
	div.Box-bottom {
		background :;
		padding : 0 10px 15px;
		margin: 0;
		border-bottom : 1px dashed #ccc;
	}
	
	div.subBox-bottom {
		background :;
	}
	
	dl.c-form{
		float : left;
		width : 360px;
		margin-top : 10px;
		text-align : left;
	}

	dl.c-form dt{
		float : left;
		clear : both;
		width : 80px;
		padding : 5px 0;
	}

	dl.c-form dd{
		float : left;
		width : 250px;
		padding : 5px 0;
	}



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

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

	div#left form {
		padding : 0px 10px;
	}

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

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

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

	p.form-btn {
		clear : both;
		margin-top : 10px;
		margin-bottom : 10px;
		text-align : center;
	}

	#comment {
		margin-bottom: 10px;
	}

	.comment_header {
		font-size : small;
	}

	/* コメント本文 */

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

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

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

	ul.comment-footer li {
		display : inline;
		list-style-type : none;
	}
	
	.w-50 {
		width: 50px;
		border : 1px solid #ccc;
	}
	
	.w-150 {
		width: 150px;
		border : 1px solid #ccc;
	}
	
	.w-250 {
		width: 250px;
		border : 1px solid #ccc;
	}




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


	/* トラックバックURL */

	p.trackback-uri {
		margin-bottom : 15px;
		padding : 0.2em 0.5em;
	}

	/* トラックバックURLワンクリックフォーム */

	p.trackback-uri input {
		padding-bottom: 3px;
		border-bottom: 1px solid #ccc;
		border-top : none;
		border-left : none;
		border-right : none;
		width: 370px;
		background-color: #FFFFFF;
	}

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

	div.trackback-body {
		padding : 0px 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;
	}



/* サイドメニュー（プラグイン）の設定
------------------------------------------------------------ */


	div#secondary-column {
		margin-right: 5px;
		margin-bottom: 15px;
		text-align : left;
	}
	
	div#extra-column {
		margin-right: 7px;
		margin-bottom: 15px;
		text-align : left;
	}
	
	div#secondary-column h3,div#extra-column h3 {
		font-size : x-small;					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
		font-size : small;						/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
		background :url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_06.gif") 0 6px no-repeat;
		border-bottom : 2px dashed #ccc;
		height : 20px;
		padding: 7px 0  0 20px;
	}
	
	html>div#secondary-column h3 {
		font-size : small;						/* Opera用の文字サイズ */
	}

	html>div#extra-column h3 {
		font-size : small;						/* Opera用の文字サイズ */
	}
	
	div#secondary-column p,div#extra-column p {
		margin-top: 3px;
		margin-right: 0px;
		margin-left: 10px;
		padding-left : 7px;
			}
			
	.plug_in {
		margin-left: 15px;
	}

	/* サイドメニューリストマーク設定 */

	#secondary-column li,#extra-column li {
		list-style-type: none;
		background : url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_05.gif") 0 3px no-repeat;
		padding-left: 13px;
	}




/* 横カレンダーの設定
------------------------------------------------------------ */

	#x_calender {
		margin : 110px 9px 0px 11px;
		padding : 5px 0px;
		text-align : center;
		width : 740px;
		font-size:11px;
	}

	#x_calender ul {
		margin : 0px;
		padding : 0px;
		text-align : center;
		list-style-position : inside;
		background :#fff url("http://blog-imgs-24.fc2.com/h/a/z/hazz/t01_02.gif");
	}

	#x_calender li {
		display : inline;
		list-style-type : none;
	}

	#x_calender li a{
		text-decoration : none;
	}

	#x_calender li a:hover {
		text-decoration : none;
	}

	li.day {
		padding : 0px 2px;
	}

	.c_link {
		margin : 0px;
		padding : 0px  3px;
	}


/* プラグインカレンダーの設定
------------------------------------------------------------ */

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

	.caption {
		margin : 10px 0px 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 : #f9f3d6;
		border-bottom : 0px;
	}

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


/* プラグイン検索フォームの設定
------------------------------------------------------------ */

	.plugin-search input {
		border: 1px solid #ccc;
	}

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

a.nickname:link,a.nickname:visited {color:#a76402;font-weight:bold;}
a.nickname:hover {color:#DBA806;}

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

.b1{
background-image: none;
}

.b2{
background-image: none;
}
    
div.mylog {
	width: 140px;
	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: 140px;
	color: #a76402;
	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;
}