@charset "UTF-8";


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

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

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

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

	* {
		margin : 0;
		padding : 0;
	}

h1,h2,h3,h4,address{	
        font-style : normal;
		font-weight : normal;
           }

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

body {
	color : #eee;	/* 文字の色 */
    background-color : #444; /* 背景の色 */
    text-align : center;	/* 古いIEでセンタリングする */
	line-height : 1.5;	/* 行間 */
	font-size : small !important;	/* 古いIEの文字サイズ */
	voice-family : "\"}\"";		/* おまじない */
	voice-family : inherit;		/* おまじない */
	font-size : small;/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

textarea {
	width : 90%;
	}


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

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

/* 文字の色 */
a:link {color : #eee;}
a:visited {color : #CCCCCC;}
a:hover {background-color : #999;}

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



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

	/* 全体の大枠 */

div#container {
	margin: 0 100px 10px 100px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	background: url("http://blog-imgs-26.fc2.com/u/n/d/underground7/bg.gif") ;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width : 905px;						/* wrapper＋extra-columnの幅 */
	margin-left : auto;					/* 左側のマージンを自動計算 */
	margin-right : auto;				/* 右側のマージンを自動計算 */
	background-color : transparent;		/* 背景を透過（bodyで指定した値が有効になります） */
	text-align : left;					/* 古いIE用にセンタリングした部分を元に戻す */
	}
	
div#container:after  {
        contene: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

div#left {width : 692px; 
          float : left;
		  }

div#right {
        width : 200px;
	float : right;
        border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_menu_bg.gif") ;
		}

/* タイトル部分 */

div#branding {	
    border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width : 690px;						
	height : 150px;						
	background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_title.gif") top left no-repeat;		/* タイトル部分背景サンプル画像760x150 */
	margin-bottom :10px;
	 }

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

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

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


/* サイトインフォ関連ブロック */
div#secondary-column {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_menu_bg.gif") ;
	float : left;						/* 右側に回り込む */
	width : 200px;						/* コンテンツ幅 */
	}

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

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

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


h1 a:visited { color : #CC0000;　　　　　/* タイトルの色調節 */
        }
		
/* タイトル */
div#branding h1 {
    padding : 18px 10px 0 90px;           /* タイトルの位置調節 */
	font-size : x-large;				/* 古いIEの文字サイズ */
	voice-family : "\"}\"";			/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : x-large;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}
html>body div#branding h1 {
		font-size : x-large;				/* Opera用の文字サイズ */
	}

/* サイトの説明 */

div#branding p {
    text-align: right;
	padding : 6px 25px 0 0;                   /* サイト説明の位置調節 */
	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;
	}

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

/* リンクの色調節 */
div.section a:link {color : #333;}
div.section a:visited {color : #333;}
div.section a:hover {background-color : #999;}
div.section a:active {color : #666;}

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

div.section h2 {	
	padding: 7px 0 4px 12px;
    background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/lefttop.gif") top left repeat;                                            	/* 記事タイトルの背景画像 */
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size : medium;					/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

/* 段落の設定 */

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

/* 記事本体部分 */

div.entry-body {
	padding : 10px 20px;
    background: url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_com_back.jpg") repeat-y #fff;              /* 記事本体部分の背景画像 */	
    border-left: 1px solid #000;
	border-right: 1px solid #000;
    border-top: 1px solid #000;
    color:#666;　 /* 記事本体部分の文字色 */
}


div.entry-body a:link {background-color : #aaa;}
div.entry-body a:visited {background-color : #cccccc;}
div.entry-body a:hover {color : #eee;}
div.entry-body a:active {color : #666;}

/* 追記部分 */

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

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

div.section ul.entry-footer {
	padding : 5px 10px 5px 10px;
	list-style-position : inside;
    text-align : right;
    background-color : #666;
    border : 1px solid #000;
    font-size : x-small;	
	}

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

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

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

div#primary-column form {
	padding :  10px 10px;
    background-color : #555;
    border : 1px solid #000;
	}

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

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

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

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

/* コメントトップ */

h2#comment-top {
    color : #333;
	margin : 15px 0 0 0;
	padding: 7px 0 3px 12px;
	background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/lefttop.gif") top left repeat;                     /* タイトルの背景画像 */
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size : medium;					/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

h2.comment-post,
h2.comment-edit {
    color : #333;
    padding: 7px 0 3px 12px;
	background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/lefttop.gif") top left repeat;                     /* タイトルの背景画像 */
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size : medium;					/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

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

h4.comment-header {
	padding : 10px 10px;
    background-color : #555;
    border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

/* コメント本文 */

div.comment-body {
	padding : 0 15px;
    color : #eee;
    background-color : #555;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

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

ul.comment-footer {
    text-align : right;
	padding : 10px;
    background-color : #555;
    border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000
	}

ul.comment-footer li {
	display : inline;
	list-style-type : none;
    font-size : small;
    color : #999
	}



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

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

h2#trackback-top {
    color : #333;
	margin : 25px 0 0 0;
    padding: 7px 0 3px 12px;
	background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/lefttop.gif") top left repeat;                     /* タイトルの背景画像 */
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-size : medium;					/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : medium;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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

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

p.trackback-uri {
    color : #999;
	margin-bottom : 25px;
	padding : 10px 15px;
    background-color : #555;
    border : 1px solid #000;
	}

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

h4.trackback-header {
	padding : 10px 10px;
    background-color : #555;
    border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

div.trackb a:link {color : #eee;}
div.trackb a:visited {color : #eee;}
div.trackb a:hover {background-color : #999;}
div.trackb a:active {color : #eee;}

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

div.trackback-excerpt {
	padding : 0 15px;
	background : transparent;
    background-color : #555;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

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

ul.trackback-footer {
	padding : 10px 10px;
    background-color : #555;
    border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align : right;
	}

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



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

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

div#secondary-column h2 {
	height : 34px;
	padding: 5px 0 0 35px;
    background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_side_title.gif") top left no-repeat;                    /* タイトル部の背景画像 */
    color : #333;                                 /* タイトル部の文字色 */
	font-size : small;				/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

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


/* アーカイブ関連のリスト表示設定 */
/* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
/* 画像を使いたい場合はlist-style-imageを追加して下さい */

/* 例 */

/* list-style-type : none; */
/* list-style-image : url("画像のパス"); */

div#secondary-column ul {
	margin : 0 10px 10px 10px;
	list-style-position : inside;
	}

div#secondary-column p {
	margin : 0 10px 10px 10px;
	list-style-position : inside;
	}


div#right h2 {
	height : 34px;
	padding: 5px 0 0 35px;
    background : url("http://blog-imgs-26.fc2.com/u/n/d/underground7/ug_side_title.gif") top left no-repeat;                    /* タイトル部の背景画像 */
    color : #333;                                 /* タイトル部の文字色 */
	font-size : small;				/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : 12px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>div#right h2 {
		font-size : 12px;					/* Opera用の文字サイズ */
	}

div#right ul {
	margin : 0 10px 10px 10px;
	list-style-position : inside;
	}

div#right p {
	margin : 0 10px 10px 10px;
	list-style-position : inside;
	}

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

#calender {
    text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
    color : #666
}

#calender a:link {color : #eee;}
#calender a:visited {color : #999;}
#calender a:hover {background-color : #666;}
#calender a:active {color : #eee;}
#calender ul {
	font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif; 
	font-size: 10px;
	list-style-position : inside;
}

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

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

.prev-month-calendar {
	margin-right : 8px;
}

.next-month-calendar {
	margin-left : 8px;
}

.calender {
    text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


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

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



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

/* 強調 */

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

/* より強い強調 */

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



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

	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left repeat; */

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

/*\*/
 * html div {height:1%;}
/* */

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