body{
    color: #000000;
    /*スクロールバー*/
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:150%;
}
    /*ボックス*/
div {
    width:70%;
    max-width: 1100px;
    min-width: 240px;
    height:auto;
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    float:none;
    margin: 0 auto;
    padding:inherit;
}

/* リンク */
a:link {color: #696969 ;}
a:active {color:  #dc143c ;}
a:visited {color: #696969 ;}
a:hover{color:  #696969;}


a { text-decoration: none; }

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

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

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