@charset "UTF-8";

/*
-----------------------------------------------------------
i-Feeling
-----------------------------------------------------------
common.css
-----------------------------------------------------------
*/

/* ヘッダー
---------------------------------------------------- */
header {
  background: #ffffff url(/image/header.gif) no-repeat;
  background-position: left;
  text-indent: -9999px;
}

/* コンテンツ
---------------------------------------------------- */
#contents {
  width: 100%;
  padding: 10px 0px 10px 0px;
}

/* ナビボタン（メイン）
------------------------------------------ */
.btn_navi {
  width: 120px;
  height: 62px;
  float: left;
  text-indent: -9999px;
}

/* トップボタン
------------------------------------- */
#btn_main_top a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_top.gif) no-repeat;
}

#btn_main_top a:hover {
  background-position: -120px 0px;
}

/* ログアウトボタン
------------------------------------- */
#btn_main_logout a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_logout.gif) no-repeat;
}

#btn_main_logout a:hover {
  background-position: -120px 0px;
}

/* 顧客管理ボタン
------------------------------------- */
#btn_main_customer a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_customer.gif) no-repeat;
}

#btn_main_customer a:hover {
  background-position: -120px 0px;
}

/* 社員管理ボタン
------------------------------------- */
#btn_main_staff a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_staff.gif) no-repeat;
}

#btn_main_staff a:hover {
  background-position: -120px 0px;
}

/* 会社情報管理ボタン
------------------------------------- */
#btn_main_company a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_main_company.jpg) no-repeat;
}

#btn_main_company a:hover {
  background-position: -188px 0px;
}

/* 管理者管理ボタン
------------------------------------- */
#btn_main_admin a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_main_admin.jpg) no-repeat;
}

#btn_main_admin a:hover {
  background-position: -188px 0px;
}

/* 商品管理ボタン
------------------------------------- */
#btn_main_merchandise a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_merchandise.gif) no-repeat;
}

#btn_main_merchandise a:hover {
  background-position: -120px 0px;
}

/* 陳列管理ボタン
------------------------------------- */
#btn_main_exhibition a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_exhibition.gif) no-repeat;
}

#btn_main_exhibition a:hover {
  background-position: -120px 0px;
}

/* 売上管理ボタン
------------------------------------- */
#btn_main_sales a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_sales.gif) no-repeat;
}

#btn_main_sales a:hover {
  background-position: -120px 0px;
}

/* 予約管理ボタン
------------------------------------- */
#btn_main_booking a {
  width: 120px;
  height: 62px;
  display: block;
  background: url(/image/btn_main_booking.gif) no-repeat;
}

#btn_main_booking a:hover {
  background-position: -120px 0px;
}

/* サブナビ
------------------------------------------ */
/* 戻るボタン
------------------------------------- */
#btn_sub_return a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_return.jpg) no-repeat;
}

#btn_sub_return a:hover {
  background-position: -188px 0px;
}

/* 検索ボタン
------------------------------------- */
#btn_sub_search a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_search.jpg) no-repeat;
}

#btn_sub_search a:hover {
  background-position: -188px 0px;
}

/* 新規登録ボタン
------------------------------------- */
#btn_sub_input a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_input.jpg) no-repeat;
}

#btn_sub_input a:hover {
  background-position: -188px 0px;
}

/* 検索カテゴリーボタン
------------------------------------- */
#btn_sub_category_search a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_category_search.jpg) no-repeat;
}

#btn_sub_category_search a:hover {
  background-position: -188px 0px;
}

/* 顧客管理ボタン
------------------------------------- */
#btn_sub_customer a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_customer.jpg) no-repeat;
}

#btn_sub_customer a:hover {
  background-position: -188px 0px;
}

/* 商品管理ボタン
------------------------------------- */
#btn_sub_merchandise a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_merchandise.jpg) no-repeat;
}

#btn_sub_merchandise a:hover {
  background-position: -188px 0px;
}

/* 陳列管理ボタン
------------------------------------- */
#btn_sub_exhibition a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_exhibition.jpg) no-repeat;
}

#btn_sub_exhibition a:hover {
  background-position: -188px 0px;
}

/* 売上管理ボタン
------------------------------------- */
#btn_sub_sales a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_sales.jpg) no-repeat;
}

/* 予約管理ボタン
------------------------------------- */
#btn_sub_booking a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_booking.jpg) no-repeat;
}

#btn_sub_booking a:hover {
  background-position: -188px 0px;
}

/* メーカーボタン
------------------------------------- */
#btn_sub_manufacturer a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_manufacturer.jpg) no-repeat;
}

#btn_sub_manufacturer a:hover {
  background-position: -188px 0px;
}

/* 陳列管理ボタン
------------------------------------- */
#btn_sub_exhibition a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_exhibition.jpg) no-repeat;
}

#btn_sub_exhibition a:hover {
  background-position: -188px 0px;
}

/* 単位（陳列）管理ボタン
------------------------------------- */
#btn_sub_unit a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_unit.jpg) no-repeat;
}

#btn_sub_unit a:hover {
  background-position: -188px 0px;
}

/* ペット管理ボタン
------------------------------------- */
#btn_sub_pet a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_pet.jpg) no-repeat;
}

#btn_sub_pet a:hover {
  background-position: -188px 0px;
}

/* 敬称ボタン
------------------------------------- */
#btn_sub_title a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_title.jpg) no-repeat;
}

#btn_sub_title a:hover {
  background-position: -188px 0px;
}

/* 性別ボタン
------------------------------------- */
#btn_sub_sex a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_sex.jpg) no-repeat;
}

#btn_sub_sex a:hover {
  background-position: -188px 0px;
}

/* 動物種ボタン
------------------------------------- */
#btn_sub_family_pet a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_family_pet.jpg) no-repeat;
}

#btn_sub_family_pet a:hover {
  background-position: -188px 0px;
}

/* 品種ボタン
------------------------------------- */
#btn_sub_breed a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_breed.jpg) no-repeat;
}

#btn_sub_breed a:hover {
  background-position: -188px 0px;
}

/* ワクチンボタン
------------------------------------- */
#btn_sub_vaccine a {
  width: 188px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub_vaccine.jpg) no-repeat;
}

#btn_sub_vaccine a:hover {
  background-position: -188px 0px;
}

.btn_sub2_common {
  width: 134px;
  height: 30px;
  float: left;
  text-indent: -9999px;
}

#btn_sub2_customer a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_customer.gif) no-repeat;
}

#btn_sub2_customer a:hover {
  background-position: -134px 0px;
}

#btn_sub2_search a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_search.gif) no-repeat;
}

#btn_sub2_search a:hover {
  background-position: -134px 0px;
}

#btn_sub2_data1 a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_data1.gif) no-repeat;
}

#btn_sub2_data1 a:hover {
  background-position: -134px 0px;
}

#btn_sub2_data2 a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_data2.gif) no-repeat;
}

#btn_sub2_data2 a:hover {
  background-position: -134px 0px;
}

#btn_sub2_sales_booking a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_sales_booking.gif) no-repeat;
}

#btn_sub2_sales_booking a:hover {
  background-position: -134px 0px;
}

#btn_sub2_new a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_new.gif) no-repeat;
}

#btn_sub2_new a:hover {
  background-position: -134px 0px;
}

#btn_sub2_pet a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_pet.gif) no-repeat;
}

#btn_sub2_pet a:hover {
  background-position: -134px 0px;
}

#btn_sub2_category_search a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_category_search.gif) no-repeat;
}

#btn_sub2_category_search a:hover {
  background-position: -134px 0px;
}

#btn_sub2_merchandise a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_merchandise.gif) no-repeat;
}

#btn_sub2_merchandise a:hover {
  background-position: -134px 0px;
}

#btn_sub2_exhibition a {
  width: 134px;
  height: 30px;
  display: block;
  background: url(/image/btn_sub2_exhibition.gif) no-repeat;
}

#btn_sub2_exhibition a:hover {
  background-position: -134px 0px;
}

/* ボックス
---------------------------------------------------- */
/* 共通
----------------------------------------------- */
.box_sub_row {
}

/* 検索
----------------------------------------------- */
.box_search {
  width: 920px;
  margin: 0px auto 10px auto;
  padding-bottom: 10px;
  border: solid 1px #cccccc;
}

.box_search .box_sub_title {
  width: 150px;
  min-height: 20px;
  margin: 10px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  border-bottom: solid 1px #000000;
}

.box_search .box_sub_contents {
  min-width: 230px;
  min-height: 20px;
  margin: 10px 10px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-bottom: solid 1px #000000;
}

/* 一覧
----------------------------------------------- */
.box_list {
  width: 920px;
  margin: 0px auto 0px auto;
}

.box_list .box_sub_title {
  width: 150px;
  min-height: 20px;
  margin: 10px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  border-bottom: solid 1px #000000;
}

.box_list .box_sub_title_text {
  width: 150px;
  min-height: 20px;
  margin: 10px 0px 0px 10px;
  padding: 0px 10px 3px 10px;
}

.box_list .box_sub_contents {
  min-width: 230px;
  min-height: 20px;
  margin: 10px 10px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-bottom: solid 1px #000000;
}

.box_list .box_sub_contents_text {
  min-width: 230px;
  min-height: 20px;
  margin: 10px 10px 0px 0px;
  padding: 0px 10px 3px 10px;
  border-bottom: solid 1px #000000;
}

.box_list td {
  height: 30px;
  padding: 0px 5px 0px 5px;
  border: solid 1px #000000;
}

.box_list_page {
  width: 100%;
  margin-top: 10px;
}

/* 一覧印刷
----------------------------------------------- */
.box_list_print {
  width: 100%;
}

.box_list_print table {
}

.box_list_print td {
  height: 30px;
  padding: 0px 5px 0px 5px;
  border: solid 1px #000000;
}

/* 表示
----------------------------------------------- */
.box_show {
  width: 920px;
  margin: 0px auto 0px auto;
}

.box_show .box_sub_title {
  width: 150px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
  font-weight: bold;
}

.box_show .box_sub_title_text {
  width: 150px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
  font-weight: bold;
}

.box_show .box_sub_contents {
  min-width: 300px;
  margin-left: 10px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
}

.box_show .box_sub_contents_text {
  min-width: 300px;
  margin-left: 10px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
}

/* 入力
----------------------------------------------- */
.box_input {
  width: 920px;
  margin: 0px auto 0px auto;
}

.box_input .box_sub_title {
  width: 150px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
  font-weight: bold;
}

.box_input .box_sub_title_text {
  width: 150px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
  font-weight: bold;
}

.box_input .box_sub_contents {
  min-width: 300px;
  margin-left: 10px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
}

.box_input .box_sub_contents_text {
  min-width: 300px;
  margin-left: 10px;
  padding: 10px 0px 10px 0px;
  border-top: solid 2px #000000;
}

/* ボタン
----------------------------------------------- */
.box_sub_submit {
  width: 100%;
  padding: 15px 0px 0px 0px;
  text-align: center;
}

/* フォーム
---------------------------------------------------- */
/* text、password
----------------------------------------------- */
.input_text {
  width: 150px;
  height: 16px;
}

.input_text_date {
  width: 100px;
  height: 16px;
}

.input_select {
  height: 18px;
}

/* ボタン
----------------------------------------------- */
.input_submit {
  padding: 5px;
}

.input_submit_text {
  padding: 0px 5px 0px 5px;
}

/* 簡易登録用ウィンドウ
----------------------------------------------- */
#mat_input {
  width: 300px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index:10;
  opacity: 0.5;
  background-color: #000000;
}

#window_input {
  width: 300px;
  position:fixed;
  top: 0px;
  left: 0px;
  z-index:11;
  padding: 10px 0px 10px 0px;
  background-color: #f5deb3;
  border-radius: 10px;
}