body{color: #000000;

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

/* マージン */
margin: 5px;
padding: 5px;

/* 文字 */
font-size: 12px; line-height:150%;}

a { text-decoration: none; }

/* 画像 */
img {border: none;
vertical-align: middle;}

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

/* ボックス */
div {width: 600px;
  height: 100px;
  position: static;
  margin: 20px auto 10px;
  padding: 2;
  text-align: left;
}

/* テーブル */
table
tr td {
text-align: left;
vertical-align: middle;
    
font-size: 12px; line-height:150%;
    
a:link {color: #a9a9a9 ;}
a:active {color: #000000 ;}
a:visited {color: #a9a9a9 ;}
a:hover{color: #000000 ;}
}

/* 見出し1 */
h1{color: #dc143c;
  font-size: 14px;
  padding: 2px 5px;
  margin: 5px 0px 5px;
  border-bottom: 2px dotted #3cb371;}


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