/* base */
html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html.mac body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

body.documentation
{
	padding: 0em 3em;
	line-height: 1.5em;
}

body.presentation
{
	background: black;
	color: white;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

body.presentation *
{
	list-style-type: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

body.presentation a
{
	color: white;
}

body.presentation strong
{
	color: yellow;
}

body.presentation pre
{
	white-space: pre;
}

body.presentation pre *
{
	white-space: 
}


body.presentation .page
{
	display: block;
	background: black;
	position: absolute;
	height: 100%;
	width: 100%;
}

body.presentation .not-important
{
	display: none;
}

/* top page <h1> <address> */
body.documentation address
{
	margin: 1em 1em;
}

body.presentation .page h1
{
	text-align: center;
	margin: 4em auto auto auto;
	font-size: 3em;
}

body.presentation .page address
{
	text-align: right;
	margin: 2em 2em auto auto;
	font-size: 0.8em;
}

body.presentation .page address a
{
	color: #66f;
}

/* agenda or list or source or sample or table or figure page */
body.presentation .page.agenda h2,
body.presentation .page.agenda h3,
body.presentation .page.agenda h4,
body.presentation .page.agenda h5,
body.presentation .page.table h2,
body.presentation .page.table h3,
body.presentation .page.table h4,
body.presentation .page.table h5,
body.presentation .page.figure h2,
body.presentation .page.figure h3,
body.presentation .page.figure h4,
body.presentation .page.figure h5,
body.presentation .page.list h2,
body.presentation .page.list h3,
body.presentation .page.list h4,
body.presentation .page.list h5
{
	margin: 0.5em auto auto 1em;
	font-size: 2.5em; 
}

body.presentation .page.sample h2,
body.presentation .page.sample h3,
body.presentation .page.sample h4,
body.presentation .page.sample h5,
body.presentation .page.source h2,
body.presentation .page.source h3,
body.presentation .page.source h4,
body.presentation .page.source h5
{
	margin: 0.5em auto 0.5em 1em;
	font-size: 2.5em;
}

body.presentation .page.figure img
{
	display: block;
	margin: 3em auto;
	width: 60%;
}

body.presentation .page.figure img.l
{
	width: 30%;
}

body.presentation .page.sample .js-container,
body.presentation .page.sample .swf-container
{
	background: #002;
	border: 0 solid dimgray;
	border-width: 0.5em 0 0.5em 0;
	padding: 2em 0;
}

body.presentation .page.sample .swf-container.playing
{
	background: #004;
}

body.presentation .page.sample .js-container .js,
body.presentation .page.sample .swf-container .swf,
body.presentation .page.sample .swf-container .swf-dummy
{
	display: block;
	margin: 0 auto;
	background: white;
}

body.presentation .page.sample .js-container .js
{
	position: relative;
}

body.presentation .page.source pre
{
	font-family: 'Lucida Console',monospace;
	background: #002;
	border: 0 solid dimgray;
	border-width: 0.5em 0 0.5em 0;
	line-height: 1.5em;
	padding: 1em;
}

body.presentation .page.source pre strong
{
	color: #ff0;
	font-weight: bold;
}

body.presentation .page.source pre.long
{
	font-size: 0.75em;
}

body.presentation .page.source pre.choishort
{
	font-size: 1.2em;
}

body.presentation .page.source pre.short
{
	font-size: 1.5em;
}

body.presentation .page.table table
{
	margin: 0.5em auto auto auto;
	font-size: 1.2em;
	width: 80%;
}

body.presentation .page.table table th,
body.presentation .page.table table td
{
	padding: 0 1em;
	width: 50%;
}

body.presentation .page.table table th
{
	padding: 1em 0 0.5em 0;
}

body.presentation .page.agenda ul,
body.presentation .page.list ul
{
	list-style-type: square;
	margin: 0.5em auto auto 3em;
	font-size: 2em;
	line-height: 1.8em;
}

body.presentation .page.agenda ul li,
body.presentation .page.list ul li
{
	list-style-type: square;
}


/* subtitle page */
body.presentation .page.subtitle h2,
body.presentation .page.subtitle h3,
body.presentation .page.subtitle h4,
body.presentation .page.subtitle h5
{
	text-align: center;
	margin: 4.2em auto auto auto;
	font-size: 3em;
}

/* takahashi method page */
body.presentation .page.impact p
{
	text-align: center;
	margin: 4.2em auto auto auto;
	font-size: 3em;
}

body.presentation .page.impact p.l2
{
	margin: 2.9em auto auto auto;
	line-height: 2em;
}

body.presentation .page.impact p.l3
{
	margin: 1.8em auto auto auto;
	line-height: 2em;
}

/* section */
body.documentation br
{
	display: none;
}

body.documentation address br
{
	display: block;
}

body.documentation h1,
body.documentation h2,
body.documentation h3,
body.documentation h4,
body.documentation h5
{
	margin: 2em 0em 0.5em 0em;
}

body.documentation div.section p,
body.documentation div.section pre,
body.documentation div.section table
{
	margin: 1em 1em;
}

body.documentation div.section pre
{
	background: gainsboro;
	border: 0.125em solid gray;
	padding: 0.5em;
}

body.documentation div.section table
{
	border: 0.125em solid gray;
	width: 90%;
}

body.documentation div.section table th,
body.documentation div.section table td
{
	border: 0.0675em solid gray;
	width: 50%;
}

body.documentation .figure img
{
	margin: 1em;
}

body.documentation .sample .swf-container,
body.documentation .sample .js-container
{
	border: 0.125em solid gray;	
	margin: 1em;
}

body.documentation .sample .js-container .js,
body.documentation .sample .swf-container .swf,
body.documentation .sample .swf-container .swf-dummy
{
	margin: 0 auto;
	display: block;
	text-align: center;
}