@charset "UTF-8";

/* body */
/* ボディの背景色 */
body
{
  background-color: #eee;
}

/* header */
div.header
{
  background-color: #fd9;
}


/* menu */
/* メニューのベースボーダーカラー */
div.menu
{
  border-color: #f30;
}
/* メニュー個々のボーダーカラー */
div.menu ul.menu li a,
div.menu ul.menu li.last a
{
  border-color: #f60;
}
/* メニュー（OFF）のテキストカラーと背景色 */
div.menu ul.menu li a
{
  color: #666;
  background-color: rgb(200, 200, 200);
}
/* メニュー（Over）のテキストカラーと背景色 */
div.menu ul.menu li a:hover
{
  color: #fff;
  background-color: rgb(255, 120, 0);
}
/* メニュー（ON） のテキストカラーと背景色 */
div.menu ul.menu li.on a
{
  color: #fff;
  background-color: rgb(255, 60, 0);
}

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

/* form */
/* フォームフィールドの背景色 */
form div.field
{
  background-color: #fff;
}
/* フォームラベルのバーカラー と 背景色 */
form div.field div.label
{
  border-color: #f60;
  background-color: #ccc;
}


/* require と error のテキストカラー */
span.error,
span.require
{
  color: #f03;
}
/* ボタンのテキストカラー */
form div.buttons input
{
  color: #fff;
}

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



/* 以下、変更しないで下さい */
div.menu ul.menu li a,
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");
}