@CHARSET "UTF-8";

/* componentes styles
-------------------------------------------------- */

/* 背景色 */
.bg-dark {
  background-color: #0d0d0d;
}

.bg-gray {
  background-color: #f5f5f5
}

.bg-lightgray {
  background-color: rgb(240, 240, 240);
}

.bg-white {
  background-color: white;
}

.bg-red {
  background-color: red;
}

.bg-lightblue {
  background-color: rgb(237, 245, 245);
}

/* フォントカラー */
.font-gray {
  color: #666;
}

.font-orangered {
  color: orangered;
}

.font-blue {
  color: #0096FF;
}

/* 下線 */
.underline-gray {
  border-bottom: 1px solid #666;
}

.underline-orangered {
  border-bottom: 1px solid orangered;
}

.underline-blue {
  border-bottom: 1px solid #0096FF;;
}

/* ボーダーカラー */
.border-gray  {
  border: 1px solid #CCC;
}