/* -------------------------------------*
	全体（共通）
 * -------------------------------------*/
* {
	margin:			0;
	padding:		0;
	font-family:	"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:	1.6em;
	box-sizing:				border-box;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	-o-box-sizing:			border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	color: #000;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

/* -------------------------------------*
	body
 * -------------------------------------*/
html	{ font-size:14px;  overflow-y:scroll; }

/* -------------------------------------*
	body
 * -------------------------------------*/
body	{
	margin:0;
	padding:0;
	color:#555;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
}

/* -------------------------------------*
	画像
 * -------------------------------------*/
img					{ max-width:100%; vertical-align:bottom; }


/* -------------------------------------*
	ヘッダ
 * -------------------------------------*/
#header				{ width:100%; max-width:640px; margin:30px auto; text-align:center; }

/* -------------------------------------*
	フッタ
 * -------------------------------------*/
#footer				{ width:100%; margin:40px auto 0 auto; text-align:center; background:#333; color:#fff; padding:20px 0; }

/* -------------------------------------*
	メニュー
 * -------------------------------------*/
#menu				{ width:100%; margin:0 auto; background:#333; }
#menu a				{ display:block; width:6em; margin:0px auto; padding:20px 0; color:#fff; font-weight:bold; font-size:18px; text-decoration:none; text-align:center; }
#menu a:hover		{ color:#ffff00; background:#999;}
.fixed				{ position:fixed; top:0; z-index:999; }

/* -------------------------------------*
	本文のフレーム
 * -------------------------------------*/
.page				{ width:100%; max-width:640px; margin:30px auto; padding:0 20px; }

/* -------------------------------------*
	TOP（インデックスのページ）
 * -------------------------------------*/
#TOP #indexes h1		{ font-size:24px; margin:60px 0; text-align:center; }
#TOP #indexes dt		{ padding:.5em; 0; }
#TOP #indexes dd		{ padding:.5em; 0; }
#TOP #indexes dd + dt	{ padding-top:4em; 0; }


/* -------------------------------------*
	記事ページ
 * -------------------------------------*/
#post h1			{ font-size:24px; margin:60px 0; }
#post h1 span		{ font-size:16px; display:block; margin:0 0 .5em 0; color:#ff0000; }
#post p				{ padding:2em 0; }
#post img + p		{ padding:2em 0 6em 0; }