.sidebar {
	border-bottom: 1px solid #003366;
	background-color: #DCEEF9;
}


.sidebar ul {
	list-style-type: none;
	margin: 0;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #008ED4;
}


.sidebar li {
	 display: inline;
	 margin: 0;
}

.sidebar li:before {
	 content: " | ";
}

.sidebar li:first-child:before { content: ""; 
}


/* menu titles */
.sidebar p {
	 display: none;
}


.sidebar img.last{
	position:absolute;
	margin: 0;
	border: 0;
	padding: 0;
	display:none;
}



.sidebar img {
	position:absolute;
	top:8em;

	/* display:inline; */
	display: none; 
	padding:15px;
}



#welcome .main img {
	float: left
}


img {

	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 10px;
	border-color: white;
}


.main {
}

h1.title {
	margin: 0;
	
	padding: 10px; 
	padding-top: 1.5em;
	padding-left: 2em;

	visibility: visible ; 

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 15px;

	color: #ffffff;
	background-color: #003366;
}


a.toc-backref {
	text-decoration: none;
	color: black;
}



a:link {

	color: #008ED4;
}


h2 {


	margin: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;

	text-transform: capitalize;

	padding: 3px;
	padding-left: 10px;
	padding-bottom: 3px;

	margin-top: 2em ;
	margin-bottom: 1em;

	color: #003366;

	background-color: #DCEEF9;
	border-top: 1px solid ;
	border-bottom: 1px solid; 

}



#online-diary h2  {

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1em;

	padding: 3px;
	padding-top: 2em;
	padding-left: 2px;

	color: #003366;
	background-color: #fff;
	border-top: 0px solid;
	border-bottom: 0px solid;

}

#online-diary h3 {

	/* height: 1%; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;

	text-transform: capitalize;

	padding: 3px;
	padding-left: 10px;

	margin: 0;

	/* margin-top: 2em ; */
	margin-bottom: 0.5em;

	color: #003366;
	background-color: #DCEEF9;

	border-top: 1px solid;
	border-bottom: 1px solid;
}


#online-diary h3  a {

	text-decoration: none;
	color: #003366;

}


#online-diary .section p {
	padding: 0px ; 
	border: 0px ;
	margin-top: 2px ;
	margin-bottom: 10px ;
}


#online-diary .contents {
	width:10.2em;
	margin-right:10px;
	position:absolute;
	top:8em;
	right:0;

}


/* hides contents title */
#online-diary .contents a {
  visibility: hidden ; 
}	

/* no bullets */
#online-diary .contents li {
	list-style-type: none;
}

#online-diary .contents a.reference {
  visibility: visible ; 
}


#online-diary p.permalink {
  font-size: 14px;
  text-align: right;
}


.center .reference img {
	border: 0;
	display: block;

 	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}



.main {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;

	margin-left:10.2em;
	margin-right:10.2em;
	padding-left:1em;
	padding-right:1em;
	margin-top: 3em;
	margin-bottom: 3em;
}

pre {
	margin-left: 4em;
}



.footer {
	/* display: none; */
}