body{
 background-image : url(img/index.html);
 background-color :; 
 text-indent:1em;
 font-size : 1.2em;
 font-weight :bold ;
 font-family : "ＭＳ 明朝","ヒラギノ明朝 pro w3","平成明朝",serif;
 color :;
 margin-top:40px; 
 line-height:;
 text-align: ;} 

div#wrapper{
background-color :#d1e6cd ; 
width: 85%;   
margin: 3% auto ;
margin-top: 3%;/*64px画像を入れるときは5%*/
padding: 3%;
padding-top: 0.5%;
text-align: left;
border :none;}
 
h1{
font-family : "ＭＳ 明朝","ヒラギノ明朝 pro w3","平成明朝",serif;
font-size :1.5em;
font-weight :bold;
color : #FF3300;
margin-top:-3% ;
margin-bottom:;
text-indent:2em;
line-height:;
padding: em;}

h2{
font-family : "";
font-size :1em;
font-weight :bold;
color : #993300;
margin-top: -0.1%;
text-indent:1em;
line-height:50%;
padding: em;}

input{
 float: right;
 border:none;
 background:#090;
 font-family: "ＭＳ 明朝", "ヒラギノ明朝", 平成明朝, serif;
 font-size: 1.3em;
 color:#FF6633; 
 margin-top:5%;
 margin-right:2%;
 margin-bottom:1%;
 padding:; 
 font-weight:bold;} 
 
.l32{
 width: 32%;
 float: left;
 margin-left:1%;
 margin-right:0.5%;
 margin-bottom :0.25%;
 font-size: 0.9em;
 color:#CC6666;
 border:none;}

.c32{
 width: 32%;
 float: left;
 margin-left:0.25%;
 margin-right:0.25%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#CC6666;
 border:none;} 

.r32{
 width: 32%;
 float: left;
 margin-left:0.5%;
 margin-right:1%;
 margin-bottom :%;
 font-size: 0.9em;
 color:#CC6666;
 border:none;}

 .r{
float:right;
width: 49%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
text-indent:;
color: maroon;}

.r30{
float:right;
width: 30%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
font-size: 0.8em;
font-weight:;
text-indent:;
color: #CC33CC;}

 .r40{
float:right;
width: 40%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
text-indent:;
color: maroon;}

 .l{
float:left;
width: 5%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
text-indent:;
color: ;}

 .l25{
float:left;
width: 25%;
margin-top:-4% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
text-indent:;
color: ;}

img{ 
float: left;
margin:0 aut ;
margin-top:1% ;
margin-bottom:0.5%;
width: ;
vertical-align:;
border:none; }

img.fs{ 
float: left;
margin:0 aut ;
margin-top:1% ;
margin-bottom:1%;
width:100% ;
vertical-align:;
border:none; }

.lo1{
float: left;
width: 58%;
margin-top: -1%;
margin-bottom:2%;
border:none ;}

img.lo{
width: 40%;
margin-right:0.5em;}

a{font: em ;}
a:link { color: #006600;}
a:visited { color:#0066CC;}
a:hover { color: blue;}
a:active { color: purple;}

 span{
 font-size :1em;
 color:#CC6600;
 font-weight:;}