body{
    margin:0 auto;
    padding:0;
    width:auto;
    outline:none;
    font-family:恋文ペン字;
    font-size:14px;
    line-height:180%;
    color:#212121;
}

BODY{
    background-image: url(bg.png);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: 0% 0%;
    background-size:30pc;
}

#box{
    max-width:700px;
    min-width:240px;
    height:100%;
    position:center;
    font-family:メイリオ;
    position:center;
    margin: 0 auto;
    padding:inherit;
    
}

#head{ margin:0 auto;
     text-align:left;
  
}


#text{
 position:relative;
 zoom:1;
 width:100%;
 margin:0px auto;
 padding:0;
}

.dream{
 float:left;
 width:335px;
 padding:5px 7px;
 margin:1px auto;}

}

img{
 border:0;
}


h2{color:#808080 ;
  padding: 2px 5px;
    font-size:14px;
  margin: 5px 0px 5px;
  border-bottom: 2px dotted #ff0000;}


/* リンク */
a{
 text-decoration: none;
 padding:1px 1px ;
 background-color: ;}

a:link {color:#0000a0;}
a:active {color:#0000a0;}
a:visited {color:#0000a0;}
a:hover{color:#0000a0;}




//media//
@media screen and (min-width: 800px)
 {   /* 表示領域が800px以上の場合に適用するスタイル */
   div { width: 70%; float: left; }
}
@media screen and (max-width: 799px) 
{   /* 表示領域が800px未満の場合に適用するスタイル */
 .dream{
 float:left;
 width:95%;
       font-size:14px;
}

#head{ width:95%;
  
}

}