/* デフォルト設定を初期化 */
* {
	margin:0px;
	padding:0px;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	/*position:relative;*/
	}

/* 背景設定 */
body {
	background-image:url(../parts/kami09.jpg);
	background-repeat:repeat;
	text-align:center;	/* IEのバグ対策 */
	background-color:#eeeeee;
	color:#000000;
	}

/* リンク色の設定 */
a:link 		{ color:#4040e0; }
a:visited 	{ color:#9933ff; }
a:active 	{ color:#ff8040; }
/*a:hover 	{ color:blue; background-color: #ccccff;}*/
/* Opera で不具合あり */

/*===== 3カラム：メインカラム可変、サイドバー固定 =====*/
/* 一番外側のボックス */
#container {
	width:100%;
	margin-left:auto; /* ボックスのセンタリング用 */
	margin-right:auto;
	text-align:left;  /* IEのバグ対策を受けて再設定 */
	}

/* 一番上のボックス */
#header {
	width:100%;
	height:149px;
	/*padding:1em;*/
	}

/* 本文用ボックス */
#main {
	position:absolute;
	top:150px;
	left:180px;
	right:200px;
	z-index:3;/* 表示優先順位最高 */
	}


/* 本文用ボックス内の一番下のボックス(main内) */
/* ここにフッタを入れないと、mainの下に位置しないので */
#footer {
	clear:both;	/* 回り込み解除 */
	}


/* サブ用ボックス */
#sub {
	position:absolute;
	left:0;/* 左寄せ */
	top:150px;
	width:180px;/* 固定カラム */
	z-index:2;
	}


/* 自由領域用ボックス */
#free {
	position:absolute;
	right:0;/* 右寄せ */
	top:150px;
	width:200px;/* 固定カラム */
	z-index:1;/* 表示優先順位は最下位 */
	}

/*===== ヘッダ領域 =====*/
/* ページタイトル表示 */
h1 {
	text-align:center;
	color:#777777;
	font-size:160%;
	margin-top:10px;
	}

p.navi {
	text-align:center;
	margin:10px auto;
	}

ul.agreement {
	text-align:right;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	list-style-type:none;/* リストマーカー非表示 */
	margin:6px 10px 2px 0px;
	}

ul.agreement li {
	display:inline;
	margin-left:0px;
	margin-right:5px;
	}

/*===== サイドバー内領域 =====*/
.item_area {
	text-align:center;
	border-width:2px;
	border-style:solid;
	border-color:#b0b0b0;/* やや薄い灰色 */
	margin:0px 5px 5px 5px;/* 上 右 下 左 */
	}

.item_area h4 {
	text-align:center;
	color:#7070ff;
	font-family:stencil;
	margin:2px 0px 5px 0px;
	}

.item_area p {
	text-align:left;
	margin:1px 2px 2px 2px;/* 上 右 下 左 */
	}

/* リンク表現をitem_area専用に変更 */
a:link.item_link {
	color:#4040e0;
	text-decoration:none;/* 下線なし */
	}
a:visited.item_link {
	color:#9933ff;
	text-decoration:none;
	}
a:active.item_link {
	color:#ff8040;
	text-decoration:none;
	}
a:hover.item_link {
	color:blue;
	background-color:#ccccff;/* 背景も青系で */
	text-decoration:none;
	}

/*===== Profile用 =====*/
p.author {
	text-align:center;
	margin:2px 0px 4px 0px;
	font-family:cursive;
	}

p.about {
	text-align:center;
	margin:2px 0px 4px 0px;
	}

p.since {
	text-align:right;
	margin:0px 2px 2px 0px;/* 上 右 下 左 */
	color:#808080;
	font-size:80%;
	font-family:"niagara solid";
	}

p.home {
	text-align:center;
	margin:2px 0px 4px 0px;
	font-size:80%;
	font-family:sans-serif;
	}

/*===== Tag用 =====*/
p.tag_title{
	text-align:left;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 4px;
	font-family:monospace;
	font-size:90%;
	border-style:ridge;
	border-width:0px 0px 0px 4px;
	border-color:black black black #5050ff;
	}

ul.tag_item {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin:0px 3px 2px 10px;
	list-style-type:none;/* リストマーカー非表示 */
	font-family:sans-serif;/* ゴシック体 */
	font-size:60%;/* めちゃ小さい字 */
	}

ul.tag_last_item {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin:0px 3px 6px 10px;/* 下に空間を空ける */
	list-style-type:none;/* リストマーカー非表示 */
	font-family:sans-serif;
	font-size:60%;/* めちゃ小さい字 */
	}

ul.tag_item li {
	display:inline;
	margin-left:0px;
	}
	/* <li></li>のセットを改行付で記述すると、項目間に隙間ができる */
	/* <li></li><li></li>のように連続して書くとOKらしい */
ul.tag_last_item li {
	display:inline;
	margin-left:0px;
	}

/*===== Index用 =====*/
p.index_title {
	text-align:left;
	margin:0px 0px 0px 4px;
	padding:0px 0px 0px 4px;
	font-family:monospace;/* 等幅フォント */
	font-size:90%;/* 小さい字 */
	border-style:ridge;
	border-width:0px 0px 0px 4px;
	border-color:black black black #5050ff;
	}

ul.index_item {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin:0px 3px 2px 10px;
	list-style-type:none;/* リストマーカー非表示 */
	font-family:sans-serif;/* ゴシック体 */
	font-size:60%;/* めちゃ小さい字 */
	}

ul.index_last_item {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin:0px 3px 6px 10px;/* 下に空間を空ける */
	list-style-type:none;/* リストマーカー非表示 */
	font-family:sans-serif;
	font-size:60%;/* めちゃ小さい字 */
	}

ul.index_item li {
	display:inline;
	margin-left:0px;
	}
	/* <li></li>のセットを改行付で記述すると、項目間に隙間ができる */
	/* <li></li><li></li>のように連続して書くとOKらしい */
ul.index_last_item li {
	display:inline;
	margin-left:0px;
	}


/*===== リンク用 =====*/
ul.link_item {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin:0px 3px 3px 18px;
	list-style-image:url(../parts/anchor_sub.gif);
	list-style-position:outside;
	font-family:sans-serif;
	font-size:80%;/* 小さい字 */
	}

ul.link_item li {
	margin-left:0px;
	margin-bottom:2px;
	}

ul.link_item li.last_item {
	margin-left:0px;
	margin-bottom:6px;
	}

/*===== RSS用 =====*/
p.rss {
	text-align:center;
	margin:6px 0px 6px 0px;
	font-size:80%;
	}

/*===== お勧め用 =====*/
p.recommendation {
	text-align:center;
	margin:6px 0px 6px 0px;
	}

/*===== 汎用 =====*/
p.special {
	text-align:center;
    margin:4px 0px;
	font-size:80%;
	}

/*===== ガジェット用 =====*/
.gadget {
	text-align:center;
	width:170px;
	margin:2px auto;
	}
	

/*===== 文字装飾 =====*/
/* 無効を示す文字 */
.nonactive {
	color:#c0c0c0;	/* 色を薄く */
	}

/* 有効を示す文字 */
.active {
	color:#ff3030;//赤字
	font-weight:bold;
	}

/* 打ち消し線表示 */
.miss {
	text-decoration:line-through;
	}

del {/* この要素も指定しておかないと、RSSリーダーで見たとき
	 /* 打消し線が表示されないのでまずい */
	text-decoration:line-through;
	}

/* 危険！ */
.attention {
	color:#ff0000;	/* 赤色表示 */
	}

/* 注記 */
.note {
	color:#0000ff;	/* 青色表示 */
	}

/* 補足 */
.comment {
	font-size:90%;	/* やや小さく */
	}

/* 学名表記等 */
.sci {
	font-style:italic;	/* イタリックで */
	}

/* 強調表示 */
strong {
	font-weight:bold;	/* ボールドで */
	}

/* もっと強調 */
strong.level1 {
	font-size:190%;	/* ややでっかく */
	font-weight:bold;	/* ボールドで */
	}

/* ものすごく強調 */
strong.level2 {
	font-size:250%;	/* かなりでっかく */
	font-weight:bold;	/* ボールドで */
	}

/* ささやき */
.whisper {
	font-size:80%;	/* やや小さく */
	}

/* もっとささやき */
.whisper_s {
	font-size:60%;	/* さらに小さく */
	}

/* 叫び */
.shout{
	font-size:190%;		/* やや大きく */
	font-weight:bold;	/* ボールドで */
	}
	
/* 引用文 */
blockquote.type1 {
	text-align:left;		/* 文字は左寄せ */
	margin-left:10%;		/* 左に空間をとる */
	margin-right:5%;		/* 右にも少しだけ空間をとる */
	margin-top:5%;			/* 上にも少しだけ空間をとる */
	margin-bottom:0%;		/* 下は引用元を入れるのでゼロ */
	border-left-style:solid;/* 左側に線を引く */
	border-top-style:none;	/* 上側には何もなし */
	border-bottom-style:none;/* 下側にも何もなし */
	border-right-style:none; /* 右側にも何もなし */
	border-width:0px;		/* まず幅を全消去 */
	border-left-width:8px;	/* 左の線幅だけ指定 */
	border-color:#ccccff;	/* 線の色はちょい薄いブルーで */
	padding-left:10px;		/* 線よりちょい右に引用文 */
	background-color:#eeeeee;/* 背景色をやや薄い白に設定 */
	}

/* 引用元表示 */
p.cite {
	margin-top:0em;		/* 引用元表示は、引用文にくっつける */
	margin-right:5%;	/* 右にも少しだけ空間をとる */
	text-align:right;	/* 右寄せ */
	font-size:90%;		/* ちょっと小さい文字 */
	color:#606060;		/* 色はやや薄い黒 */
	}

cite {
	font-style:normal;	/* イタリックは見難いのでノーマルに */
	}


/*===== 画像 =====*/
/* img 基本設定 */
img {
	border:0px;	/* デフォルトで枠なし */
	}

/* 画像左回り込み */
/* 回り込み解除は、適宜本文で clear する */
img.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

/* 画像右回り込み */
/* 回り込み解除は、適宜本文で clear する */
img.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

/* 画像回り込み解除 */
/* clearのために、style属性を直接書き込むのは、やっぱ止め */
.cl_left {
	clear:left;
	}

.cl_right {
	clear:right;
	}

.cl_both {
	clear:both;
	}


/* 画像のみ表示 */
/* imgはインライン要素なので、pで囲む */
p.img {
	text-align:center;	/* センタリング */
	margin-top:10px;	/* 若干上に空白を空ける */
	margin-bottom:5px;	/* 説明文用に少し間隔を小さめに */
	margin-left:auto;	/* センタリング */
	margin-right:auto;	/* センタリング */
	width:520px;		/* これより小さい画像にはスクロールバーなし */
	overflow:auto;		/* でかい画像にはスクロールバーつける */
	}

/* 画像のみの場合の説明文 */
p.img_note {
	width:400px;
	margin-top:0px;		/* 画像のすぐ下に */
	margin-left:auto; 	/* ボックスのセンタリング用 */
	margin-right:auto;
	margin-bottom:1em;	/* 下に1文字分空け */
	text-align:center;	/* センタリング */
	font-size:90%;		/* やや小さ目の字 */
	}

/* 画像のみの場合の説明文（複数行用） */
p.img_note_long {
	width:300px;			/* 幅を狭く */
	margin-top:0px;		/* 画像のすぐ下に */
	margin-left:auto; 	/* ボックスのセンタリング用 */
	margin-right:auto;
	margin-bottom:1em;	/* 下に1文字分空け */
	text-align:left;	/* 左寄せ */
	font-size:90%;		/* やや小さ目の字 */
	}

/*===== 画像等用フローティングボックス ==== */
.left_box {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

.right_box {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

/*===== リスト表示 =====*/
ul {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin-top:1em;		/* 上に1文字分空け */
	margin-left:30px;	/* 左にやや空間を */
	margin-botom:1em;	/* 下に一文字分空け */
	list-style-position:outside;/* 点は外側に */
	list-style-type:disc;/* 黒丸 */
	}

ul li {
	/*margin-botom:0px;*/
	}

ul p {
	margin-top:0em;
	}

ol {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin-top:1em;		/* 上に1文字分空け */
	margin-left:30px;	/* 左にやや空間を */
	margin-botom:1em;	/* 下に一文字分空け */
	list-style-position:outside;/* 点は外側に */
	list-style-type:decimal;/* 数字 */
	}

ol li {
	/*margin-botom:0px;*/
	}

ol p {
	margin-top:0em;
	}

dl {
	text-align:left;
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin-top:10px;	/* 上にやや空け */
	margin-left:30px;	/* 左にやや空間を */
	margin-botom:1em;	/* 下に一文字分空け */
	}

dl dt {
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin-top:0px;
	font-weight:bold;	/* ボールドで */
	}

dl dd {
	padding:0px 0px;	/* パディング効果を消し、マージンだけを使う */
	margin-top:0px;		/* 上はちょい狭く */
	margin-left:50px;	/* 左にやや空間をさらに空け */
	font-size:90%;		/* やや小さ目の字 */
	}

dl dd p {
	margin-top:0em;
	}


/*===== table表示 =====*/
table.normal {
	margin-top:1em;		/* 上に1文字空け */
	margin-left:auto;	/* センタリング */
	margin-right:auto;	/*              */
	margin-bottom:1em;	/* 	下に1文字分空け */
	border-style:solid;	/* 枠線付き */
	border-color:#000000;	/* 色は黒 */
	border-width:1px;	/* 細めに */
	}

/* ヘッダ部 */
table tr.head {
	text-align:center;	/* センタリング */
	color:#000000;		/* 色は黒 */
	background-color:#cccccc;/* 背景は灰色 */
	}

/* それ以外の行 */
table tr {
	text-align:left;	/* 左寄せ */
	color:#000000;		/* 色は黒 */
	}

/* 普通のセル用 */
table tr td {
	border-style:solid;	/* 枠線付き */
	border-color:#000000;	/* 色は黒 */
	border-width:1px;	/* 細めに */
	}

table tr th {
	border-style:solid;	/* 枠線付き */
	border-color:#000000;	/* 色は黒 */
	border-width:1px;	/* 細めに */
	}

/* 右寄せしたいセル用 */
table tr td.right {
	text-align:right;	/* 右寄せ（価格とか個数とかの場合に使用）*/
	border-style:solid;	/* 枠線付き */
	border-color:#000000;	/* 色は黒 */
	border-width:1px;	/* 細めに */
	}

/*===== 項目別の表示用スタイル設定 =====*/
/* 段落設定 */
/* 本当はp要素そのものに設定するよりも、class定義した方がいいのだが… */
/* 日記専用ページに適用するということで、目をつぶる */
p {
	text-align:left;
	margin-top:1em;
	}

/* ナビ用設定 */
.d_navi {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}

/* 日記ページ用トップ */
.d_root {
	/*position:relative;*/
	/*position:absolute;*/
	/*margin-top:25%;*/
	/*margin-top:120px;*/
	/*margin-left:15%;*/
	/*margin-right:10%;*/
	margin-left:10px;
	margin-right:10px;
	line-height:150%;	/* 行間空け */
	text-align:left;
	border-style:solid;
	border-color:#b0b0b0;/* やや薄い灰色 */
	border-width:2px 0px 0px 0px;
	/*margin:0px 5px 5px 5px;*//* 上 右 下 左 */
	}

/* 一日分の日記 */
.d_body {
	margin-top:10px;
	margin-bottom:10px;
	}

/* 日付 */
.d_root h2 {
	color:#000000;
	font-weight:bold;
	}

/* タイトル含めて一日分の日記本体 */
/* 日付と異なるスタイルを設定したかったから分けたが、	*/
/* もっとスマートな方法もありそうな予感 				*/
.d_sub {
	/*margin-left:6%;*/
	/*margin-right:6%;*/
	margin-left:10px;
	margin-right:10px;
	}

/* タイトル */
.d_root h3 {
	color:#ff00ff;
	font-weight:bold;
	margin-top:1em;
	}

/* 本文 */
.d_text {
	text-align:center;/* IE用BOXセンタリング用 */
	color:#000000;
	font-style:normal;
	margin-bottom:2em;
	}

/* メール宛先用設定 */
address {
	text-align:center;
	margin-top:1em;
	margin-bottom:2em;
	}