body { 
/*
  background-color: #fffefe; 
  background-image: url(img/back.jpg);
 background-repeat: no-repeat; 
*/
}
 
 h1 {
  font-size: 150%;
  color: #443333;
}

 h2 {
  font-size: 100%;
  color: #663535;
}

div.main_container h2 {
  border-bottom: solid 1px #906363;
  padding-bottom: 0.1em;
}

h3 {
	font-size: 100%;
	font-weight: normal;
}

h3.cal_date {
	font-size: 200%;
	text-align: center;
	color: #663535;
	margin-bottom: -1em;
}

hr.clear {
	clear: left;
	margin-bottom: 1em;
	visibility:hidden;
}

/*
ul li {
  border-bottom: dotted 1px #555555;
  margin: 0.3em 0em;
  width: 250px;
}
*/

label {
 margin-right:  0.5em;
}
 
 table.shape {
   border-style: solid solid none none;
   border-width: 1px;
   border-color: #000000;
   border-collapse: collapse;
   background-color: #ffffff;
   margin: 1em 0em;
   width: 100%;
 }
 
 table.shape tr.head {
   background-color: #E6DFDF;
 }
 
 table.shape td, table.shape th {
   border-style: none none solid solid;
   border-width: 1px;
   border-color: #000000;
   padding: 0.5em;
   font-size: 80%;
 }
 
 td.memo {
   text-align: center;
 }
 
 input, textarea,option,select {
   border: solid 1px #666666;
   background-color: #ffffff;
   color: #000000;
 }
 
 a:link, a:visited {
   text-decoration: none;
   color: #5E4747;
 }
 
 a:active, a:hover {
    text-decoration: underline;
   color: #622D2D;
 }
 
 /* ---- menu ---- */
 
div.menu_container ul {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
  width: 90%;
}
 
div.menu_container ul li {
  border-bottom: dotted 1px #999999;
  margin: 0.5em 0em;
  padding-bottom: 0.2em;
  font-size: 90%;
}
 
 /* ---- containere ---- */
 
 div.contents {
   width: 800px;
   margin: 0em auto;
 }

div.main_container {
  float: left;
  width: 620px;
  /*border: solid 1px #00ff00;*/
}

div.menu_container {
  float: left;
  width: 180px;
  /*border: solid 1px #ff0000;*/
}

div.copyright {
   clear: left;
   width: 620px;
   padding-left: 180px;
   font-size: 80%;
   text-align: center;
}

 /* ---- contents ---- */
 
 a.button {
 	border-style: outset;
 	border-width: 1px;
 	border-color: #D4ECDB;
 	background-color: #D4ECDB;
 	padding: 0.2em;
 	color: #2A5F39;
 }
 
 .sub_menu {
 	margin-left: 1em;
 }
 
 .error_message {
   color: #ff0000;
   border: dotted 1px #FF8484;
   padding: 0.5em;
   line-height: 150%;
 }
 
 textarea.information {
 	width: 99%;
 	font-size: 80%;
 	margin-bottom: 1em;
 }
 
  /* ---- calendar ---- */
 
table.cal_interface_table {
  width: 100%;
  padding: 0em;
}

table.cal_interface_table td {
	width: 50%;
}
 
table.cal_table {
   border-style: solid solid none none;
   border-width: 1px;
   border-color: #000000;
   border-collapse: collapse;
   background-color: #ffffff;
   margin: 0em 0em 1em 0em;
   width: 100%;
   clear: left;
}

table.cal_table tr.head {
  text-align: center;
}

table.cal_table td {
   width: 14%;
   border-style: none none solid solid;
   border-width: 1px;
   border-color: #000000;
   padding: 0.3em 0.2em;
   font-size: 120%;
   vertical-align: top;
}

table.cal_table tr.head td.sunday {
  background-color: #FF9191;
  color: #000000;
}

table.cal_table tr.head td.saturday {
  background-color: #91B5FF;
  color: #000000;
}

table.cal_table td h3 {
  margin: 0.1em 0em;
  font-weight: bold;
}

table.cal_table td h3 a {
  text-decoration: underline;
}

table.cal_table td.sunday h3 a {
  color: #FF4747;
  text-decoration: underline;
}

table.cal_table td.saturday h3 a {
  color: #3276FF;
  text-decoration: underline;
}

table.cal_table tr td  p {
  font-size: 70%;
  margin: 0.5em 0em;
  border-bottom: dotted 1px #cccccc;
}

table.cal_table tr td  p.leader {
  font-size: 70%;
  margin: 0.5em 0em 1em 0em;
  border: dotted 1px #FFE867;
  background-color: #FFFE99;
}

table.cal_table tr td  p.report {
  font-size: 70%;
  margin: 0.5em 0em 1em 0em;
  border: dotted 1px #9567FF;
  background-color: #DFCBFF;
}

table.cal_table tr td  p.report_outline {
  font-size: 70%;
  margin: 0.5em 0em 1em 0em;
  border: dotted 1px #3DB464;
  background-color: #CBFFE6;
}

ul.comment li {
  margin: 0.5em 0em;
}

/* button */

div.button_ctrl {
	margin: 0em;
}

div.button_ctrl form {
	margin: 0em;
	padding: 0em;
	float: left;
	width: 50%;
}

span.button {
	display:-moz-inline-box;
	display:inline-block;
	background-image: url(img/button.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 1px 0px 0px 1px;
	position: relative;
	top: -1px;
	(top: 0px;)
}

span.button input, span.button a {
	cursor:pointer;
	font-size: 100%;
	background-image: url(img/button.png);
	background-position: bottom right;
	border-width: 0px;
	padding-bottom: 2px;
	background-color: #D4ECDB;
	(padding-bottom: 0px;)
}