* {	margin:0px; padding:0px; }
div.page {	width:100%; }

/* ページレイアウト */
div.container {
	position:relative;
	margin:10px;
}
div.contents {
	margin-right:140px;
}
div.sidebar {
	position:absolute;
	top:0px;
	right:0px;
	width:120px;
	margin:10px;
}

/* メインコンテンツ字下げ */
div.contents div.h2 { margin-left:1em; }
div.contents div.h2 h2 { margin-left:-1em;}
div.contents div.h3 { margin-left:1em; }
div.contents div.h3 h3 { margin-left:-1em;}
div.contents div.h4 { margin-left:1em; }
div.contents div.h4 h4 { margin-left:-1em;}
div.contents div.h5 { margin-left:1em; }
div.contents div.h5 h5 { margin-left:-1em;}
h1, h2, h3, h4 { font-family: serif; }
h1	{
	margin:10px 0 8px 0;
	padding-bottom: 3px;
	border-bottom: solid 2px #99ccff;
	font-size: 1.6em;
	color: #99ccff;
}
h2	{
	background-color:#73a1ff;
	margin:10px 0px 5px 0px;
	padding: 3px;
	font-size:1.2em;
	color: #ffffff;
}
h3	{
	margin:10px 0px 5px 0px;
	padding:2px;
	background-color: #ddddff;
	font-size:1.0em;
	color: #5555ff;
}
h4	{
	margin:10px 0 5px 0;
	padding:2px;
	border-bottom:solid 2px #5555ff;
	font-size:0.9em;
	color: #5555ff;
}
p { 
	margin:10px 0px;
	line-height:140%;
	font-size:1em;
}
ul {
	margin-left:1em;
}
ul.lv1, ol.lv1 {
	margin:5px 0px 5px 2em;
}
ol {
	margin-left:1.5em;
}

dl {
	margin-left:1em;
}
body	{
	scrollbar-base-color: #9999cc;
	scrollbar-face-color: #eeffff;
}

a:link{ color: #330099; }
a:active{ color: #330066; } 
a:visited{ color: #330066; }

strong	{ color: #000066; }

p.hpre {
	margin:0 0 0 20px;
	border-left:5px solid #9999ff;
	padding:0 5px;
	color:#0000aa;
	font-weight:bold;
}
pre	{
	width:85%;
	overflow:scroll;
	margin:0 20px;
	border:thin dotted;
	padding:5px;
	white-space:pre;
	font-family:'Courier New';
	font-size:0.8em;
}
pre.css {
	background-color: #eeeeff;
	border-color:#9999ff;
	color: #0000aa;
}
pre.html {
	background-color: #eeffee;
	border-color:#99cc99;
	color: #008000;
}

div.h1 > pre { overflow:auto; } /* モダンブラウザではauto */
div.h2 > pre { overflow:auto; } /* モダンブラウザではauto */
div.h3 > pre { overflow:auto; } /* モダンブラウザではauto */
div.h4 > pre { overflow:auto; } /* モダンブラウザではauto */
div.h5 > pre { overflow:auto; } /* モダンブラウザではauto */
li > pre { overflow:auto; } /* モダンブラウザではauto */

dt { color: #000099 }
em.html { font-style:normal; color:#008000; }
em.css { font-style:normal; color:#0000aa; }
code { font-family:'Courier New';font-size:1.0em; }
code.html { color:#008000; }
code.css { color:#0000aa; }
code.comment { color:#800000; }
code.red { color:#ff0000; }
code.text { color:#000000; }

span.erase { text-decoration:line-through; }
.indent {
	margin-left:2em;
}
colgroup.css {
	color:#0000aa;
}
table { margin:auto; }
table p {
	margin:0px;
	padding:0px;
}
table th { color:#0033aa; }
table.css { border-collapse:collapse; border:solid 1px #999999; }
table.css td { border:solid 1px #999999; padding:3px; }
table.css th { border:solid 1px #999999; padding:3px; }
table.html { border-collapse:collapse; border:solid 1px #999999; }
table.html td { border:solid 1px #999999; padding:3px; }
table.html th { border:solid 1px #999999; padding:3px; color:#00aa33; }

/* サイドメニュー */
.sidebar * {
	text-decoration:none;
	margin:0;
	padding:0;
}
.sidebar a {
	display:block;
	width:100%;
}
.sidebar li {
	list-style-type:none;
	background-color: #ddddff;
	color: #5555ff;
}
.sidebar p {
	background-color:#73a1ff;
	text-indent:5px;
	line-height:20px;
	font-size:14px;
	color:#ffffff;
}
.sidebar p a:visited { color: #ffffff; }
.sidebar p a:hover { background-color:#ccccff; color: #5555ff; }

.sidebar li a {
	text-indent:10px;
	line-height:18px;
	color: #5555ff;
	font-size:12px;
}
.sidebar li a:visited { color: #5555ff; }
.sidebar li a:hover { background-color:#ccccff; color: #5555ff; }