body{   
 background-image: url(img/index.html);
 background-color :#66CCCC;/*:#99FFFF;*/
 font-family: "‚l‚r –¾’©", "ƒqƒ‰ƒMƒm–¾’©", •½¬–¾’©, serif;
 font-size: 1.1em;
 font-weight :bold;
 color: ;
 margin-top: 40px;
 text-justify: inter-ideograph;
 text-indent: 1em;
 line-break: loose;
 line-height:125%;}

div#wrapper{ /*div‚Æ#‚ð‹ó‚¯‚é‚Æƒ_ƒ*/ 
 width: 90%;   
 margin:45px auto 20px;
 padding:1%;
 padding-top:2%;
 text-align: left; }

.container{
 width: 95%;
 margin-top:1%;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:2%;
 padding:0 1% 2%;
 border: none;}
 
h1{ 
 color: #993300;
 margin-top:;
 text-indent:3em;}

h2{
 font-style: italic; 
 font-weight: bold;
 color:#006600;
 text-align: ; 
 vertical-align: ;
 text-indent:em;
 margin-bottom:-3px;}
 
a{font: 1.2em;}
a:link {color: #666666;}
a:visited {color: #993300;}
a:hover {color: red;}
a:active { color: blue;}
 
.co{
 width: 95%;
 float: left;
 margin-left:4.5%;
 font-size: 1em;
 font-weight :bold;
 text-indent:0em;
 line-height:110%;
 color:#006633;
 border:none;}

.l32{
 width: 32%;
 float: left;
 margin-left:1%;
 margin-right:0.5%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#006600;
 border:none;}

.l32-5{
float: left;
width: 32.5%;
margin-right: 1.25%;
margin-bottom:1em;
font-size: 0.9em;
text-indent: 1em;
color:#660000;}

.l32-5rm{
float: right;
width: 32.5%;
margin-left: 1%;
margin-bottom:1em;
font-size: 0.9em;
text-indent: 1em;
color:#660000;}

.l32-5r{
float: right;
width: 32.5%;
margin-left: 0%;
margin-bottom:1em;
font-size: 0.9em;
text-indent: 1em;
color:#660000;}

input{
float: right;
border:none;
background:#090;
font-family: "‚l‚r –¾’©", "ƒqƒ‰ƒMƒm–¾’©", •½¬–¾’©, serif;
font-size: 1.3em;
color:#CCFF00; 
margin-top:1%;
margin-right:2%;
margin-bottom:1%;
padding:; 
font-weight:bold;} 

.memo{
 margin-top:1%;
 margin-left:1%;
 font-family :"‚l‚r –¾’©", "ƒqƒ‰ƒMƒm–¾’©", •½¬–¾’©, serif;
 font-size: ;
 color: #990000 ;
 font-weight: bold;
 text-align: ;}

.expla{
 width:;
 margin-left:;
 font-family : "";
 font-size:;
 color:#9900CC ;
 font-weight: ;
 text-align: ;
 vertical-align:; }
 
 span{
 color:red;
 font-weight:;}
 
 .pn{
 float:left;
 color:navy;
 font-weight:bold ;}


 .pp{
 color:purple;
 font-weight:bold ;}

 .pr{
 color:red;
 font-weight:bold ;}
 
 .pb{
 color:black;
 font-weight:bold ;}
 
 .pm{
 color:#006600;
 font-weight:bold ;}
 
  .py{
 color:#ffff66 ;
 font-weight:bold ;}
 
  .pa{
 color:#66FFCC ;
 font-weight:bold ;}
 
  .po{
 color:#ff6600 ;
 font-weight:bold ;}
 
.box{
 float: ;
 width: 100 %;
 font-size:0.9em;
 margin:;
 color:;
 border:none;}
 
.c32{
 width: 32%;
 float: left;
 margin-left:0.25%;
 margin-right:0.5%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#006600;
 border:none;} 

.c32r{
 width: 32%;
 float: left;
 margin-left:0.25%;
 margin-right:1%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#006600;
 border:none;} 

 .rp{
float:right;
width: 50%;
margin-top:;
margin-right:2%;
margin-left:;
margin-bottom:;
padding: ;
font-size:1.3em;
text-align:right;
color:#FF6600 ;
border:none;}

 .rb{
float:right;
width: 70%;
margin-top:;
margin-right:1%;
margin-left:;
margin-bottom:-0.8%;
padding: ;
font-size:;
text-align:right;
color:#FF6600 ;
border:none;}

 .r{
float:right;
width: 20%;
margin-top:-5% ;
margin-right:2%;
margin-left:;
margin-bottom:-2%;
padding: ;
font-size:1.3em;
text-align:right;
color: ;}

.r20{
 float: right;
 width: 20%;
 font-size:0.9em;
 margin-left:1.5%;
 color:maroon;
 border:none;}
 
 .r31{
 float: right;
 width: 31%;
 margin-left:1%;
 font-size:0.9em;
 text-indent: 1em;
 color:maroon;
 border:none;}
 
 .r29{
 float: right;
 width: 29%;
 margin-top:;
 margin-left:1%;
 font-size:0.9em;
 text-align:center;
 color:maroon;
 border:none;}
 
.r32{
 width: 32%;
 float: left;
 margin-left:0.25%;
 margin-right:1%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#006600;
 border:none;}
 
.r32r{
 width: 32%;
 float: right;
 margin-left:0.6%;
 margin-right:0.25%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#006600;
 border:none;}

 .r32-8{
 float: right;
 width: 32.5%;
 margin-left:1.5%;
 font-size:0.9em;
 color:maroon;
 border:none;}
 
 .r34{
 float: right;
 width: 34%;
 margin-left:1%;
 font-size:0.9em;
 color:maroon;
 border:3px solid maroon;}

  .r34z{
 float: right;
 width: 34%;
 margin-left:1%;
 font-size:0.9em;
 color:maroon;
 border:none;}

 .r35-5{
 float: right;
 width: 35.5%;
 margin-left:1%;
 font-size:0.9em;
 text-indent: 1em;
 color:maroon;
 line-height:105%;
 border:none;}
 
 .r35-5c{
 float: right;
 width: 35.5%;
 margin-left:1%;
 font-size:0.9em;
 text-align:center;
 color:maroon;
 border:none;}
 
  .r40{
 float: right;
 width: 40%;
 margin-left:1%;
 font-size:0.9em;
 text-indent: ;
 color:maroon;
 line-height:110%;
 border:none;}

.r51{
 float: right;
 width: 51%;
 margin-left:1%;
 text-indent:none;
 color:orange;
 border:none;}
 
 .r52m{
 float: right;
 width: 52%;
 margin-left:1%;
 font-size:0.9em;
 color:maroon;
 border:none;}
 
 .l15-5{
 float: left;
 width: 15.5%;
 font-size:0.9em;
 margin-top:1%;
 margin-right:;
 margin-left:1%;
 text-align:center;
 text-indent:;
 color:#993300;
 border:none;}

 .l15-5m{
 float: left;
 width: 15.5%;
 font-size:0.9em;
 margin-top:-19%;
 margin-right:;
 margin-left:1%;
 text-align:center;
 text-indent:;
 color:#993300;
 border:none;}

.l15-5n{
 float: left;
 width: 15.5%;
 font-size:0.9em;
 margin-top:-2%;
 margin-right:;
 margin-left:0.8%;
 text-align:center;
 text-indent:;
 color:#993300;
 border:none;}
 
 .l20{
 float: left;
 width: 20%;
 font-size:0.9em;
 margin-right:1.5%;
 color:maroon;
 border:none;}

.l30{
 float: left;
 width: 30%;
 font-size:0.9em;
 margin-right:1%;
 margin-left:1.5%;
 text-align:left;
 text-indent:;
 line-height:100%;
 color:#993300;
 border:none;}

.l30m{
 float: left;
 width: 33%;
 font-size:0.9em;
 margin-top:24%;
 margin-right:;
 margin-left:-98%;
 text-align:center;
 text-indent:;
 color:#993300;
 border:none;}

.l30b{
 float: left;
 width: 30%;
 font-size:0.9em;
  margin-right:1%;
 margin-left:1.5%;
 padding-top:2.5%;
 text-align:center;
 color:#993300;
 border:none;}

.l31{
 float: left;
 width: 31%;
 font-size:0.9em;
 margin-right:1%;
 color:maroon;
 border:none;}

.l32{
 float: left;
 width: 32%;
 margin-right:1.5%;
 margin-bottom:1%;
 text-indent:none;
 color:orange;
 border:none;}

 .l40{
 float: left;
 width: 40%;
 margin-right:1%;
 font-size:0.9em;
 color:maroon;
 border:none;}
 
 .l40l{
 float: left;
 width: 40%;
 margin-right:1%;
 margin-left:-2%;
 font-size:0.9em;
 color:maroon;
 border:none;}/*14-9-12*/
 
 .l45{
 float: left;
 width: 45%;
 margin-right:1%;
 color:orange;
 border:none;}
 
.l49{
 float: left;
 width: 45%;
 margin-right:1%;
 color:yellow;
 text-align:center;
 border:none;}
 
 .l52{
 float: left;
 width: 52%;
 margin-right:1%;
 color:#993300;
 text-align:left;
 border:none;}

 .l125{
 float: left;
 width: 125%;
 margin-right:;
 margin-left: -15%;
 color:#993300;
 text-align:center;
 border:none;}
 
 img{
 width: ;
 margin-right: 0 auto;
 margin-left: 0 auto;
 margin-top:1%;
 margin-bottom :1%;
 float:left;
 vertical-align:top;
 border:none;}
 
 img.fs{
 width:100% ;
 margin-right: 0 auto;
 margin-left: 0 auto;
 margin-top:1%;
 margin-bottom :1%;
 float:left;
 vertical-align:top;
 border:none;}
 
 img.c80{
 width:80% ;
 float:center;
 margin: 0 10%;
 border:none;}
 
 img.l120{
 width:120% ;
 margin-right:-2% ;
 margin-left: ;
 margin-top:2%;
 margin-bottom :1%;
 float:left;
 vertical-align:top;
 border:none;}
 
img.l200{
 width:200% ;
 margin-right:-2% ;
 margin-left: ;
 margin-top:20%;
 margin-bottom :1%;
 float:left;
 vertical-align:top;
 border:2px solid purple;}
 
  img.x{
 width:42% ;
 margin-right:-5% ;
 margin-left:;
 margin-top:1%;
 margin-bottom :1%;
 float:right;
 vertical-align:top;
 border:none;}
 
 img.spa{
 width:100% ;
 margin-right: 0 auto;
 margin-left: 0 auto;
 margin-top:2%;
 margin-bottom :2%;
 float:left;
 vertical-align:top;
 border:none;}
 
 img.r35{
 width:35% ;
 margin: 1%;
 float:right;
 vertical-align:top;
 border:none;}
 
img.c30{
 width:30% ;
 margin-left:;
 float:center;
 border:;}
 
 img.l50{
 display:;
 width:50% ;
 margin: 1%;
 margin-left:0;
 float:left;
 vertical-align:top;
 border:none;}
 
img.r50{
 display:;
 width:50% ;
 margin: 0.5%;
 margin-right:0;
 float:right;
 vertical-align:top;
 border:none;}
 
img.c{
 width:60% ;
 margin:0% 1% 1%;
 float: left;
 vertical-align:top;
 border:3px solid maroon;}

img.r{
 width:52% ;
 margin-top:1%;
 margin-left:2%;
 margin-bottom:0.5%;
 float: right;
 vertical-align:;
 border:;}

img.l{
 width:52% ;
 margin-right:1%;
 float: left;
 vertical-align:top;
 border:;}
 
img.m{
 width: 100%;
 margin:0 auto;
 margin-bottom:-10%;
 vertical-align:;
 border:;}

img.s{
 width: 100%;
 margin: 1% ;
 margin-top:-4%;
 border:;} 
 
img.logo{
 display:;
 width:10%;
 height:;
 margin-top:;
 border:none;}
 
img.btn{
 margin-left:2%;
 margin-bottom:2%;/*¶‚Æˆá‚¢Œø‚©‚È‚¢*/
 border: none;
 width: 20%;
 height: ;}

img.fish{
 width:100%;
 float:left;
 margin:1.5%;}

.ikisaki {
 font-size:1em;
 color: ;
 font-weight: bold;
 /*width : 293px;*/
 height : 27px;
 position : absolute;
 top : 600px;
 left : 600px;}
 
#home{
 position : absolute;  
 top :;
 bottom :-25%;}
 
table{
 position : ;
 width: 100%;
 margin-top :2%;
 margin-left :;
 padding:;
 text-align:left;
 text-indent:1em;
 vertical-align:bottom; 
 caption-side:bottom;
 background-color:#FFFF99 ;
 border:3px double maroon;}
 
 .table1{
 position : ;
 float:;
 width:100%;
 margin-top :1%;
 margin-left:1%;
 font-family: "‚l‚r –¾’©", "ƒqƒ‰ƒMƒm–¾’©", •½¬–¾’©, serif;
 font-size:em;
 color:#003366 ;
 font-weight: ;
 text-align: ;
 vertical-align:bottom; 
 caption-side:bottom;
 border:3px solid red;}
 
 .table2{
 position : ;
 float:left;
 width:100%;
 margin-top :;
 margin-left:;
 color:#003366 ;
 background-color:#d1e6cd;
 font-weight: ;
 text-align: ;
 vertical-align:bottom; 
 caption-side:bottom;
 border:2px solid gray;}
 
.tablekajika{
 width: 40%;
 float:right;
 margin-left :1%;
 font-size: 0.8em;
 font-weight: bold;
 color:#FF6600; 
 border:;}

th{
 text-align: left;
 vertical-align: middle;}

td{ 
 width: ; 
 text-align: left;
 text-indent:none;
 vertical-align:bottom;
 padding: ;
 background-color: ;
 border:0;}
 
.g{ 
 width: ; 
 text-align: left;
 text-indent:none;
 vertical-align:bottom;
 padding: ;
 color: green ;
 background-color: ;
 border:0;}


td.4{ 
 width:30%; 
 text-align: left;
 text-indent:;
 vertical-align:bottom;
 padding: 0.5em 0;
 background-color: gray;
 border:3px solid blue;}
 
 td.r{
 width: 30%;
 text-align: right;
 text-indent:;
 vertical-align:bottom;
 border:3px solid blue;}

td.cm{
 text-align: center;
 vertical-align: middle;}
 
td.h{
 height:2.5em ;} 
  


