﻿/* CSS Document */

body  {
	font-family:Verdana, arial, times, helvetica, arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
}
	
/************************    HEADER TEXT  ************/
#title  {
	color: teal;
	font-size:300%;
	font-family:Georgia, verdana, arial, helvetica, arial, sans-serif;
	padding: 5mm 5mm 4mm 1.5mm;
	font-weight:bold;
	margin-top:0;
}

#title  a {
	color: teal;
	text-decoration: none;
}

#title a hover {
	text-decoration: underline;
}

/***************************** subHeader *********/
/* .＝div class */
.subHeader {
  color: white;
  background-color: teal;
  margin: 0;
  padding: 1.5ex 1.5ex 1.5ex 1.5mm;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}

/******************************   SIDE NAVIGATION     ****/

#sidenav    {
	float:left;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	width:250px; 
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

#sidenav ul  {
	list-style-type:circle;
}

#sidenav p.search  {
	padding-left:1em;
	padding-bottom:10px;
}

#sidenav  li  {
	padding-top:0 !important;
	/*padding-top:0.1em;*/
}

#sidenav li a {
	color:navy;
}

#sidenav h2 {
	font-size:100%;
	background:url(teal.gif);
	
	color:#fff;
	height:1.8em;
	line-height:1.8em;
	padding-left:15px;
	margin-top:0;
}
/*************************    MAIN CONTENT AREA  ******* */
#content   {
	width:66%;
	float:left;
	margin-left:30px;
	margin-top:20px;
}


#content  p {
	margin:5px 0 5px 0;
	text-indent:10px;
}

#content a {
	color:navy;
	text-decoration:underline;
}

#content a visited {
	color:purple;
}

#content img {
	float:left;
}

#content h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(teal.gif); repeat-x;
	border-top:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.2em;
	color:#fff;
	padding-left:5px;
}

#content h1 a {
	
	color:#fff;
	text-decoration:none;
}

/*table[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[*/
table.simple {
   color:           black;
   background:      white;	/* Don't make tables transparent */
   border-collapse: collapse;　/*（隣の枠線と重ねて表示）*/
   border-spacing:  0;
   empty-cells:     show;
   /* margin:          0.5em 0em; */
   margin:          0.5cm 0cm;
   padding:         0;
   border:          1px solid #999999;
}

table.simple caption {
   /*text-align:      center;*/
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table.simple td {
   width:			200;
   
}

table.simple td,
table.simple th {
   /*text-align:      center;*/
   vertical-align:  middle;
   margin:          0;        
   padding:         5px 5px;
   padding:         0.25em 0.5em;
   border:          1px solid #999999;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
   font-weight:     bold;
   color:           inherit;
   background:      #F0F0F0;
}

table.simple td.lighter,
table.simple th.lighter {
   color:           inherit;
   background:      #F8F8F8;
}

table.simple td.left,
table.simple th.left {
   text-align:      left;
}

table.simple td.center,
table.simple th.center {
   /*text-align:      center;*/
}

table.simple td.right,
table.simple th.right {
   text-align:      center;
}
/*  *************************    FOOTER   *****************  */
#footer  {
	color:white;
	background-color:teal;
	clear:both;
	height:0.5cm;
	text-align:center;
	color:#000;
	margin: 0;
    padding: 1.5ex 1.5ex 1.5ex 1.5mm;
	font-size:100%;
}

#footer a {
	color:white;
}