html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color : #2E2E2E;
	font: 0.8em Verdana, arial, sans-serif;
	}
body 
{ 
width: 98%; margin-top: 1pt;
background-image:url("front/pic/tessen.jpg");
background-attachment:scroll;
background-repeat:no-repeat;
background-position: bottom left; 
}

#header {
  white-space: nowrap;
  width: 100%;
  top:0;
  left:0;
  right:0;
  padding: 3px;
  font-size: 1.5em;
  font-weight: bold;
  font-family:  Verdana, arial, sans-serif;
  text-transform:capitalize;
  color:#800080;
  background:#fff;
    border-bottom: 2px solid #708090;
	}

#date {
  top: 143px; 
  width: 200px;
  margin-left: 10px;
  padding: 0px;
  font-size: .85em;
  font-weight: bold;
  }
#nav {
  position: absolute;
  top: 15em;
  width: 180px;
  margin-left: 15px;
  margin-top: 0px;
  padding: 3px;
  border:0px solid #c0c0c0;
  text-align: left;
  text-transform:uppercase;
  font-size: .85em;
  font-weight: bold;
  }

#main {
	z-index: 3;
	margin-left: 215px;
	top: 40px;
	width: 740px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border-bottom: 1px solid silver;
	}
.link {
   background: transparent;
   font-size:120%;
   font-family:Verdana, arial, sans-serif, cursive;
   text-align: center;
   min-height: 400px;
   height: 400px;
   }
div[space] .link {
   height: auto;
   }
   
#footer {    
    width: 100%;
	margin: 10px;
	text-align: center;
	font-family:  Verdana, arial, sans-serif; 
	font-size: 11px;
	padding: 3px;
	}	

#nav p {text-transform:none; color: #c0c0c0; background: transparent; }
#nav .contact {text-transform:none; font-weight: bold; text-decoration: overline; color: #69597B;  background: transparent}

p:{font-size: 120%; color: #2F4F4F; background: transparent; text-decoration: none; }
a:link {color: #2F4F4F; background: transparent; text-decoration: none; text-transform: capitalize;}
a:visited {color: #2F4F4F; background: transparent; text-decoration: none; text-transform: capitalize;}
a:hover {color:#DC143C; background: transparent; text-decoration: none;}
ul  {font-size: 120%; line-height: 140%; font-weight: 500;}
h1 {font-size: 140%; text-transform: capitalize;}
h2 {font-size: 100%; text-transform: uppercase;}
h3 {font-size: 150%; text-transform: none; text-decoration: underline; font-variant: small-caps;}
h4 { margin-left: 2pt; margin-bottom: 5pt; 	font-weight: normal; color: #666; font-size: 120%; text-transform: none;}

  dd {display:none;}
  a.nav1, a.nav1:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:left; line-height:25px;}
  a.nav1:hover {background:#FEE5C2; color:#F54D0B; }

  a.nav2, a.nav2:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:left; line-height:25px;}
  a.nav2:hover {background:#FEE5C2; color:#F54D0B; }

  a.nav3, a.nav3:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:left; line-height:25px;}
  a.nav3:hover {background:#FEE5C2; color:#F54D0B; }

  a.nav4, a.nav4:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:left; line-height:25px;}
  a.nav4:hover {background:#FEE5C2; color:#F54D0B; }

  a.nav5, a.nav5:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:left; line-height:25px;}
  a.nav5:hover {background:#FEE5C2; color:#F54D0B; }
  
  a.navl, a.navl:visited {margin-left:5px; display:block; width:140px; height:25px; background:#FAEBD7; color:#000; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
  a.navl:hover {background:#FEE5C2; color:#F54D0B; }

span.bolder{font-weight: bolder; font-size: 80%}

  table   { width: 100%; border: 0px; border-collapse: collapse;  font: 1em Verdana, arial, sans-serif; text-align: center;}
  table.form  { width:50%; padding: 10px; border: 0px; border-collapse: collapse;  font: 1em Verdana, arial, sans-serif; text-align: left;}
  td.left {border-right: 1px solid silver; text-align:center; width:30%; }
  td.right {border-right: 1px solid silver; border-bottom: 1px solid silver; text-align:center; width:30%; }
  td.bottom {border-bottom: 1px solid silver; text-align:center; width:40%; }
  td.border {border-left: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; text-align:center; width:25%; }
  td.base {border-left: 1px solid silver;  text-align:center; width:50%; vertical-align : top;  }
  
  ul {font-family: Verdana, arial, sans-serif;}
  li { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; list-style-position : outside;}