// Place all the styles related to the certificate controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

/*------------------------------
全般
------------------------------*/

.accPanel {
  display: none;
}

.add_bottom_space {
  padding-bottom: 10px;
}

.vas_border tr td, th {
  border: 1px #FFF solid !important;
}

.vas_border_none tr td, th {
  border: 0px #FFF solid !important;
}

.vas_doamin_table {
  table-layout: fixed;
}

td.vas_domain_label {
  width: 260px;
}

td.vas_domain_data {
  width: 380px;
}

td.vas_domain {
  letter-spacing: 0.15em;
}

td.vas_domain_migrate_label {
  width: 360px;
}

td.vas_domain_migrate_data {
  width: 690px;
}

td.vas_domain_nowrap {
  white-space: nowrap;
}

td.vas_domain_eula {
  padding-top: 20px;
  padding-bottom: 20px;
}

img.vas_domain_eula_pdf {
  margin-left: 5px;
  padding-bottom: 5px;
}

input.hide_item {
  display: none;
}

input.date_box_disabled {
  background-color: rgb(204, 204, 204);
}

td.glay_bold01_wider {
  padding: 6px 14px 6px 0px;
}

td.vas_domain_border {
  border:1px solid #000;
}

/*------------------------------
利用者一覧
------------------------------*/

#search_result {
  width: 100%;
}

.loader_center {
  margin-top: 10%;
  margin-left: 40%;
  margin-right: 40%;
  width: 100px;
  height: 100px;
}

#data_source_filter {
  display: none;
}

td.dataTables_empty {
  padding: 10px 10px;
}

#user_list_search_area {
  margin-bottom: 1em;
}

#user_total_count_display_area {
  margin-bottom: 1em;
}

#user_add_button_area {
  margin-bottom: 0.2em;
}

#data_source_info, #js_data_source_info_copy {
  width: 41%;
  float: left;
}

#data_source_length {
  float: right;
}

div.fg-toolbar {
  height: 2.5em;
}

span a.ui-button {
  font-size: 20px;
  margin: 0 5px;
}

span a.ui-state-disabled {
  background-color: #cbcbcb;
}

#data_source {
  margin-bottom: 0.5em;
}

#data_source_paginate_copy {
  float: left;
}

#data_source_previous, #data_source_previous_copy {
  background: image-url("list_left_black.gif") no-repeat;
  background-position: left center;
  font-size: 27px;
}

#data_source_previous:hover, #data_source_previous_copy:hover {
  background: image-url("list_left_blue.gif") no-repeat;
  background-position: left center;
}

#data_source_next, #data_source_next_copy {
  background: image-url("list_right_black.gif") no-repeat;
  background-position: left center;
  font-size: 27px;
  margin-left: 0.8em;
}

#data_source_next:hover, #data_source_next_copy:hover {
  background: image-url("list_right_blue.gif") no-repeat;
  background-position: left center;
}

#data_source_paginate a, #data_source_paginate_copy a {
  cursor: pointer;
}

#data_source_paginate a.ui-state-disabled, #data_source_paginate_copy a.ui-state-disabled {
  cursor: default;
}

/*------------------------------
ナビ
------------------------------*/
#grand_navi {
  position: relative;
  height: 38px;
  z-index: 999;
}

#grand_navi ul li {
  float: left;
}

#grand_navi ul li p {
  background: image-url("nav_bg.gif") no-repeat;
  height: 38px;
  cursor: pointer;
}

#navi_home {
  width: 53px;
  height: 38px;
}

#navi_home p.selected, #navi_home p.no_select:hover {
  background-position: 0 -38px;
}

#grand_navi ul li.navi_tab {
  width: 170px;
  height: 38px;
}

#grand_navi ul li.navi_extra {
  width: 217px;
  height: 38px;
  background: image-url("nav_bg.gif") no-repeat;
  background-position: -733px 0px;
  cursor: default;
}

#grand_navi ul li.navi_manager p.no_select {
  background-position: -53px 0px;
}

#grand_navi ul li.navi_manager p.selected, #grand_navi ul li.navi_manager p.no_select:hover {
  background-position: -53px -38px;
}

#grand_navi ul li.navi_users p.no_select {
  background-position: -223px 0px;
}

#grand_navi ul li.navi_users p.selected, #grand_navi ul li.navi_users p.no_select:hover {
  background-position: -223px -38px;
}

#grand_navi ul li.navi_bills p.no_select {
  background-position: -393px 0px;
}

#grand_navi ul li.navi_bills p.selected, #grand_navi ul li.navi_bills p.no_select:hover {
  background-position: -393px -38px;
}

#grand_navi ul li.navi_options p.no_select {
  background-position: -563px 0px;
}

#grand_navi ul li.navi_options p.selected, #grand_navi ul li.navi_options p.no_select:hover {
  background-position: -563px -38px;
}

#grand_navi ul li.navi_manager div.link_page_list {
  left: 53px;
}

#grand_navi ul li.navi_users div.link_page_list {
  left: 223px;
}

#grand_navi ul li.navi_bills div.link_page_list {
  left: 393px;
}

#grand_navi ul li.navi_options div.link_page_list {
  left: 563px;
}

#grand_navi ul li div.link_page_list {
  position: absolute;
  top: 38px;
  width: 170px;
  background-color: #f6f6f6;
  border: solid 1px #c9c9c9;
  z-index: 1000;
  padding-bottom: 1em;
}

#grand_navi ul li div.link_page_list ul {
  padding: 1em 1em;
}

#manager_link_list li, #users_link_list li, #bills_link_list li, #options_link_list li {
  text-align: left;
  width: 95%;
  margin-bottom: 5px;
  padding-left: 10px;
  background: image-url("icn_arrow_blk.gif") no-repeat;
  background-position: left center;
}

#manager_link_list li:hover, #users_link_list li:hover, #bills_link_list li:hover, #options_link_list li:hover {
  background-color: #c5d9ff;
}

div.link_page_list {
  display: none;
}

#grand_navi ul li {
  cursor: pointer;
}

/*------------------------------
利用明細
------------------------------*/
#month_estimate_contents, #daily_contents {
  margin-top: 1em;
}

#month_estimate_contents ul li.month_user_id, #daily_contents ul li.user_id {
  margin-bottom: 1em;
}

#month_estimate_contents ul li.table_row ul {
  width: 100%;
  padding-left: 2em;
}

#month_estimate_contents ul li.table_row ul li {
  float: left;
  width: 50%;
}

#month_estimate_contents ul li.table_row ul li.name {
  width: 60%;
}

#month_estimate_contents ul li.table_row ul li.val {
  width: 20%;
  text-align: right;
}

#other_function_button_area {
  margin-top: 1em;
  border-top: 1px solid #c9c9c9;
  padding: 1em 0;
}

#user_list_button_area {
  margin-top: 1em;
  border-top: 1px solid #c9c9c9;
  padding: 1em 0;
}

#month_estimate_explain {
  margin-top: 1em;
}

#daily_contents div#list_area {
  margin-top: 1em;
}

#list_area table thead {
  text-align: center;
}

#list_area table tbody {
  font-size: 0.8em;
  text-align: center;
}

#meisai h2 {
  font-size: 22px;
  font-weight: bold;
  color: #2458c0;
  margin-bottom: 15px;
}

#detail_contents {
  font-size: 14px;
  width: 90%;
  margin: 0 auto;
}

#detail_contents ul li, #detail_contents div ul li {
  float: left;
  height: 1.5em;
  font-size: 14px;
}

#detail_contents ul li.title {
  width: 50%;
}

#detail_contents ul li.date {
  width: 50%;
  font-size: 12px;
  text-align: right;
}

#detail_contents ul li.name {
  width: 100%;
}

#detail_contents div {
  padding: 2em 1em;
}

#detail_contents div ul.header li.title {
  width: 25%;
  text-align: right;
}

#detail_contents div ul.header li.contents {
  width: 75%;
  text-align: left;
}

#detail_contents div ul.header li.price {
  width: 30%;
  text-align: right;
}

#detail_contents div ul.header li.padding {
  width: 45%;
}

#detail_contents div ul li.title {
  width: 35%;
}

#detail_contents div ul li.right {
  text-align: right;
}

#detail_contents div ul li.center {
  text-align: center;
}

#detail_contents div ul li.middle {
  width: 5%;
}

#detail_contents div ul li.contents {
  width: 45%;
  text-align: right;
}

#detail_contents div ul li.extra {
  width: 15%;
  text-align: left;
}

#detail_contents div ul li.extra span {
  color: #ff0000;
}

#detail_contents div ul li.contents span {
  margin-right: 4em;
}

/*------------------------------
住所検索
------------------------------*/
li.address_search_button {
  display: block;
  overflow: hidden;
  background: image-url("/scpf_op/img/office/btn.png") 0 0;
  text-indent: -9999px;
}

li.address_search_button a {
  width: 71px;
  height: 24px;
}

li.address_search_button a.active {
  background-position: 0 -341px;
}

li.address_search_button a.active:hover {
  background-position: -71px -341px;
}

li.address_search_button a.active:active, li.address_search_button a.disable {
  background-position: -142px -341px;
}

li.address_search_button a.disable {
  cursor: default;
}

/*------------------------------
オプション
------------------------------*/
#option_area {
  padding-left: 1.5em;
}

#option_area ul {
  margin-bottom: 1em;
}

#option_area ul.table {
  height: 1.2em;
}

#option_area ul.table li {
  float: left;
}

#option_area ul.table li.name {
  width: 40%;
  font-size: 16px;
}

#option_area ul.table li.button {
  width: 60%;
}

#option_area ul.table li.r_space {
  padding-left: 1em;
}

/*------------------------------
オプション
------------------------------*/
.homepage_price_table {
  width: 550px;
  margin: 0 auto;
}

table.homepage_price_table td{
  border: 1px solid #808080;
  padding: 5px;
}

/*------------------------------
メンテナンス告知
------------------------------*/
.maintenance_announce{
  padding:10px;
  border:2px solid #dfdfdf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.maintenance_box {
  width: 500px;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
  margin-bottom: 50px;
}

/*------------------------------
サブドメイン移行
------------------------------*/

#no_menu_main {
  float: left;
  text-align: left;
  width: auto;
  position: relative;
  z-index: 1;
}