/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/


.m0l0o {
	border: 1px solid #ffffff;
	text-decoration: none;
border-left:none;border-bottom:none;}

.m0l1o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l0i {
	font-size: 12px;
    text-align:center;		padding: 4px;
	text-decoration: none;
}

.m0l1i {
	font-size: 12px;
		padding: 4px;
	text-decoration: none;
}
.head h1{
  font-size:30px;
  font-family:'Comic Sans MS';
  color:white;
  margin-bottom:2px;
}
.staff{
  background-color:#32d4a9;
  color:white;
}
.staff_top{
  background-color:skyblue;
  color:black;
}
table.staff_table{
  border:solid 1px;
  border-color:white;
  font-size:1.2em;
  font-weight:bold;
}
.indent{
  padding-left:20px;
}
body{
  margin-top:20px;
  background-color:white;
  text-align:center;
}
.all{
  width:620px;
}

/* === ヘッダー部分のスタイル === */
.head{
  WIDTH: 100%;
  HEIGHT: 75px;
  BACKGROUND-COLOR: #32d4a9;
}
.head td{
  vertical-align:middle;
  padding-top:0px;
}

.head1{
  WIDTH: 45px;
  TEXT-ALIGN: right;
}

.head2{
  PADDING-LEFT: 9px;
}

.head H1{
  FONT-SIZE: 30px;
  MARGIN-BOTTOM: 1px;
  COLOR: white;
  FONT-FAMILY: 'Comic Sans MS';
}

.head DIV{
  FONT-SIZE: 15px;
  COLOR: white;
}


/* === サイドバー部分のスタイル === */

.side1, .side2{
  background-color:#32d4a9;
  width:200px;
  vertical-align:top;
}



.side1 div{
  font-size:14px;
  font-weight:bold;
  border-bottom:solid 1px white;
  padding-top:8px;
  padding-bottom:8px;
  margin-left:12px;
  margin-right:12px;
}

.side1 a{
  color:#444444;
  text-decoration:none;
}
.side1 a:hover{
  color:white;
}

.side2{
  vertical-align:bottom;
  font-size:10px;
  text-align:center;
  padding-bottom:10px;
}


/* === コンテンツ部分のスタイル === */

.main{
	 padding-left:20px;}

.main h1{font-size:20px;
	 font-family:'Comic Sans MS';
	 color:#33cc66;
	 text-align:center;
	 border-top:solid 4px #66cc33;
	 padding-top:3px;
	 margin-bottom:8px;}

.main h2{font-size:18px;
	 text-align:center;
	 border-bottom:solid 4px #66cc33;
	 margin-top:0px;
	 padding-bottom:8px;
	 margin-bottom:25px;}

.main p	{font-size:14px;
	 line-height:160%;
	 color:#666666;
}
.main span	{font-size:14px;
	 line-height:160%;
	 color:#666666;
}
.mark	{text-align:center;
	 border-top:solid 4px #66cc33;
	 padding-top:6px;}

.copy{
	border-top: solid 2px #336666;
	padding-top:6px;
	font-align:center;
	font-size:10px;
	color:#000000;
}
a{
  color:#33cc66;
  font-size:14px;
  text-decoration:none;
}
a:hover	{
  color:#0066ff;
}
.menu	{
  width:100%;
  height:22px;
  background-color:#32d4a9;
  font-size:12px;
  font-weight:bold;
  color:#444444;
  border-top:solid 1px white;
}
.menu div	{
  padding-top:5px;
  padding-bottom:4px;
}

.menu2	{
  text-align:right;
}
.menu2 div	{
  margin-right:10px;
}
.menu3 td	{
  vertical-align:top;
  font-size:12px;
  line-height:120%;
  color:#333333;
}
.menu3 img	{
  border:none;
  margin-right:7px;
  margin-bottom:8px;
}
.link   {
  font-size:smaller;
}
.link hr  {
  color:#66cc33;
  background-color:#66cc33;
  border:none;
}
HR{
  font-weight : bold;
}