body {
font-size: 100%; margin:0;
font-family: "�l�r�@�S�V�b�N", Osaka, sans-serif;
font-weight: normal;
background-color: #eeffee;
background-color: #ccffff;
background-image: url("../toilet_mark.gif");
color: #000000;
line-height: 130%;
}

h1 {font-size:140%;font-weight:bold;color: #bb3366;margin:0;text-align:center;}

h2 {font-size:120%;font-weight:bold;line-height:180%;margin:0;color:#ffff00;}
h3 {font-size:100%;line-height:180%;margin:0;color:#ffffff;}

h4 {font-size:80%;font-weight:normal; margin:0;}
h5 {font-size:80%;font-weight:bold; margin:0; color: #bb3366;}
a.sp:link {color:#ffffff;}
a.sp:visited {color:#ffffff;}
a.ad:link {color:#aa3399;}
a.ad:hover {color:#eeee66;}
a.ad:visited {color:#aa0066;}

.m0 {position: relative;top:0;left:0%; width: 100%;height:50px;
			background-color:#ccffee;margin:0;padding:0;} 
	.m01 { position: absolute; top: 3px; left:1%; width:15%; height:10px;
		margin-top:0;padding:0;line-height:normal;}
	.m02 { position: absolute; top: 2px; left:0%; width:100%; height:10px;
		margin:0;padding:2px; line-height:normal; font-size:90%; color:#990033; 		text-align:center; }
	.m03 { position: absolute; top: 22px; left:10%; width:80%; height:18px;
		margin:0;padding:0px; text-align:center; }
	
	
.b {position: absolute; top:27px;  left: 0%; width: 100%; height:15px; 
	background-color:#00bb99; padding: 5px 0px; font-size:100%;}
		.b1 { position: absolute; top: 0; left:0%; width:100%; margin:0;
			font-size:80%; vertical-align:middle;
      line-height:normal; text-align:center; color:#990033;padding: 3px 0px} 
	  	.b2 {position: absolute; top:0; left: 2%; width: 100%; font-size:100%;
			vertical-align:middle;color:#ffffff;
			text-align:center; padding: 2px 0px;}
			

.e1 { position: relative; top:  0px; left:0%; width: 100%; height:700px;
		margin: 0px;padding:0; text-align:center;
      line-height:normal; font-size:100%; text-align:center;}

	.e11 {position: absolute; top: 0px; left:0%; width: 640px; height:700px;
			padding: 0px; text-align:center;
      	}

	.e12 {position: absolute; top: 10px; left:640px; width:30%; height:700px;
		line-height:100%; background-color:#eeffcc;padding: 0px;
		text-align:center;}
	
	.e13 {position: relative; top: 0px; left:0%; width:80%; height:20px;
		margin:1px;text-align:center; font-size:95%;
		line-height:100%; background-color:#ccffdd;padding: 0px;
		border-style:outset; border-width:3px; border-color:#99eecc;
		}
	
.e2 { position: relative; top:  0%; left:0%; width: 100%; height:200px; margin: 0px; padding:0;
      line-height:normal; font-size:100%; text-align:center; vertical-align:middle;} 
	  .e21 { position: relative; top:  0%; left:0%; width: 90%; height:20px; margin: 1px; padding:3px;
	  border-style:solid; border-width:2px; border-color:#ddaa33;
		 background-color:#ffffdd;
      line-height:normal; font-size:90%; text-align:left; vertical-align:middle;} 

.e3 { position: relative; top:  0%; left:10%; width: 80%; height:20px; margin: 0px; padding:0; text-align:center; vertical-align:middle;} 

.e4 { position: relative; top:  5%; left:0%; width: 100%; height:300px; margin-top: 0px; padding:0;
      line-height:normal; font-size:120%; text-align:left; vertical-align:middle;} 
		
	.e41 { position: absolute; top: 0%; left:0%; width: 50%; padding:0;
		text-align:center; vertical-align:middle;}
 		.e411 { position: relative; top: 0%; left:0%; width: 70%; height:70%; padding:0;
		text-align:center;  vertical-align:middle;
	  }
 		.e412 { position: relative; top: 5%; left:0%; width: 90%; height:50px;
		font-size:80%; color:#660033; text-align:left; vertical-align:top; padding:10px;
		border-style:solid; border-width:2px; border-color:#33dd33;
		 background-color:#eeffcc;}

		
	.e42 { position: absolute; top: 0%; left:50%; width: 50%; margin-top: 0px;
      line-height:normal; font-size:100%; background-color:#ccffaa; text-align:left; vertical-align:top;}
	  	.e421 { position: absolute; top: 0%; left:0%; width: 90%; height:50px;
		font-size:80%; color:#660033; text-align:left; vertical-align:top; padding:10px;margin:10px;
		border-style:solid; border-width:2px; border-color:#33dd33;
		 background-color:#eeffcc;}
	  
.btn1 a:link, .btn1 a:visited {
position: relative; top: 10px; left: 0%;
width:150px; height:30px;
background-color:#ddffcc;
border-style:outset;
line-height:150%;
  color:#990033;
  font-size:80%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%;  margin:5px;
}

.btn1 a:hover{
position: relative; top: 10px; left: 0%;
background-color:#ffffdd;
width:150px; height:30px;
color: #ff0033;
line-height:150%;
   font-size:80%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%; margin:5px;
}

.btn1 a:link, .btn1 a:visited{
position: relative; top: 0px; left: 0%;
width:20px; height:20px;
background-color:#ddffcc;
border-style:outset;
line-height:10px;
  color:#990033;
  font-size:80%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%;  margin:0;
}

.btn1 a:hover{
position: relative; top: 0px; left: 0%;
background-color:#ffffdd;
width:20px; height:20px;
color: #ff0033;
line-height:10px;
   font-size:80%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%; margin:0;
}

.btn2 a:link, .btn2 a:visited{
position: relative; top: 0px; left: 0%;
width:20px; height:20px;
background-color:#dd0000;
border-style:outset;
line-height:10px;
  color:#ffffff;
  font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%;  margin:0;
}

.btn2 a:hover{
position: relative; top: 0px; left: 0%;
background-color:#dd0000;
width:20px; height:20px;
color: #ffffff;
line-height:10px;
   font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%; margin:0;
}

.btn3 a:hover{
position: relative; top: 0px; left: 0%; width:90%;
background-color:#ffee33;
line-height:180%;
color: #ff0033;
  font-size:100%;
  text-align:center;
  text-decoration: none;
border-style:outset;
margin-top:0; margin-bottom:0;
padding: 0.2% 5%;
}

.btn4 a:link, .btn4 a:visited{
position: relative; top: 10px; left: 0%;
width:20px; height:20px;
background-color:#006633;
border-style:outset;
line-height:10px;
  color:#ffffff;
  font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%;  margin:0;
}

.btn4 a:hover{
position: relative; top: 10px; left: 0%;
background-color:#999900;
width:20px; height:20px;
color: #ffffff;
line-height:10px;
   font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%; margin:0;
}

.btn5 a:link, .btn5 a:visited{
position: relative; top: 10px; left: 0%;
width:20px; height:20px;
background-color:#990033;
border-style:outset;
line-height:10px;
  color:#ffffff;
  font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%;  margin:0;
}

.btn5 a:hover{
position: relative; top: 10px; left: 0%;
background-color:#99aa66;
width:20px; height:20px;
color: #ffffff;
line-height:10px;
   font-size:100%;
  text-align:center; vertical-align:middle;
  text-decoration: none;
padding: 0.1% 0.1%; margin:0;
}



.btnindex a:link, .btnindex a:visited {
width: 17%;
background-image:  url(../image/btn_yy.gif);
line-height:normal;
font-size:90%;
  color:#990066;
  text-align:center;
  text-decoration: none;margin-left: 1%;
padding: 0.5% 0.5%;
}

.btnsindex a:link, .btnsindex a:visited {
width: 20%;
background-color:  #99eeaa;
line-height:normal;
font-size:100%;
  color:#990066;
  text-align:center;
  text-decoration: none; margin-left: 1%;
padding: 0.5% 0.5%;
}

table {
	background-color:#00bb99;
	border:1;
	width:80%;
	padding:2px;
	}
caption {
	font-size:120%;
	font-weight:bold;
	color:#663300;
	text-align:center;
}

thead {
	text-align:center;
	background-color:#aaeeaa;
	}
	
tbody {
	text-align:left;
}

.tr1 {background:#aaffaa; font-size:100%; padding:0.5em 1em; line-height:180%;}
.tr2 {background:#ffddaa; font-size:100%; padding:0.5em 1em; line-height:180%;}
.tr3 {background:#66ffcc; font-size:100%; padding:0.5em 1em; line-height:180%;}
.tr4 {background:#ffccee; font-size:100%; padding:0.5em 1em; line-height:180%;}

.tr5 {background:#00ee99;font-size:90%;padding:0.1em 1em; }
.tr6 {background:#ffffff;font-size:90%;padding:0.1em 1em; }

.tr7 {background:#eebb99;}
.tr8 {background:#99ee33;}

th {padding:0.2em 1em;
	background-color:#99ee99; font-color:#dd0000; font-size:90%; 
}

td {text-align:left;}

img { border-style:none;}


table {
	background-color:#009933;
	border:0.5;
	width:90%;
	color:#000000;
	font-size:90%;
	}
table.itiran {
	background-color:#ee0000;
  	border-color:#0000ee;
	width:80%;
	border-style:rigid;
	border:5px;
	color:#000000;
	font-size:90%;
	}
	
.tr1 {background:#aaee00;}
.tr2 {background:#ffeeaa;}
.tr3 {background:#ff9933;}
.tr4 {background:#ccffee;}

.tr5 {background:#eeccbb;}
.tr6 {background:#ffcc99;}

.tr7 {background:#eeffbb; font-size:70%;}
.tr8 {background:#ffcc99;}

th {padding:0.1em 0.2em; background-color:#aaddcc;}
td {padding:0.1em 0.2em; background-color:#eeffff;}
.td1 {padding:0.1em 0.2em; background-color:#0000ff; letter-spacing:-0.2em;font-size:100%;line-height:150%;height:30px;
}

img { border-style:none;}