@charset "UTF-8";

/* header */
/* タイトルのテキストカラーとボーダーカラーと背景色 */
div.title,
div.thanks_message
{
    color: #306;
}

/* menu */
/* メニューの背景色 */
div.menu
{
  background-color: #bbc;
}
/* メニュー（OFF）のテキストカラーと背景色 */
div.menu ul.menu li a
{
  color: #fff;
  background-color: #69f;
}
/* メニュー（Over）のテキストカラーと背景色 */
div.menu ul.menu li a:hover
{
  color: #fff;
  background-color: #8af;
}
/* メニュー（ON） のテキストカラーと背景色 */
div.menu ul.menu li.on a
{
  color: #fff;
  background-color: #06f;
}

/* navi */
/* ナビ（OFF）のテキストカラーとボーダーカラーと背景色 */
div.navi ul.navi li.off
{
  color: #999;
  border-color: #ccc;
  background-color: #fff;
}
/* ナビ（ON）のテキストカラーとボーダーカラーと背景色 */
div.navi ul.navi li.on
{
  color: #03c;
  border-color: #69c;
  background-color: #cdf;
}
/* ナビ セパレータ（ON）の背景色 */
div.navi ul.navi li.sep_on
{
  background-color: #cdf;
}
/* ナビ セパレータ（OFFの背景色） */
div.navi ul.navi li.sep
{
  background-color: #ddd;
}

/* インフォのテキストカラー */
div.info
{
  color: #306;
}

/* form */
/* フォームブロックの背景色 */
div.block,
div.block div.block_foot
{
  background-color: #cdf;
}
/* フォームラベルのテキストカラー と 背景色 */
form div.field div.label
{
  color: #306;
  background-color: #cdf;
}
/* フォーム内のテキストカラー */
form div.field div.value
{
  color: #000;
}

/* require と error のテキストカラー */
span.error,
span.require
{
  color: #f00;
}

/* ボタン（Submit）のテキストカラーと背景色 */
form div.buttons span.button_commit input,
form div.buttons span.button_next input
{
  color: #fff;
  background-color: #06c;
}
/* ボタン（Fix）のテキストカラーと背景色 */
form div.buttons span.button_back input
{
  color: #fff;
  background-color: #9ac;
}
/* ボタン（Over）のテキストカラーと背景色 */
form div.buttons span.button_commit input:hover,
form div.buttons span.button_back input:hover,
form div.buttons span.button_next input:hover
{
  color: #fff;
  background-color: #69f;
}

/* メッセージのテキストカラーと背景色 */
div.message
{
  color: #306;
  background-color: #eee;
}

/* フッターのテキストカラーと背景色 */
div.footer
{
  color: #999;
  background: #ccc;
}


/* 以下、変更しないでください */
form div.field
{
  background-color: #fff;
}