/*==================================================================================================================

  【システム名】保養所予約システム
  【ファイル名】header.css(/css/header.css)
  【  機能名  】ヘッダー項目用スタイルシート
  【   概要   】
  【  作成日  】2008-02-06
  【  作成者  】DynaX

==================================================================================================================*/
/*---------------------------------------------------
 画面レイアウト
---------------------------------------------------*/
#header_space {
/*  background-image:url("../img/header_space.jpg");*/
  width:100%;
  height:62px;
}
#header_space2 {
  background-image:url("../img/header_space2.png");
  width:100%;
  height:25px;
}
#header_logo {
  background-image:url("../img/header_left.png");
  position:absolute;
  width: 367px;
  height: 54px;
  margin-top:5;
  margin-left:10;
}
#header_name {
/*  background-image:url("../img/header_right.jpg");*/
  width: 100%;
  height: 62px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-top:5;
  margin-left:0;
}
#header_title {
  background-image:url("../img/header_title.png");
  position:absolute;
  width:580px;
  height:30px;
  color: #ffffff;
  margin-top:0;
  margin-left:0;
}
#header_title_big {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  margin-top:3;
  margin-left:3;
  height:24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header_title_middle_r {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-top:3;
  margin-left:0;
  text-align:right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header_state {
  background-image:url("../img/header_state.png");
  position:absolute;
  width:600px;
  height:30px;
  margin-top:5;
  margin-left:0;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
#header_button_back {
  width:100%;
  height:30px;
  margin-top:0;
  margin-left:0;
  background-image: url(../img/header_button_2b.png);
}
.header_regulate {
  margin-top:-1px;
}
.header_button_font {
  font-size: 16px;
  font-weight: bold;
}

#footer_left {
  background-image:url("../img/footer_left.jpg");
  position:absolute;
  width: 270px;
  height: 40px;
  margin-top:0;
  margin-left:0;
}
#footer_space {
  background-image:url("../img/footer_space.jpg");
  width:100%;
  height:40px;
}
#footer_right {
  background-image:url("../img/footer_right.jpg");
  width: 100%;
  height: 40px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-left: 0px;
/* ↓文字を直接入れる場合指定↓ 
  padding-top: 16px;
  padding-right: 10px;
/*font-style: italic;*/
  font-size: 12px;
   ↑文字を直接入れる場合指定↑ */
}

/*---------------------------------------------------
 メニュー
---------------------------------------------------*/
.menu_title {
  background-image:url("../img/menu_title_1g.png");
  border: 1px #DCDCDC solid;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/*---------------------------------------------------
 予約の流れ
---------------------------------------------------*/
/* 編集済み */
.reserve_comp {
  background-image:url("../img/reserve_comp.png");
  border: 1px #DCDCDC solid;
  color: #000000;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 120px;
  height: 30px;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  box-sizing: border-box;
}
/* 編集中 */
.reserve_active {
  background-image:url("../img/reserve_active.png");
  border: 1px #DCDCDC solid;
  color: #000000;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 120px;
  height: 30px;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  box-sizing: border-box;
}
/* 未編集 */
.reserve_invalid {
  background-image:url("../img/reserve_invalid.png");
  border: 1px #DCDCDC solid;
  color: #000000;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 120px;
  height: 30px;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  box-sizing: border-box;
}
/* ▼ */
.reserve_arrow {
  color: #000000;
  text-align: center;
  width: 120px;
  height: 20px;
}
/* divタグ縦線 */
#lengthwise_line {
  text-align: center;
  float:left;
  padding:0px 10px 0px 0px;
  border-right:1px solid #888888;
}

/*---------------------------------------------------
 リンク
---------------------------------------------------*/
/* リンク（画像リンク、ヘッダ） */
a.linkbutton_header {
  padding: 5px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 25px;
  width: 140px;
  background-image: url(../img/header_button_1b.png);
  background-repeat: no-repeat;
}
a.linkbutton_header:link {
  color: #000000;
}
a.linkbutton_header:visited {
  color: #000000;
}
a.linkbutton_header:hover {
  color: #000000;
  background-image: url(../img/header_button_1r.png);
}
a.linkbutton_header:active {
  color: #000000;
}
/* リンク（画像リンク、ヘッダメニュー） */
a.linkbutton_menu {
  padding: 5px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  /*height: 30px;*/
  height:auto;
  width: 130px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_2b.png);
}
a.linkbutton_menu:link {
  color: #555555;
}
a.linkbutton_menu:visited {
  color: #555555;
}
a.linkbutton_menu:hover {
  background-image: url(../img/header_button_2y.png);
}
a.linkbutton_menu:active {
}
/* リンク（画像リンク、ヘッダメニュー、赤） */
a.linkbutton_menu_red {
  padding: 5px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  /*height: 30px;*/
  height:auto;
  width: 140px;
  background-repeat: no-repeat;
  background-image: url(../img/header_button_2r.png);
}
a.linkbutton_menu_red:link {
}
a.linkbutton_menu_red:visited {
}
a.linkbutton_menu_red:hover {
  background-image: url(../img/header_button_2y.png);
}
a.linkbutton_menu_red:active {
}
/* リンク（画像リンク、サブメニュー） */
a.linkbutton_submenu {
  display: block;
  padding: 4px;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 130px;
  background-image: url(../img/menu_button_1b.png);
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_submenu:link {
  color: #333333;
}
a.linkbutton_submenu:visited {
  color: #333333;
}
a.linkbutton_submenu:hover {
  color: #ffffff;
  height: auto;
  width: 130px;
  background-image: url(../img/menu_button_1r.png);
}
a.linkbutton_submenu:active {
  color: #000000;
}
/* リンク（画像リンク、サブメニュー、赤） */
a.linkbutton_submenu_red {
  display: block;
  padding: 5px;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 130px;
  background-image: url(../img/menu_button_1red.png);
}
a.linkbutton_submenu_red:link {
  color: #000000;
}
a.linkbutton_submenu_red:visited {
  color: #000000;
}
a.linkbutton_submenu_red:hover {
  color: #000000;
  height: auto;
  width: 130px;
  background-image: url(../img/menu_button_1red_hover.png);
}
a.linkbutton_submenu_red:active {
  color: #000000;
}

/* リンク（画像リンク、ヘッダメニュー、ＨＯＭＥ） */
a.linkbutton_menu_home {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 198px;
  background-image: url(../img/header_button_home.png);
  background-repeat: no-repeat;
}
/* リンク（画像リンク、ヘッダメニュー、抽選申込） */
a.linkbutton_menu_lotreserve_orange {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_orange.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_blue.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve:link {
  color: #000000;
}
a.linkbutton_menu_lotreserve:visited {
  color: #000000;
}
a.linkbutton_menu_lotreserve:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_orange.png);
}
a.linkbutton_menu_lotreserve:active {
  color: #000000;
}

/* リンク（画像リンク、ヘッダメニュー、先着予約） */
a.linkbutton_menu_normalreserve_orange {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_normalreserve_orange.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_normalreserve {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_normalreserve_blue.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_normalreserve:link {
  color: #000000;
}
a.linkbutton_menu_normalreserve:visited {
  color: #000000;
}
a.linkbutton_menu_normalreserve:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_normalreserve_orange.png);
}
a.linkbutton_menu_normalreserve:active {
  color: #000000;
}

/* リンク（画像リンク、ヘッダメニュー、空室状況） */
a.linkbutton_menu_vacant_orange {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_vacant_orange.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_vacant {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_vacant_blue.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_vacant:link {
  color: #000000;
}
a.linkbutton_menu_vacant:visited {
  color: #000000;
}
a.linkbutton_menu_vacant:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_vacant_orange.png);
}
a.linkbutton_menu_vacant:active {
  color: #000000;
}

/* リンク（画像リンク、ヘッダメニュー、利用料金一覧） */
a.linkbutton_menu_fee {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_fee.jpg);
  background-repeat: no-repeat;
}
/* リンク（画像リンク、ヘッダメニュー、申込方法） */
a.linkbutton_menu_method {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 140px;
  background-image: url(../img/header_button_method.jpg);
  background-repeat: no-repeat;
}

/* リンク（画像リンク、ヘッダメニュー、抽選申込（月次）） */
a.linkbutton_menu_lotreserve_monthly_on {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_monthly_on.jpg);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve_monthly {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_monthly_off.jpg);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve_monthly:link {
  color: #000000;
}
a.linkbutton_menu_lotreserve_monthly:visited {
  color: #000000;
}
a.linkbutton_menu_lotreserve_monthly:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_monthly_on.jpg);
}
a.header_button_lotreserve_monthly_on:active {
  color: #000000;
}
/* リンク（画像リンク、ヘッダメニュー、抽選申込（日次）） */
a.linkbutton_menu_lotreserve_dayly_on {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_dayly_on.jpg);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve_dayly {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_dayly_off.jpg);
  background-repeat: no-repeat;
}
a.linkbutton_menu_lotreserve_dayly:link {
  color: #000000;
}
a.linkbutton_menu_lotreserve_dayly:visited {
  color: #000000;
}
a.linkbutton_menu_lotreserve_dayly:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_lotreserve_dayly_on.jpg);
}
a.linkbutton_menu_lotreserve_dayly:active {
  color: #000000;
}

/* リンク（画像リンク、ヘッダメニュー、マニュアル・Ｑ＆Ａ） */
a.linkbutton_menu_manual_on {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_manual_on.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_manual {
/*  padding: 5px;*/
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_manual_off.png);
  background-repeat: no-repeat;
}
a.linkbutton_menu_manual:link {
  color: #000000;
}
a.linkbutton_menu_manual:visited {
  color: #000000;
}
a.linkbutton_menu_manual:hover {
  color: #000000;
  height: 48px;
  width: 138px;
  background-image: url(../img/header_button_manual_on.png);
}
a.linkbutton_menu_manual:active {
  color: #000000;
}
/* リンク（画像リンク、サブメニュー） */
a.linkbutton_submenu_list {
  display: block;
  padding: 4px;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 135px;
  background-image: url("../img/menu_button_1b.png");
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_submenu_list:link {
  color: #333333;
}
a.linkbutton_submenu_list:visited {
  color: #333333;
}
a.linkbutton_submenu_list:hover {
  color: #ffffff;
  height: auto;
  width: 135px;
  background-image: url("../img/menu_button_1r.png");
}
a.linkbutton_submenu_list:active {
  color: #000000;
}