/* ---------------------------------------------------------------------------------------
   カラー設定のスタイルを記述したファイルです
   構造やレイアウトに関するスタイルは、common.cssを参照
--------------------------------------------------------------------------------------- */

/* === General ================================= */

h1 {
  color: #2B7000;
}

h1 img {
  border-color: #656059;
}

h2 {
  color: #586150;
}

h3 {
  color: #55930e;
  border-bottom-color: #75a30e;
}

h4 {
  color: #1F261F;
}

.information {
  color: #45930e;
}

.explanation {
  color: #343D2D;
}

input.textboxwe {
  color: #979771;
}

hr.partition {
  border-color: #aaaaaa;
}

.attention {
  color: #ff3333;
}

strong {
  color: #00a108;
}

/* === InputMark ================================= */

/* 入力フォームの背景に表示する文字列関係のスタイル */

.input-mark input[type="text"],
.input-mark span.dummy-textbox {
  background-color: transparent;
}

.input-mark span.mark-text {
  color: #888888;
  background-color: #ffffff;
}

/* === HoverMenuExtender ================================= */

.hover-text {
  background-color: #ffffff;
  border-color: #555555;
}

/* === Validation ================================= */

span.vallidate-text {
  color: #ff0000;
}


/* === Form ================================= */

.watermark {
  color: #888888 !important;
}

input[type="password"], input[type="text"], input[type="tel"],input[type="email"], textarea, span.dummy-textbox {
  border-color: #c9c9c9;
  color: #333333;
}

.input-error {
  color: #ff0000;
}

/* 申込フォームのコンプリート画面の指定 */

div#complete {
  border-color: #6E8E22;
  background-color: #98C330;
  color: #ffffff;
}

/* === Top / Login ================================= */

div#top-container, div#login-container, div.message-container {
  border-color: #6E8E22;
  background-color: #98C330;
  color: #ffffff;
}

div#top-container h2 {
  color: #ffffff;
}

/* === Menu ================================= */

nav section h2 {
  border-color: #999999;
  background-color: #85b31e;
  color: #ffffff;
}

p.datacounter {
  color: #666666;
}

p.datacounter strong {
  color: #00a108;
}

/* === ListView ================================= */

/* ---------------------------------------------------------------------------------------
        各種リストのスタイルを指定します
        reservation_listとctrl_villa_listとpetition_listが該当
	--------------------------------------------------------------------------------------- */

table#reservation-list, table#villa-list, table#petition-list, table#price-list {
  color: #333333;
  border-color: #999999;
}

table#reservation-list th, table#villa-list th, table#petition-list th {
  border-color: #999999;
  background-color: #85b31e;
  color: #ffffff;
}

table#reservation-list td, table#villa-list td, table#petition-list td {
  border-color: #999999;
}

/* リストで交互に出てくる行のスタイル */

.alternation {
  background-color: #e5ffae;
}

/* Insert / Editモードの行のスタイル */

tr.insert, tr.edit {
  background-color: #f1f1f1;
}

/* 空データの時のスタイル */

div#empty {
  border-color: #6E8E22;
  background-color: #98C330;
  color: #ffffff;
}

/* === FormView ================================= */

/* ---------------------------------------------------------------------------------------
        詳細系のテーブルのスタイルを指定します
        reservation_detailsとpetition_detailsとprice_detailsが該当
	--------------------------------------------------------------------------------------- */

table#reservation-details,
table#reservation-check,
table#petition-details,
table#price-details {
  border-color: #999999;
}

table#reservation-details th,
table#reservation-check th,
table#petition-details th,
table#price-details th {
  background-color: #e5ffae;
  border-color: #999999;
  color: #586150;
}

table#reservation-details td,
table#reservation-check td,
table#petition-details td,
table#price-details td {
  border-color: #999999;
  color: #333333;
}

/* === Setting ================================= */

/* 設定ページのタブコンテナの指定 */

div#TabContainer {
  border-color: #999999;
}

div#TabContainer_body, div#TabContainer_header {
  border-color: #cccccc !important;
}

/* 曜日別料金設定テーブルの指定 */

table#week-list {
  color: #333333;
  border-color: #999999;
}

table#week-list th {
  border-color: #999999;
  background-color: #85b31e;
  color: #ffffff;
}

table#week-list td {
  border-color: #999999;
}

/* === ListCalendar ================================= */

/* テーブル本体の指定 */

table#reservation-list-calendar {
  color: #333333;
  border-color: #999999;
}

table#reservation-list-calendar th {
  border-color: #999999;
  background-color: #85b31e;
  color: #ffffff;
}

table#reservation-list-calendar td {
  border-color: #999999;
}

/* 予約の入っているtdの背景色の指定 */

td.checkin, td.check, td.checkoutin {
  background-color: #fff7d0;
  border-color: #b8741d;
}

/* 休日の指定 */

tr.holiday, td.holiday {
  background-color: #e5ffae;
}

/* 3日カレンダーテーブルの指定 */

table#reservation-list-calendar td.villa-name {
  background-color: #e5ffae;
  border-color: #999999;
  color: #586150;
}

table#reservation-list-calendar tr.yesterday {
  background-color: #eeeeee;
}

table#reservation-list-calendar div.memo {
  background-color: #e5ffae;
  border-color: #85b31e;
  color: #1F261F;
}

/* === asp:Calendar ================================= */

table.asp-calender {
  border-color: #999999;
}

table.asp-calender th.dayheader {
  border-color: #999999;
  color: #586150;
}

table.asp-calender td {
  border-color: #999999;
}

table.asp-calender td.day,
table.asp-calender td.today,
table.asp-calender td.selected,
table.asp-calender td.othermonth,
table.asp-calender td.holiday {
  color: #586150 !important;
}

table#reservation-list-calendar tr.today,
table.asp-calender td.today {
  background-color: #fff7d0;
  border-color: #b8741d;
}

table.asp-calender td.selected {
  background-color: #ffffff !important;
}

table.asp-calender td.othermonth {
  background-color: #f1f1f1;
}

table.asp-calender td a {
  color: #555555 !important;
}

table.month_navigation {
  background-color: #85b31e;
}

table.month_navigation td {
  color: #ffffff;
}

table.month_navigation td a {
  color: #ffffff !important;
}

/* === asp:CalendarExtender(ajax) ================================= */

.ajax__calendar_days thead {
  background-color: #85b31e;
}

.ajax__calendar_dayname {
  color: #ffffff !important;
}

.ajax__calendar_other {
  background-color: #f1f1f1;
}

/* === asp:ModalPopupExtender(ajax) ================================= */

.modal-popup-background {
  background-color: rgba(99,99,99,0.7);
}

.modal-popup-panel h2 {
  color: #ffffff;
  text-shadow: 
    -1px -1px 1px #333333,
    1px -1px 1px #333333,
    -1px 1px 1px #333333,
    1px 1px 1px #333333;
}

.modal-popup-panel iframe {
  background-color: #ffffff;
}

/* === Report系 ================================= */

/* コンテナの類 */

div.report div.search {
  border-color: #3b5705
}


/* 他要素 */

div.report h2 {
  text-align: left;
}

/* === 入金関係 ================================= */

td.ignorance {
    background-color: #dddddd;
}

td.unpaid {
    background-color: #ffcccc;
}

td.payment {
    background-color: #d8f4ff;
}

/* === a ================================= */

a {
  color: #2a5a0a;
}

a:visited {
  color: #656059;
}