@import url(../../images/common.css);

body{
	color: #000000;
	background-color: #BAD6FF;
	margin: 20px;
	padding: 0px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
div.section {
	border: 1px dotted blue;
	margin-top: 20px;
}


h2 a, h2 a:visited, 
h3 a, h3 a:visited, 
h4 a, h4 a:visited  {
	color: #000;
}

em {
	font-style: normal;
	font-weight: bold;
}
.environment {
	clear:left;
	color: #000000;
	margin: 1em;
	padding: 0.1em;
	background-color:#C2D0C5;
	text-align:left;
}
.environment p{
	margin:0;
	padding:0;
	border:0 none;
}
.date {
	font-size: small;
	font-style: italic;
	color: #333333;
}

/**** header
********************/

#header {
	background-color: #E0FFED;
	border: 4px outset #eeccaa;
}
#header h1{
	color: #330033;
	border-bottom-color: #009900;
}
#title{
	border-color:#3f6;
	background-color:#ffe;
}
#title h1 {
}
#title a:link {
	border-color:#ecb;
	background-color:#fff;
}
#title a:visited {
	border-color:#ecb;
	background-color:#fff;
}
#title a:active {
	border-color:#ecb;
	background-color:#fff;
}
#title a:hover{
	border-color:#ecb;
	background-color:#fff;
}


/**** aside
********************/
#aside {
	position: fixed;
	width: 186px;
	margin-top: 15px;
	text-align: center;
	background-color: transparent;
}
#aside ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#aside li {
	color: black;
	background-color:transparent;
	padding: 0;
	margin: 0;
	width: 186px;
	border-right: 3px solid #60c884;
}
#aside li a {
	text-decoration: none;
	text-align: center;
	display:block;
	width:100%;
	margin: 0;
	padding: 2px 0;
	vertical-align:middle;
	overflow: hidden;
	background-image: url(index_menu_bg.gif);
	border: 0px none;
	color: #000033;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 100%;
}
#aside li a:hover {
	background-image: url(index_menu_bg_f2.gif);
	border: 0px none;
}


#contents{
	padding:0px;
	border:0 none;
}
#contents>* {
	position: relative;
/*	width: 70%;
	left:200px;*/
	margin-left: 200px;
}
.section {
	text-align:left;
	background-color: #FFFFFF;
	border:1px solid #888888;
	padding: 6px 0px 0px 0px;
	background-image: url(index_menu_bg_r.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px 0px 1em 0px;
}
.section h3 {
	font: large bold;
	text-align:center;
	background-color: #eeeeee;
	border:1px solid #888888;
	padding: 6px 2em 6px 2em;
	margin-right: 2em;
	margin-left: 2em;
}
.section h3 a {
	display: block;
	border-bottom: 3px outset #eee;
}

.section h3 a:hover {
	background-color: #fff;
	border-bottom: 3px outset #f00;
}

.section p.descript {
	font-size: small;
	margin: 0px 2em 10px 2em;
}
.section ul, .section dl {
	padding: 0 0 10px 0;
	background-repeat: repeat-x;
	background-image: url(index_menu_bg_b.gif);
	background-position: bottom;
	margin: 0;
}
.section ul li {
	margin: 1px 0px 0px 2em;
	padding: 3px;
	clear: none;
	float: none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dashed #999999;
	border-left: 0px none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	font-size: small;
}
.section dl dt {
	margin: 1px 0px 0px 1em;
	padding: 3px;
	clear: none;
	float: none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: decimal;
	font-size: small;
}
.section dl dd {
	margin: 1px 0px 0px 1em;
	padding: 3px 3px 3px 2em;
	clear: none;
	float: none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dashed #999999;
	border-left: 0px none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: decimal;
	font-size: small;
}
.section ul li span, .section dl dd span {
	color: #666666;
}
.section ul li a, .section dl dt a{border-bottom-width:2px;border-bottom-style:dotted;}
.section ul li a:link, .section dl dt a:link {border-bottom-color:#88f;}
.section ul li a:visited, .section dl dt a:visited {border-bottom-color:#88f;}
.section ul li a:active, .section dl dt a:active {border-bottom-color:#88f;}
.section ul li a:hover, .section dl dt a:hover {border-bottom-color:#f88;}
div.appendix {
	font-size: x-small;
	text-align: left;
	margin-top: 1.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	clear: left;
}