body{
    margin:0 auto;
    padding:0;
    width:auto;
    outline:none;
    font-family:UD デジタル 教科書体 NK-R;
    font-size:15px;
    line-height:180%;
    color:#5D4037;
    background-color:#fff9ff;
    background-image:url();
}

#box{
    max-width:1000px;
    min-width:240px;
    height:100%;
    position:center;
    position:center;
    margin: 0 auto;
    padding:inherit;
     
}

#head{margin:0px auto;
    padding:0;
        zoom:1;
    background-color:;
    background-image:url('img/bg.gif');
    }


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

}

.dream{
 color:;
 float:left;
 width:470px;
 padding:5px 7px;
 margin:5px auto;}

}


#foot{
    width:700px;
    clear:both;

}


img{
 border:0;
}


h2{
    color:#fa8072;
    padding: 2px 5px;
    font-size:16px;
    margin: 5px 0px 5px;
}


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

a:link {color:#757575;}
a:active {color:#757575;}
a:visited {color:#757575;}
a:hover{color:#FF5252;}




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

}