<!-- 背景の色を選択できます -->
.blue0{
background-color: #ccffcc; //青
}
.yellow0{
background-color: #ffff66; //黄
}
.pink0{
background-color: #FFCCCC; //ピンク
}
.orange0{
background-color: #FFbb55; //オレンジ
}
.green0{
background-color: #bbFF88; //緑
}

<!-- 文字の色を選択できます -->

.blue1{
color: #339999; //青
}
.yellow1{
color: #FFFF00; //黄
}
.red1{
color: #CC0000; //赤
}
.orange1{
color: #FF9900; //オレンジ
}
.green1{
color: #339900; //緑
}

<!-- 文字の種類を選択できます -->
.gossiku{
font-family: "ＭＳ ゴシック",sans-serif; //ゴシック体
}
.minchou{
font-family: "ＭＳ 明朝",serif;  //明朝体
}
.sousyotai{
font-family: cursive;  //草書体
}

<!-- 文字の大きさを選択できます -->
.16px{
font-size: 16px;
}
.18px{
font-size: 18px;
}
.20px{
font-size: 20px;
}
.22px{
font-size: 22px;
}
.24px{
font-size: 24px;
}
.26px{
font-size: 26px;
}
.28px{
font-size: 28px;
}
<!-- 文字を太くすることができます -->
.bold{
font-weight: bold;
}
<!-- 文字を斜体にすることができます -->
.italic{
font-style: italic;
}
<!-- 行間を変えることができます -->
.line1{
line-height: 110%;
}
.line2{
line-height: 120%;
}
.line3{
line-height: 130%;
}
.line4{
line-height: 140%;
}
.line5{
line-height: 150%;
}
<!-- 文字間を変えることができます -->
.space1{
letter-spacing: 0.1em;
}
.space2{
letter-spacing: 0.2em;
}
.space3{
letter-spacing: 0.3em;
}
.space4{
letter-spacing: 0.4em;
}
.space5{
letter-spacing: 0.5em;
}