body{
background-color:#fff;
    

    /*スクロールバー*/
scrollbar-face-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#808080;
    scrollbar-arrow-color:#808080;
    scrollbar-darkshadow-color:#ffffff;
    

    /*文字*/
font-size: 12px;
font-family:"sans-serif";
line-height:170%;
    color:#363636;
}

    /*ボックス*/
div {
    width:70%;
    max-width: 300px;
    min-width: 240px;
    height:100%;
    position:center;
    top:none;
    left:auto;
    right:auto;
    float:none;
    margin: 0 auto;
    padding:inherit;
    background-color:;
}

a { text-decoration: none; }

/* 画像 */
img {border: 0;
vertical-align: middle;
max-width: 100%;
     height: auto;
}

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

a:link {color: #000000 ;}
a:active {color:  #000000;}
a:visited {color: #000000 ;}
a:hover{color: #000000;}


/* テーブル */
table
tr td {
text-align: left;
vertical-align: middle;
font-size: 12px; line-height:150%;
}



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


}