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

div#wrapper{
background-color :#CFF ; 
width: 85%;   
margin: 3% auto ;
margin-top:2%;/*64px画像を入れるときは5%*/
padding: 3%;
text-align: left;
border :2px solid #C00;}
 
h1{
font-family : "ＭＳ 明朝","ヒラギノ明朝 pro w3";
font-size :1.5em;
font-weight :bold;
color : #006600;
margin-top: 3%;
text-indent:1em;
line-height:30%;
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:#FCC;
 font-family: "ＭＳ 明朝", "ヒラギノ明朝", 平成明朝, serif;
 font-size:1.1em ;
 color:#066; 
 margin-top:5%;
 margin-right:6%;
 margin-bottom:;
 padding:; 
 font-weight:bold;} 
 
 .r{
float:right;
width: 49%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
text-indent:;
color: maroon;}

.r25{
float:right;
width: 25%;
margin-top:;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
font-size: 0.8em;
text-indent:;
color: #F60;}

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

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

 .r40f08{
float:right;
width: 40%;
margin-top:1% ;
margin-right:;
margin-left:1%;
margin-bottom:;
padding: ;
font-size: 0.8em;
text-indent:;
color: #F60;}

 .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: ;
margin-right:1%;
margin-left:;
margin-bottom:;
padding: ;
text-indent:;
color: ;}

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

 .l32-3{
float:left;
width: 32.3%;
margin-top: ;
margin-right:1%;
margin-left:;
margin-bottom:;
padding: ;
text-indent:;
font-size: 0.8em;
color:#F60;}

 .l40{
float:left;
width: 40%;
margin-top: ;
margin-right:1%;
margin-left:1%;
margin-bottom:;
padding: ;
font-size: 0.8em;
text-indent:;
color:#339966 ;}

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; }

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:;}