body{   
 background-image: url(img/index.html);
 background-color :#FFCCCC;
 font-family: "ＭＳ 明朝", "ヒラギノ明朝", 平成明朝, serif;
 font-size: 1.1em;
 font-weight :bold;
 color:  ;
 margin-top:13%;
 text-align: left;/*justify*/
 text-justify: inter-ideograph;
 text-indent: 1em;
 line-height: 125%;
 line-break: loose;}

div#wrapper{  
 width: 90%;   
 margin:45px auto 20px;
 text-align: left;  }

span{
 font-family: ";
 font-size: 1.3em;
 text-indent: 15em;
 margin-left:;
 color: #9933CC;}

input{
 float: right;
 border:none;
 background:#090;
 font-family: "ＭＳ 明朝", "ヒラギノ明朝", 平成明朝, serif;
 font-size: 1.3em;
 line-height: ;
 color:#FF6633; 
 margin-top:5%;
 margin-right:2%;
 margin-bottom:1%;
 padding:; 
 font-weight:bold;
 border:;} 

h1{ 
 color: red;
 text-indent:2em;
 margin-top:;
 margin-bottom:1em;}

h2{
 font-weight: bold;
 color: brown;
 text-align: ; 
 vertical-align: ;
 text-indent:em;
 margin-bottom:-3px;}
 
p.memo{
 margin-left:18em;
 color: #000099;
 text-align: ; 
 line-height: 125%;
 text-indent:em;}
 
 a:link {color: #993300;
 font-weight: bold;}
a:visited {color: olive;
 font-weight: bold;}
a:hover  {color: blue;
 font-weight: bold;}
a:active { color: red;
 font-weight: bold;}

input{
 float: right;
 border:none;
 background:#090;
 font-family: "ＭＳ 明朝", "ヒラギノ明朝", 平成明朝, serif;
 font-size: 1.3em;
 line-height: ;
 color:#FF6633; 
 margin-top:;
 margin-right:2%;
 margin-bottom:1%;
 padding:; 
 font-weight:bold;
 border:;} 
 
.co{
 width: 95%;
 float: left;
 margin-left:4.5%;
 font-size: 1em;
 font-weight :bold;
 text-indent:0em;
 color:maroon;
 border:none;}

.l28{
 width: 28%;
 float: left;
 margin-top:;
 margin-left:;
 margin-right:1%;
 margin-bottom :;
 font-size: 0.75em;
 line-height: 125%;
 color:#990033;
 border:none;}
 
 .l20{
 width: 20%;
 float: left;
 margin-top:;
 margin-left:%;
 margin-right:1%;
 margin-bottom :%;
 font-size: 0.75em;
 line-height: 125%;
 color:#990033;
 border:none;}

.l10{
 width: 10%;
 float: left;
 margin-top:-1%;
 margin-left:%;
 margin-right:1%;
 margin-bottom :%;
 font-size: 0.75em;
 line-height: 125%;
 color:#990033;
 border:none;}

.l32{
 width: 32%;
 float: left;
 margin-left:%;
 margin-right:2%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#990033;
 border:none;}
 
.c32{
 width: 32%;
 float: left;
 margin-left:0.25%;
 margin-right:0.25%;
 margin-bottom :%;
 font-size: 0.9em;
 color:;
 border:none;} 
 
.r32{
 width: 32%;
 float: left;
 margin-left:0.5%;
 margin-right:%;
 margin-bottom :%;
 font-size: 0.9em;
 color:;
 border:none;}
 
.r31{
 float: right;
 width: 31%;
 margin-left:1%;
 font-size:0.9em;
 text-indent: 1em;
 line-height: 110%;
 color:maroon;
 border:none;}

 .l40{
 float: left;
 width: 40%;
 margin-top:1%;
 margin-right:2%;
 margin-left:;
 font-size:0.9em;
 text-indent: ;
 line-height: 110%;
 color:#990033;
 border:none;}
 
.r40{
 float: right;
 width: 40%;
 margin-left:;
 font-size:0.9em;
 text-indent: ;
 line-height: 110%;
 color:#990033;
 border:none;}
 
  .r49{
 float: right;
 width: 49%;
 margin-left:1%;
 color:#006600;
 border:none;}
 
 .r52{
 float: right;
 width: 52%;
 margin-left:1%;
 color:#006600;
 border:none;}
 
 .l49{
 float: left;
 width: 49%;
 margin-top:1em;
 margin-right:2%;
 font-size:0.9em;
 line-height: 110%;
 color:#006600;
 border:none;}

img{
 width:;
 margin: 1%;
 float:left;
 vertical-align:top;
 border:none;}
 
img.fs{
 width:100%;
 margin-right: 0 auto;
 margin-left: 0 auto;
 margin-top:%;
 margin-bottom :%;
 float:left;
 vertical-align:top;
 border:none;}
  
.ikisaki {
 font-size:1em;
 color: ;
 font-weight: bold;
 /*width : 293px;*/
 height : 27px;
 position : absolute;
 top : 600px;
 left : 600px;}
 
#home{
 position : absolute;  
 top :;
 bottom :-25%;}
 

