body {
	background-color: white; margin: 0px;
	color: black;
	font-family: sans-serif;
}

div#title-group {
	position: absolute;
	padding: 0cm;
	top: 0cm;
	height: 70px;
	width: 100%;
	background-color: #333399;
	background-image: url('images/header.jpg');
	background-position: top right;
	background-repeat: repeat-x;
}

h1#logo {
	position: absolute;
	top: 0cm;
	left: 0cm;
	margin: 0cm;
	paddng: 0cm;
}

div#navigation {
	color: white;
	font-weight: bolder;
	position: absolute;
	left: 140px;
	right: 0cm;
	bottom: 0cm;
	top: auto;
	padding: 0.1em;
}

div#article {
	position: absolute;
	top: 70px;
	left: 20%; /* applys ONLY for web */
	width: 78%;
	background-color: white;
	padding: 0 1em 0 1em;
}

div#article h1 {
	font-size: 1.5em;
	background-image: url('images/h1.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0;
	line-height: 50px;
	color: navy;
	padding-left: 0.5em;
}

div#article h2 {
	font-size: 1.5em;
	color: navy;
	background-image: url('images/h2.jpg');
	background-repeat: no-repeat;
	line-height: 40px;
	background-position: center left;
	padding-left: 40px;
}

div#article p {
	margin: 0.7em 0 0em 0;
	text-indent: 1em;
	line-height: 1.4em;
}

div#article p.noindent {
	text-indent: 0;
}

div#article dl dt {
	font-weight: bolder;
	margin-top: 0.5em;
}

div#article p.prevnext {
	text-align: right;
	clear: both;
	margin: 0.3em;
}

/*** セミナー用 ***/

div.seminar#article {
	background-color: #FFFFEE;
	padding-top: 1em;
}

div.seminar#article h1 {
	background-image: url('images/seminar_h1bg.jpg');
	background-repeat: repeat;
	background-color: #EE9900;
	color: white;
	line-height: 1.5em;
	padding: 0.1em 1em;
}

div.seminar#article h2 {
	background-color: #D7A013;
	background-image: url('images/seminar_h2bg.png');
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0 0 0 45px;
	line-height: 35px;
	font-size: 18px;
	color: white;
}

/**********************
CONTENTS LIST
**********************/

div#contentslist {
	position: absolute;
	left: 0.2em;
	top: 75px;
	width: 19%;
	background-color: white;
	background-image: url('images/separator.png');
	background-position: top right;
	background-repeat: repeat-y;
}

div#contentslist div#size {
	font-size: 0.8em;
}

div#contentslist h2 {
	text-align: center;
	margin: 0;
	background-color: #333399;
}

div#contentslist ul {
	margin: 0 0 0 0;
	padding: 0cm;
}

div#contentslist ul li {
	margin: 0.4em 0.5em 0em 20px;
	padding: 0cm;
	list-style-image: url('images/contentslist_icon.png');
}

div#contentslist ul li ul {
	margin: 0 0 0 -15px;
}

div#contentslist ul li ul li {
	margin: 0 0.3em 0.1em 0.5em;
	padding: 0cm;
	border-top: 1px solid #BBBBFF;
	list-style-type: none;
	list-style-image: none;
	font-weight: normal;
}

div#contentslist ul li ul li ul {
	margin: 0 0.1em 0em 0.5em;
}

div#contentslist span.wearehere {
	color: red;
}

div#contentslist a:link {
	text-decoration: none;
	color: blue;
}

div#contentslist a:visited {
	color: purple;
	text-decoration: none;
}

div#contentslist a:hover {
	text-decoration: underline;
	background-color: #DDDDFF;
}


/****************************/

div.floatfigure {
	padding: 0.5em;
	margin: 0.1em;
	float: right;
	text-align: center;
	font-size: smaller;
	background-color: #DDEEFF;
	border: 4px solid #333399;
}

div.fullwidthfigure {
	left: auto;
	right: auto;
	padding: 0.5em;
	margin: 0.1em;
	clear: all;
	text-align: center;
	font-size: smaller;
	background-color: #DDEEFF;
	border: 4px solid #333399;
}

div.flipfigure {
	border: 4px solid gray;
	padding: 0.5em;
	text-align: center;
	margin-bottom: 1em;
}

div.flipbutton {
	text-align: center;
}

p#copyright {
	text-align: center;
	font-size: x-small;
}

div.essense {
	font-size: 1.1em;
	line-height: 1.5em;
	background-color: FCE6FF;
	color: red;
	background-image: url('images/essensebg.jpg');
	background-repeat: no-repeat;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 0 1em 0em 0;
	margin-bottom: 0.3em;
}

div.essense-banner {
	text-align: left;
	line-height: 24px;
}

p.hr {
	text-align: center;
}

img, a img {
	border: none;
}

p.monitor {
	margin: 1em 0;
	text-align: center;
}

table {
	border: 4px solid #88CCFF;
}

table td {
	padding: 0.2em;
}