@charset "UTF-8";

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

/* menu */
/* メニューのボーダーカラー と背景色 */
div.menu
{
  border-color: #ccc;
  background-color: rgb(200, 200, 200);
}
/* メニュー（OFF）のテキストカラーと背景色 */
div.menu ul.menu li a
{
  color: #000;
}
/* メニュー（Over）のテキストカラーと背景色 */
div.menu ul.menu li a:hover
{
  color: #000;
  background-color: #ffc;
}
/* メニュー（ON） のテキストカラーと背景色 */
div.menu ul.menu li.on a
{
  color: #000;
  background-color: #ff0;
}

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

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

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

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

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

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


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