@charset "UTF-8";


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

	例：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;
}

	/* スクロールバー */

html  {
	scrollbar-face-color:white;
	scrollbar-track-color:white;
	scrollbar-arrow-color:black;
	scrollbar-3dlight-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:white;
}

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

body {
	color : #000000;
	background-color : #fff;				
	text-align : center;
	line-height : 18px;
	letter-spacing:2px;					
	font-size : 10px!important;
	voice-family : "\"}\"";				
	voice-family : inherit;
	font-size : 10px!important;			
}

br {
	letter-spacing:normal;
}

html>body {
	font-size : 10px !important;
}

/* 全体のテキストエリア、ボタン */

textarea   {
	border:1px solid #000000;
	background-color:transparent;
	width : 90%;
	color : #000000;				
	line-height : 18px;
	letter-spacing:2px;					
	font-size : 10px;
	font-style : normal;
}

input {
	border:1px solid #000000;
	background-color:transparent;
	color : #000000;				
	letter-spacing:2px;					
	font-size : 10px;
}



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

	/* リンクの設定 */
a {
	text-decoration : none;
}

a:link {
	color : #000000 !important;
}

a:visited {
	color : #000000 !important;
	border-bottom:none;
}

a:hover {
	color : silver !important;
	border-bottom:none;
}

a:active {
	color : #000000 !important;		
}

a img {
		border-style : none;
		border-width : 0px;
		text-decoration : none;
		border-bottom:none;			
}



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

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

div#container {
	width : 800px;					
	margin-left : auto;
	margin-right : auto;
	background-color : transparent;
	text-align : left;
}

/* タイトル部分 */

div#branding {
	width : 800px;
	height : 50px;
                padding-top:10px;
}

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

	/* 本文部分ブロック */
	/* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
	/* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

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

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

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

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

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

	div#siteinfo-legal {
		clear : both;						/* 回り込みを解除 */
		margin : 0 10px;
	}
	
	/* 絵文字 */
	.emoji{
		vertical-align:middle;
	}


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

	/* タイトル */

	div#branding h1 a {
		font-size : 10px;				
		font-weight : bold;							voice-family : "\"}\"";				
		voice-family : inherit;				
		font-size : 10px;
		letter-spacing:4px;
		border-bottom:none;
                                padding-right:5px;
	}

	html>body div#branding h1 {
		font-size : 10px;
                                border-bottom:1px solid black;	
                                text-align:right;			
	}

	/* サイトの説明 */

	div#branding p {
		padding : 0 10px;
		font-size : 10px;
		voice-family : "\"}\"";						voice-family : inherit;				
		font-size : 10px;				
	}

	html>body div#branding p {
		font-size : 10px;					
	}



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

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

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

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

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

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

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

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

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

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

	div.section h2 {
		margin-bottom : 10px;
		font-size : 10px;
		border-bottom : 1px solid #000;
		voice-family : "\"}\"";
		voice-family : inherit;				
		font-size : 10px;
		font-weight : bold;					
	}

	div.section h2  a {
		border-bottom:none;
	}

	html>body div.section h2 {
		font-size : 10px;					
	}

	/* 段落の設定 */

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

	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 : 15px 0 10px 0;
		padding : 0 15px;
		border-bottom : 1px solid #000000;
		font-size:10px;
	}

	h3.comment-post,
	h3.comment-edit {
		padding : 0 15px;
		border-bottom : 1px solid #000000;
		font-size:10px;
	}

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

	h4.comment-header {
		margin-bottom : 10px;
		padding : 0 10px;
		font-size:10px;
	}

	/* コメント本文 */

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

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

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

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



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

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

	h3#trackback-top {
		margin : 15px 0;
		border-bottom : 1px solid #000000;
		font-size:10px;
	}

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

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

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

	h4.trackback-header {
		margin-bottom : 10px;
		padding : 0 10px;
		border-bottom : 1px solid #000;
		font-size:10px;
	}

	h4.trackback-header a {
		border-bottom : none;
	}

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

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

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

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

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



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

	/* アーカイブ関連の見出（タイトルのこと） */

	div#secondary-column h2 {
		font-size :10px;		
		border-bottom : 1px solid #000000;					voice-family : "\"}\"";				
		voice-family : inherit;				
	}

	html>div#secondary-column_title {
		font-size : 10px;
	}

	div#secondary-column_contents {
		font-size : 10px;							voice-family : "\"}\"";				
		voice-family : inherit;				
		font-size : 10px;
                                padding-top:10px;
                                padding-left:5px;
                                padding-bottom:20px;
	}

	/* リスト設定 */

	div#secondary-column li {
		padding-bottom:5px;

}


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

	/* カレンダー全体の設定 */

	div#calender        {
		color: black;
		font-size: 10px;
		background-color: transparent;
		text-align: center;
		width: 100%;
		margin-bottom:10px;
		padding-top:10px;
 }

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

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

/* カレンダーのリンク設定 */

	div#calender a     {
		color: black;
		font-weight: bold ;
}
	div#calender a:hover     {
		color: white;
		border-bottom:none;
}



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

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



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

	/* 強調 */

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

	/* より強い強調 */

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



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


	blockquote {
		width : 300px;						/* 幅 */
		margin : 20px 0 20px 50px;			/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #000;			/* 枠の色と線種 */
	}



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

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



	div.section pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 1px solid #000;
		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;
	}