@charset "UTF-8";

/* ##### ##### initialize ##### ##### */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	/*
	box-sizing:	border-box !important;
	-moz-box-sizing:	border-box !important;
	*/
}

html, body {
	font-size: 100%;
	font-style:	normal;
}

/* ##### ##### tag setting ##### ##### */
html {
	width:	840px;
	height:	100%;
	min-height:	100%;
	background-color: #99a;
	background-image: url("./img/right.png");
	background-position: right top;
	background-repeat: repeat-y;
}

body {
	/*
	margin-right:	32px;
	padding-left:	32px;
	*/
	padding:	0 32px;
	min-height:	100%;
	min-width:	640px;
	color:	#eef;
	background-image: url("./img/left.png");
	background-position: top left;
	background-repeat: repeat-y;
}

/* ##### ##### header ##### ##### */
div#header {
	padding:	8px;
}

#header img {
	float:	left;
	margin-right:	5px;
	width:	80px;
	height:	80px;
}

h1 {
	padding:	5px;
	font-size:	200%;
	line-height:	80px;
	font-weight:	bold;
	background-color: #336;
	background-image: url("./img/scanline.gif");
	border: 2px solid #ccd;
}

h2 {
	margin-bottom:	5px;
	text-align:	right;
	font-size:	150%;
	line-height:	100%;
	vertical-align:	middle;
	height:	1em;
	padding:	5px;
	background-color: #667;
	background-image: url("./img/scanline.gif");
	border: 2px solid #ccd;
}

ul#menu {
	padding:	5px;
	background-color: #667;
	background-image: url("./img/scanline.gif");
	border: 2px solid #ccd;
}

ul#menu li {
	display:	inline;
}

ul#menu li a {
	padding:	0 8px;
}

a:link {
	color:	#7f7;
}

a:visited {
	color:	#dfd;
}

#body {
	overflow:	hidden;
	margin:	0 8px;
}

/* ##### ##### contents ##### ##### */
div#contents {
	color:	#fff;
	padding:	5px;
	background-color:	#667;
	border: 6px double #ccd;
}

#contents table {
	margin:	0.5em;
	width:	90%;
	border-collapse:	collapse;
	border:	#fff solid 2px;
}

#contents ul,
#contents ol,
#contents dl {
	margin-left:	16px;
}

#contents code {
	font-size:	smaller;
}

#contents pre {
	margin:	0.5em;
	padding:	0.25em 0.5em;
	width:	90%;
	border:	3px double #fff;
	background-color:	#778;
}

#contents td, #contents th {
	border:	#fff solid 2px;
	padding:	2px 4px;
}

div#sidebar {
	display:	inline;
	float:	right;
	width:	20%;
	background-color:	#667;
}

dt {
	font-weight:	bold;
	text-decoration:	underline;
}

dd {
	margin-left:	16px;
}

#sidebar ul {
	padding:	5px;
	background-color:	#667;
	border: 2px solid #ccd;
}

#sidebar ul li {
	list-style:	none;
}

#sidebar a {
	display:	block;
	text-align:	center;
}

/* ##### ##### footer ##### ##### */
div#footer {
	clear:	both;
	padding:	8px;
}

ul#syndication {
	height:	15px;
	padding:	5px;
	background-color:	#667;
	background-image:	url("./img/scanline.gif");
	border: 2px solid #ccd;
}

ul#syndication li {
	display:	inline;
}