@charset "utf-8";
/* CSS Document */

/*
######################################################
    全体レイアウト用の定義
    （独自のデザインを施す際はこのセクションの記述を書き換える）
######################################################
*/

/*
body {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #999999;
  text-align: center;
}
*/
/* コンテナ, table, th, tdタグのスタイル指定 */
/*
div#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
div#body {
  width: 774px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: solid 3px #555B81;
  border-right: solid 3px #555B81;
  background-color: #FFFFFF;
}
table {
  width: 100%;
  border-top: solid 1px #555B81;
  border-left: solid 1px #555B81;
}
th {
  padding: 5px;
  border-bottom: solid 1px #555B81;
  border-right: solid 1px #555B81;
  background-color: #EEEEEE;
  text-align: left;
  white-space: nowrap;
}
td {
  padding: 5px;
  border-bottom: solid 1px #555B81;
  border-right: solid 1px #555B81;
  text-align: left;
  font-size: 10pt;
}
h2 {
  margin: 0px;
	margin-top: 20px;
  border-left: solid 15px #555B81;
  border-bottom: solid 1px #555B81;
	padding-left: 5px;
	font-size: 12pt;
}
*/




/*
######################################################
    入力ページ、確認ページ、完了ページ　共通定義
    （これらのセレクタはすべて必用。）
######################################################
*/

/* 当フォームメールエリア識別用 */
div#simpleeyemail {
}


/* 項目名のデザイン */
div#simpleeyemail span.colname {
  font-size: 10pt;
  color: #333333;
}

/*
チェックボックス、ラジオの1項目のくくり 
区切文字を使って各項目を区切りたいときは、
  display: block;
  float: left;
  width: 200px;
  height: 30px;
を消して、任意のスタイルを指定する。
*/
div#simpleeyemail span.checkradio {
  display: block;
  float: left;
  width: 200px;
  height: 30px;
  line-height: 30px;
}


/*
######################################################
    入力ページ用の定義
    （これらのセレクタはすべて必用。）
######################################################
*/

/* エラーメッセージのデザイン */
div#simpleeyemail p.error {
  font-size: 10pt;
  color: #CC0000;
}

/* 必須条件文字のデザイン */
div#simpleeyemail span.essential {
  font-size: 9pt;
  color: #CC0000;
}

/* フォーマット説明文のデザイン */
div#simpleeyemail div.format {
  font-size: 9pt;
  color: #999999;
}

/* 入力例文のデザイン */
div#simpleeyemail div.example {
  clear: both;
  font-size: 10pt;
  color: #666666;
}

/* 個々のエラーメッセージのデザイン */
div#simpleeyemail div.error {
  clear: both;
  font-size: 10pt;
  color: #CC0000;
}


/*
######################################################
    確認ページ、完了ページ用の定義
    （これらのセレクタはすべて必用。）
######################################################
*/

/* チェックボックスで選択したものの文字のデザイン */
div#simpleeyemail span.check_on {
  color: #000000;
  font-weight: bold;
}
/* チェックボックスで選択しなかったものの文字のデザイン */
div#simpleeyemail span.check_off {
  color: #CCCCCC;
  font-weight: normal;
}



/*
######################################################
入力ページの個々のフォームデザイン
（idやclassで個々のフォームにアクセスできる。）
######################################################
*/
/* 氏名 */
div#simpleeyemail input#form_name {
width: 200px;
}
/* メールアドレス */
div#simpleeyemail input#form_mail {
width: 300px;
}
/* 郵便番号 */
div#simpleeyemail input#form_zip {
width: 100px;
}
/* 住所 */
div#simpleeyemail input#form_address {
width: 300px;
}
/* 電話番号 */
div#simpleeyemail input#form_tel {
width: 200px;
}
/* チェックイン日 */
div#simpleeyemail select.form_reserve_date {

}
/* 宿泊数 */
div#simpleeyemail select#form_reserve_days {

}
/* 宿泊人数 */
div#simpleeyemail select#form_reserve_members {

}
/* 宿泊プラン */
div#simpleeyemail input.form_reserve_plan {

}
/* 夕食グレードアップ希望 */
div#simpleeyemail input.form_reserve_dinner_up {

}
/* その他お問合わせ  */
div#simpleeyemail textarea#form_body {
width: 400px;
height: 300px;
}