@charset "utf-8";

body{
	padding:1em;
	font-size:100%;
	line-height:1.5em;
	max-width:40em;
}

ul{
	list-style-type:none;
	padding-left:2em;
	margin:0;
}
li{
	text-indent:-1em;
}

.indent{
	margin-left:1em;
}

div.big{
	font-size:1.4em;
	line-height:1.6em;
}

h1,h2,h3,h4,h5{
	line-height:1.5em;
}

h5{
	font-size:100%;
}

iframe{
	border:none;
}

div.fig{
	margin-left:1em;
	padding:0.5em;
	border:solid 1px #999;
}
div.figr{
	float:right;
	margin:0.5em 0 0.5em 0.5em;
}
div.sect{
	padding-left:1em;
}
div.sample{
	margin:0 0.5em;
	padding:0.25em;
}
div.caption{
	font-weight:bold;
	border-top:solid 2px #999;
}
div.desc{
}
.center{
	text-align:center;
}

div.warn{
	padding:0.25em 0.5em;
	border:solid 1px #933;
}

blockquote{
	border-left:solid 4px #999;
	padding:0 0 0 0.5em;
}

.right{
	text-align:right;
}

a.button{
	font-size:1.5em;
	/*
	display:block;
	padding:0.5em;
	background-color:#CCF;
	border:solid 1px #99C;
	text-decoration:none;
	*/
}

p{
	margin:0.4em 0;
}

/* セクションを入れるべきかも */
h2,h3,h4,h5,h6{
	margin:1.5em 0 0.5em 0;
	clear:both;
}

table{
	border-collapse:collapse;
/*
	width:100%;
*/
}

th{
	vertical-align:top;
	padding:0 0.5em;
	border:solid 1px #999;
}

td{
	vertical-align:top;
	padding:0 0.5em;
	border:solid 1px #999;
}

table.fig td{
	border:none;
}



pre.code{
	font-family:monospace;
	padding:0.25em;
	border: solid 1px #990;
	background-color: #FFC;
}

img.icon{
	width:1em;
	height:1em;
	vertical-align:middle;
}

img.exp{
	vertical-align:middle;
}

img.graph{
	border: solid 1px #999;
}


br.clear{
	clear:both;
}

div.ex{
	padding:0.25em 1em 0.25em 2em;
	border:solid 1px #CC9;
	background-color:#FFC;
}

b.green{
	color:#090;
}
b.red{
	color:#C00;
}

strong.warn{
	font-size:1.4em;
	color:#C00;
}
span.small{
	font-size:0.7em;
}

em{
	font-size:1.4em;
	color:#800;
}

strong{
	font-size:2em;
	color:#800;
}

.caution{
	border: solid 3px #966;
	padding: 0.5em 1em;
}

@media handheld,tv{
}