@charset "UTF-8";

/* body */
/* 背景色 */
body
{
  background-color: #000;
}
/* コンテンツの背景色 */
div#baseframe
{
  background-color: #fff;
}

/* header */
/* タイトルのテキストカラーとボーダーカラーと背景色 */
div.title,
div.thanks_message
{
    color: #000;
}
/* インフォのテキストカラーとボーダーカラー */
div.info
{
  color: #666;
  border-color: #38d;
}

/* menu */
/* メニュー全体のボーダーカラー と背景色 */
div.menu
{
  border-color: #ccc;
  background-color: #000;
}
/* メニュー（OFF）のテキストカラーと背景色 */
div.menu ul.menu li a
{
  color: #ccc;
  background-color: #333;
}
/* メニュー（Over）のテキストカラーと背景色 */
div.menu ul.menu li a:hover
{
  color: #38d;
  background-color: #ddd;
}
/* メニュー（ON） のテキストカラーと背景色 */
div.menu ul.menu li.on a
{
  color: #fff;
  background-color: rgb(20, 146, 226);
}

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

/* form */
/* フォームラベルのテキストカラーとマークカラーと背景色 */
form div.field div.label
{
  color: #000;
  border-color: #38d;
  background-color: #ddd;
}
/* フォームラベルのタイトルのテキストカラーとマークカラー */
form div.field div.label div.field_head
{
  color: #38d;
  border-color: #444;
}

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

/* ボタン（Submit）のテキストカラーと背景色 */
form div.buttons span.button_commit input,
form div.buttons span.button_next input
{
  color: #fff;
  background-color: #f48;
}
/* ボタン（Fix）のテキストカラーと背景色 */
form div.buttons span.button_back input
{
  color: #fff;
  background-color: #666;
}
/* ボタン（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: #444;
}

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

/* フッターのテキストカラー */
div.footer
{
  color: #333;
}


/* 以下、変更しないでください */
div.menu ul.menu li.on a
{
 background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(1, rgba(255, 255, 255, 0)));
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#B2ffffff", EndColorStr="#00ffffff");
}