body{
background-color:#fff;
    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:170%;
}

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

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

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

/* 見出し2 テキストページ*/
h2{color: #228b22;
  font-size: 14px;
  padding: 2px 5px;
  margin: 5px 0px 5px;
  border-bottom: 2px dotted #ff6699;}

/* 見出し3 拍手レス */
h3{color: #228b22;
  font-size: 12px;
  padding: 2px 5px;
  margin: 5px 0px 5px;
  border-bottom: 2px dotted #a9a9a9;}


/* 見出し4 アンケートページ */
h4{ font-family:;
 font-weight:bold;
 color:#fff;
    background-color: #fcbec1 ;
 font-size: 12px;
  padding: 2px 5px;
  margin: 5px 0px 5px;
}

li{list-style-type: circle;
   
}


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


}