html {
	height: 100%;
	margin: 0;
        border: 5px;
}


h1 {
  margin: 0 0 5px 0; /* 上マージン0、右マージン0、下マージン30px、左マージン0 */
  font-size: 160%; /* 文字サイズを130% */
  color: #333333; /* 文字色を#333333 */
  padding: 5px 10px; /* 上下パディング5ピクセル、左右パディング10px */
}
#sample01{
  border-left: 20px solid #cc3366; /* 左ボーダーを、20px幅の実線、線色#CC3366に */
}
#sample05{
  border-left: 20px solid #FFCCCC;
  background-color: #CC3366; /* 背景色を#CC3366 */
  color: #FFFFFF; /* 文字色を#FFFFFF */
}





p.example1 { color: #ff0000;font-size: 1.6em; } /* 文字色を赤色 */
p.example2 { color: #ffff00;font-size: 1.6em; } /* 文字色を黄色 */
p.example3 { color: #66ff00;font-size: 1.6em; } /* 文字色を緑色 */
p.example4 { color: #ffffff;font-size: 1.6em; } /* 文字色を白色 */
p.example5 { color: #cccccc;font-size: 1.6em; } /* 文字色を灰色 */
p.example6 { color: #ff00ff;font-size: 1.6em; } /* 文字色をマゼンダ */

p.examples1 { color: #ff0000;font-size: 1em;line-height:1.6;margin-bottom: 1em;   } /* 文字色を赤色 */

p.examples2 { color: #ffff00;font-size: 1em;line-height:1.6;margin-bottom: 1em;   } /* 文字色を黄色 */

p.examples3 { color: #66ff00;font-size: 1em;line-height:1;margin-bottom: 0.5em;   } /* 文字色を緑色 */

p.examples4 { color: #ffffff;font-size: 1em;line-height:1.6;margin-bottom: 1em;   } /* 文字色を白色 */

p.examples5 { color: #cccccc;font-size: 1em;line-height:1.6;margin-bottom: 1em;  } /* 文字色を灰色 */

p.examples6 { color: #ff00ff;font-size: 1em; line-height: 1.6;margin-bottom: 1em;  } /* 文字色をマゼンダ */


p.exampless1 { color: #ff0000;font-size: 0.8em;line-height: 1.4;margin-bottom: 0.8em;   } /* 文字色を赤色 */

p.exampless2 { color: #ffff00;font-size: 0.8em; line-height: 1.4;margin-bottom: 0.8em;  } /* 文字色を黄色 */

p.exampless3 { color: #66ff00;font-size: 0.8em; line-height: 1.4;margin-bottom: 0.8em;  } /* 文字色を緑色 */
p.exampless4 { color: #ffffff;font-size: 0.8em; line-height: 1.4;margin-bottom: 0.8em;  } /* 文字色を白色 */
p.exampless5 { color: #cccccc;font-size: 0.8em; line-height: 1.4;margin-bottom: 0.8em;  } /* 文字色を灰色 */

p.exampless6 { color: #ff00ff;font-size: 0.8em; line-height: 1.4;margin-bottom: 0.8em;  } /* 文字色をマゼンダ */



h2 {
position: relative;
color: #FFFF00;font-size: 1.6em;
}

h2:after {
display: block;
content: "";
height: 8px;
background: -moz-linear-gradient(to right, rgb(10, 350, 20), transparent);
background: -webkit-linear-gradient(to right, rgb(10, 350, 20), transparent);
background: linear-gradient(to right, rgb(10, 350, 20), transparent);




}