@charset "UTF-8";
/* 基本指定 */
/*(2015/12/04 追加 推奨ブラウザ追加対応)*/
html {
  height: 100%;
}

body {
  font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace;
  background-color: #ffffff;
  color: #333333;
  font-size: 100%;
  margin: 0px;
  /*(2015/12/04 追加 推奨ブラウザ追加対応)*/
  height: 100%;
  padding: 0px;
  word-break:break-all;
}

a:link {
  color: #006699;
}

a:visited {
  color: #006699;
}

a:hover {
  color: #006699;
}

a.header:link {
  color: #FFFFFF;
}

a.header:visited {
  color: #FFFFFF;
}

a.header:hover {
  color: #FFFFFF;
}

/* 画像 */
img {
  border: 0px;
}

img.center {
  border: 0px;
  vertical-align: middle;
  margin-left: 5px;
}

img.center_a {
  border: 0px;
  vertical-align: middle;
  margin-left: 30px;
  margin-right: 30px;
}

/* テキスト関連 */
div.error {
  width: 95%;
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  color: #CA1600;
  margin: 20px auto 20px auto;
}

div.error ul {
  padding-left: 0px;
  margin: 0px;
  list-style-type: none;
}

div.error li {
  padding-left: 26px;
  background-image: url("../image/icon_exclamation.png");
  background-repeat: no-repeat;
  background-position: 4px 0px;
  font-size: 12pt;
  font-weight: bold;
  color: #CA1600;
}

div.confirmation {
  width: 95%;
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  color: #CA1600;
  margin: 20px auto 20px auto;
}

div.confirmation ul {
  list-style-type: none;
}

div.confirmation li {
  padding-left: 26px;
  background-image: url("../image/icon_exclamation.png");
  background-repeat: no-repeat;
  background-position: 0px 1px;
  font-size: 12pt;
  font-weight: bold;
  color: #CA1600;
}

div.error_10201 {
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  color: #CA1600;
  margin: -1em 0px 20px 25px;
}

div.error_text_10201 {
  width: 100%;
}

.form-error-msg {
  font-size: 9pt;
  color: #F22;
  display: inline-block;
  margin: 4px 0;
}

.input-error input{
  background-color: #ffccdd;
 }

.error-input {
    background-color: #ffccdd;
}

span.s10 {
  line-height: 140%;
  font-size: 10pt;
  font-weight: normal;
}

span.textbold {
  font-weight: bold;
}

span.textbold_zoom1 {
  font-weight: bold;
  zoom: 1;
}

span.caution {
  color: #ff0000; /* red */
}

strong.zoom1 {
  zoom: 1;
}
/* フィールド */
input,textarea {
  font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace;
  ime-mode: inactive;
  vertical-align: middle;
}

input.text_70 {
  width: 70%;
}

input.text_80 {
  width: 80%;
}

input.text_100 {
  width: 100%;
}

input.multibyte,textarea.multibyte {
  ime-mode: active;
  vertical-align: middle;
}

input.multibyte_60,textarea.multibyte_60 {
  ime-mode: active;
  width: 60%;
  vertical-align: middle;
}

input.multibyte_70,textarea.multibyte_70 {
  ime-mode: active;
  width: 70%;
  vertical-align: middle;
}

input.multibyte_80,textarea.multibyte_80 {
  ime-mode: active;
  width: 80%;
  vertical-align: middle;
}

/* 100%だとスクロールバー分がテーブルをはみ出る問題の対策のため98%に */
input.multibyte_100,textarea.multibyte_100 {
  ime-mode: active;
  width: 98%;
  vertical-align: middle;
}

input.readonly,textarea.readonly {
  background-color: #FAFAFA;
  border: 1px solid #999999;
}

input.check_box {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

/* DIV 位置指定 */
div.center {
  text-align: center;
}

div.right {
  text-align: right;
}

div.left {
  text-align: left;
}

div.bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  top: auto;
  height: 24px;
}

table.base_frame {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 0px;
}

table.base_frame tr td {
  padding: 0px;
}

table.base_frame_inside {
  border-collapse: collapse;
  border: 0px;
}

table.base_frame_inside tr td {
  padding: 0px 0px 0px 5px;
}

table.base_frame_inside2 {
  align: left;
  border-collapse: separate;
  border: 0px;
}

table.base_frame_inside2 tr td {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height:20px;
}

table.base_frame_inside3 {
  align: left;
  border-collapse: separate;
  border: 0px;
}

/** 一覧テーブル ヘッダ用セル */
table.list th {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: center;
  line-height: 120%;
  color: #FFFFFF;
  padding: 5px;
}

/** 一覧テーブル データ用セル(奇数行) */
table.list tr:nth-child(2n+2) td {
  background-color: #FAF7E7;
  border-top: solid #535353 1px;
  border-bottom: solid #535353 1px;
  border-right: solid #535353 1px;
  border-left: solid #535353 1px;
  line-height: 120%;
  color: #535353;
  padding: 0px 0px 0px 5px;
}

/** 一覧テーブル データ用セル(偶数行) */
table.list tr:nth-child(2n+3) td {
  background-color: #F1F1DC;
  border-top: solid #535353 1px;
  border-bottom: solid #535353 1px;
  border-right: solid #535353 1px;
  border-left: solid #535353 1px;
  line-height: 120%;
  color: #535353;
  padding: 0px 0px 0px 5px;
}

/** 詳細テーブル 見出し */
table.detail tr:nth-child(1) th  {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

/** 詳細テーブル 見出し用セル(奇数行) */
table.detail tr:nth-child(2n+2) th {
  background-color: #A3D16D;
  border-top: solid #8EB8DB 1px;
  border-bottom: solid #496D8C 1px;
  border-right: solid #496D8C 1px;
  border-left: solid #8EB8DB 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  min-width: 200px;
}

/** 詳細テーブル 見出し用セル(偶数行) */
table.detail tr:nth-child(2n+3) th {
  background-color: #77AB44;
  border-top: solid #6E95BE 1px;
  border-bottom: solid #2E5073 1px;
  border-right: solid #2E5073 1px;
  border-left: solid #6E95BE 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  min-width: 200px;
}

/** 詳細テーブル データ用セル(奇数行) */
table.detail tr:nth-child(2n+2) td {
  background-color: #F1F1DC;
  border-top: solid #A2A294 1px;
  border-bottom: solid #F4F4E4 1px;
  border-right: solid #F4F4E4 1px;
  border-left: solid #A2A294 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 5px;
}

/** 詳細テーブル データ用セル(偶数行) */
table.detail tr:nth-child(2n+3) td {
  background-color: #FAF7E7;
  border-top: solid #A8A69B 1px;
  border-bottom: solid #FBF9EC 1px;
  border-right: solid #FBF9EC 1px;
  border-left: solid #A8A69B 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 0px 0px 0px 5px;
}

/** 詳細テーブル（組織照会・利用者照会機能） 見出し */
table.inq_detail tr:nth-child(1) th  {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

/** 詳細テーブル（組織照会・利用者照会機能） 見出し用セル(奇数行) */
table.inq_detail tr:nth-child(2n+2) th {
  background-color: #A3D16D;
  border-top: solid #8EB8DB 1px;
  border-bottom: solid #496D8C 1px;
  border-right: solid #496D8C 1px;
  border-left: solid #8EB8DB 1px;
  width: 260px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  min-width: 260px;
}

/** 詳細テーブル（組織照会・利用者照会機能） 見出し用セル(偶数行) */
table.inq_detail tr:nth-child(2n+3) th {
  background-color: #77AB44;
  border-top: solid #6E95BE 1px;
  border-bottom: solid #2E5073 1px;
  border-right: solid #2E5073 1px;
  border-left: solid #6E95BE 1px;
  width: 260px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  min-width: 260px;
}

/** 詳細テーブル（組織照会・利用者照会機能） データ用セル(奇数行) */
table.inq_detail tr:nth-child(2n+2) td {
  background-color: #F1F1DC;
  border-top: solid #A2A294 1px;
  border-bottom: solid #F4F4E4 1px;
  border-right: solid #F4F4E4 1px;
  border-left: solid #A2A294 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 5px;
}

/** 詳細テーブル（組織照会・利用者照会機能） データ用セル(偶数行) */
table.inq_detail tr:nth-child(2n+3) td {
  background-color: #FAF7E7;
  border-top: solid #A8A69B 1px;
  border-bottom: solid #FBF9EC 1px;
  border-right: solid #FBF9EC 1px;
  border-left: solid #A8A69B 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 0px 0px 0px 5px;
}

/*ヘッダ部分の部品*/
table.header {
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

table.header2 {
  width: 100%;
  /*(2015/12/04 変更 推奨ブラウザ追加対応)*/
  /*   margin: 2px 0px 0px; */
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

td.header_left {
  background-image: url(../image/header_car.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 51px;
  padding: 0;
}

td.header_right {
  background-image: url(../image/header_bg1.png);
  height: 51px;
  line-height: 14pt;
  padding: 0;
}

td.header_right img {
  margin: 3px 0px 0px 0px;
}

td.header_right h1 {
  font-size: 15pt;
  color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 2px 0px 0px 0px;
}

td.header_right h3 {
  font-size: 10pt;
  color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 2px 0px 0px 0px;
}

td.header_right h3.title {
  width: 7em;
  white-space: nowrap;
}

td.header_right h3.content {
  width: 225px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: clip;
}

/* テストモード定義 */
td.header_right_test {
  background-image: url(../image/header_bg_test1.png);
  height: 51px;
  line-height: 15pt;
  padding: 0;
}
td.header_right_test h1 {
  font-size: 15pt;
  color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 2px 0px 0px 0px;
}
/* テストモード定義 */

td.header_line {
  background-image: url(../image/footer_bg.png);
  text-align: right;
  height: 24px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

td.header_line_260 {
  background-image: url(../image/footer_bg.png);
  text-align: right;
  height: 24px;
  width: 260px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

td.header_line a {
  padding-right: 5px;
}

td.td_padding_up40 {
  vertical-align: top;
  padding: 40px 0px 0px 0px;
}

td.td_padding_left20 {
  padding: 0px 0px 0px 20px;
}

/*ステータス部分の部品*/
table.status {
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 0px;
  border-left: solid #9F9F9F 0px;
  width: 100%;
  height: 33px;
  margin: 0px;
}

td.status_s {
  background-image: url(../image/status_s.png);
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_s_80 {
  background-image: url(../image/status_s.png);
  width: 80px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_s_100 {
  background-image: url(../image/status_s.png);
  width: 100px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_s_120 {
  background-image: url(../image/status_s.png);
  width: 120px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_s_150 {
  background-image: url(../image/status_s.png);
  width: 150px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_s_200 {
  background-image: url(../image/status_s.png);
  width: 200px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns {
  background-image: url(../image/status_ns.png);
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns_80 {
  background-image: url(../image/status_ns.png);
  width: 80px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns_100 {
  background-image: url(../image/status_ns.png);
  width: 100px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns_120 {
  background-image: url(../image/status_ns.png);
  width: 120px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns_150 {
  background-image: url(../image/status_ns.png);
  width: 150px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_ns_200 {
  background-image: url(../image/status_ns.png);
  width: 200px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
}

td.status_5px_ls {
  background-image: url(../image/status_5_ls.png);
  width: 5px;
  height: 33px;
}

td.status_5px_lns {
  background-image: url(../image/status_5_lns.png);
  width: 5px;
  height: 33px;
}

td.status_5px_rs {
  background-image: url(../image/status_5_rs.png);
  width: 5px;
  height: 33px;
}

td.status_5px_rns {
  background-image: url(../image/status_5_rns.png);
  width: 5px;
  height: 33px;
}

td.status_14px {
  width: 14px;
  height: 33px;
}

td.status_18px_ls {
  background-image: url(../image/status_18_ls.png);
  width: 18px;
  height: 33px;
}

td.status_18px_rs {
  background-image: url(../image/status_18_rs.png);
  width: 18px;
  height: 33px;
}

td.status_18px_ns {
  background-image: url(../image/status_18_ns.png);
  width: 18px;
  height: 33px;
}

td.status_25 {
  width: 25%;
  height: 33px;
}

td.status_35 {
  width: 35%;
  height: 33px;
}

td.status_40 {
  width: 40%;
  height: 33px;
}

td.status_50 {
  width: 50%;
  height: 33px;
}

td.status_65 {
  width: 65%;
  height: 33px;
}

td.word_break_bk_all {
  word-break:break-all;
}

/** SCSMT00502（組織照会検索結果一覧）・SCSMT00512（利用者照会検索結果一覧）画面のスタイル start */
/** ボタン */
#inq_list td.button {
  width: 8%;
  text-align: center;!important;
  margin: auto;!important;
  padding: 1px 1px 1px 1px;!important;
}
/** 所属組織ID */
#inq_list td.soshikiId {
  width: 10%;
  word-break:break-all;
}
/** 所属組織名称 */
#inq_list td.soshikiName {
  width: 43%;
  word-break:break-all;
}
/** ID */
#inq_list td.id {
  width: 10%;
}
/** 名称 */
#inq_list td.name {
  width: 82%;
}
/** ID */
#inq_list td.userId {
  width: 10%;
  word-break:break-all;
}
/** 名称 */
#inq_list td.userName {
  width: 29%;
  word-break:break-all;
}
/** SCSMT00502（組織照会検索結果一覧）・SCSMT00512（利用者照会検索結果一覧）画面のスタイル end */

/** SCSMT00702（利用件数照会詳細）画面のスタイル start */
/**種別・集計期間テーブルの横幅を固定*/
table#search_result1 {
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 250px;
}
/** 種別 */
table#search_result1 th.dataCls {
  width: 50px;
}
/** 集計期間 */
table#search_result1 th.summaryYmd {
  width: 100px;
}

/**統計情報テーブルの横幅を固定(スクロール有)*/
/** H297S 固定からブラウザのサイズに合わせるよう変更 */
table#search_result2 {
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 0px;
    margin-bottom: 0px;
    /*width: 1210px;*/
    width: 95%;
}
/** 統計情報テーブルエリアのdevの横幅を固定 */
/** H297S 固定からブラウザのサイズに合わせるよう変更 */
div#table_area_top{
    position: relative;
    /*width: 1233px;*/
    width: 95%;
    padding-top:49px;
    margin-left: 20px;
    margin-right: 20px;
    height:500px;
}
/** 統計情報テーブルエリアのdevの横幅を固定 */
/** H297S 固定からブラウザのサイズに合わせるよう変更 */
div#table_area{
    overflow-x:scroll;
    overflow-y:scroll;
    /*width: 1250px;*/
    width: 95%;
    height:500px;
    padding-left:1px;
    margin-left: 20px;
    margin-right: 20px;
}
/** 統計情報テーブルエリアのdevの横幅を固定 */
/** H297S 固定からブラウザのサイズに合わせるよう変更 */
div#table_area_top_noscroll{
    overflow-x:scroll;
    position: relative;
    /*width: 1233px;*/
    padding-top:49px;
    margin-left: 10px;
    margin-right: 20px;
}

/** 統計情報テーブルエリアのdevの横幅を固定 */
/** H297S 固定からブラウザのサイズに合わせるよう変更 */
div#table_area_noscroll{
    /*width: 1250px;*/
    padding-left:1px;
    margin-left: 10px;
    margin-right: 20px;
}


/** 一覧テーブル ヘッダ用セル */
table.list2 th {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: center;
  line-height: 120%;
  color: #FFFFFF;
  padding: 3px;
}
/** 一覧テーブル データ用セル(奇数行) */
table.list2 tr:nth-child(2n+2) td {
  background-color: #FAF7E7;
  border-top: solid #535353 1px;
  border-bottom: solid #535353 1px;
  border-right: solid #535353 1px;
  border-left: solid #535353 1px;
  line-height: 120%;
  color: #535353;
  padding: 0px 0px 0px 5px;
}
/** 一覧テーブル データ用セル(偶数行) */
table.list2 tr:nth-child(2n+1) td {
  background-color: #F1F1DC;
  border-top: solid #535353 1px;
  border-bottom: solid #535353 1px;
  border-right: solid #535353 1px;
  border-left: solid #535353 1px;
  line-height: 120%;
  color: #535353;
  padding: 0px 0px 0px 5px;
}


/** ヘッダー文字サイズ */
table#search_result2 thead tr th.s {
  font-size: 85%;
}

table#search_result2 thead tr th.hid {
  width: 80px;
}
/** 名称 */
table#search_result2 thead tr th.hname {
  width: 280px;
}
/** 件数 */
table#search_result2 thead tr th.hcount {
  width: 60px;
}

table#search_result2 .id {
  width: 80px;
}
/** 名称 */
table#search_result2 .name {
  width: 340px;
}
/** 件数 */
table#search_result2 .count {
  width: 70px;
}

/** 件数：値配置 */
table#search_result2 td.r {
  text-align: right;
}


/** SCSMT00702（利用件数照会詳細）画面のスタイル end */

/*ボックス部分の部品*/
div.box_bg {
  width: 95%;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  padding: 20px 0px 20px 0px;
  margin: 10px auto 20px auto;
}

div.box_bg_non {
  width: 95%;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  padding: 20px 0px 20px 0px;
  margin: 40px auto 20px auto;
}

div.box_bg_01 {
  text-align: center;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  padding: 20px 0px 0px 0px;
  margin: 0px 30px 20px 30px;
}

div.box_bg_02 {
  text-align: left;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  padding: 20px 0px 0px 0px;
  margin: 0px 30px 20px 30px;
}

div.box_bg_03 {
  width: 100%;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  text-align: left;
  padding: 20px 0px 0px 0px;
  margin: 0px auto 20px auto;
}

div.box_bg_04 {
  width: 300px;
  align: left;
  text-align: left;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  padding: 20px 0px 10px 20px;
  margin: 0px 0px 0px 0px;
}

div.box {
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: left;
  padding: 20px 20px 20px 20px;
  margin: 0px 20px 20px 20px;
  overflow: hidden;
}

div.box p {
  width: 100%;
  margin-top: 15px;
}

div.box h3 {
  font-size: 12pt;
  text-align: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

div.box_center {
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: center;
  padding: 20px;
  margin: 0px 20px 20px 20px;
  overflow: hidden;
}

div.box_center p {
  margin-top: 15px;
}

div.box_01 {
  float: left;
  width: 700px;
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: left;
  padding: 20px;
  margin: 0px 3% 20px 3%;
}

div.box_01 h3 {
  font-size: 12pt;
  text-align: left;
  margin: 0px 0px 0px 0px;
}

div.box_01 p {
  margin: 15px 0px 15px 0px;
}

div.box_02 {
  float: left;
  width: 250px;
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: left;
  padding: 20px;
  margin: 0px 3% 20px 3%;
}

div.box_02 h3 {
  font-size: 12pt;
  text-align: left;
  margin: 0px 0px 0px 0px;
}

div.box_tab_01 {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 20px 30px 0px 30px;
}

div.box_tab_01 h2 {
  width: 150px;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 0px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  font-size: 12pt;
  text-align: left;
  padding: 5px 0px 0px 10px;
  margin: 0px;
}

div.box_tab_02 {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 20px 30px 0px 30px;
}

div.box_tab_02 h2 {
  width: 250px;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 0px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  font-size: 12pt;
  text-align: left;
  padding: 5px 0px 0px 10px;
  margin: 0px;
}

div.box_tab_03 {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.box_tab_03 h2 {
  width: 150px;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 0px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  font-size: 12pt;
  text-align: left;
  padding: 5px 0px 0px 10px;
  margin: 0px;
}

div.box_tab_04 {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 20px 30px 0px 30px;
}

div.box_tab_04 h2 {
  width: 350px;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 0px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  font-size: 12pt;
  text-align: left;
  padding: 5px 0px 0px 10px;
  margin: 0px;
}

div.box2 {
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: left;
  padding: 20px;
  margin: 0px 20px 0px 20px;
}

div.box p {
  width: 100%;
  margin-top: 15px;
}

div.box_center p {
  margin-top: 15px;
}

div.box_text {
  clear: left;
}

div.box_text_right {
  text-align: right;
  margin-right: 20px;
}

div.box_text_right2 {
  text-align: right;
  margin-right: 0px;
}

div.box_801 {
  background-color: #FAF7E7;
  border-top: solid #B4B1A1 0px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #B4B1A1 0px;
  text-align: left;
  padding: 20px 10px 0px 10px;
  margin: 0px 10px 0px 10px;
}

div.box_801 p {
  line-height: 150%;
  margin-top: 15px;
}

/*ボックス部分の部品_SCTRA00003.html*/
div.w_90_1 {
  float: left;
  width: 93%;
  margin: 40px 20px 0px 20px;
}

div.w_90_2 {
  float: left;
  width: 93%;
  margin: 20px 20px 0px 20px;
}

div.box_bg_03 {
  width: 100%;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  text-align: left;
  padding: 20px 0px 0px 0px;
  margin: 0px auto 20px auto;
}

div.box h3 {
  font-size: 12pt;
  text-align: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

div.box_tab_03 {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.box_tab_03 h2 {
  width: 240px;
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 0px;
  border-right: solid #9F9F9F 1px;
  border-left: solid #9F9F9F 0px;
  font-size: 12pt;
  text-align: left;
  padding: 5px 0px 0px 10px;
  margin: 0px;
}

div.box_inline_left {
  text-align: left;
  display: inline-block;
}

#ma_top_20px {
  margin: 20px 0px 0px 0px;
}

#ma_top_20px_center {
  text-align: center;
  margin: 20px 0px 0px 0px;
}

#ma_top_0px {
  margin: 0px 0px 0px 0px;
}

/*フッタ部分の部品*/
table.footer {
  background-image: url(../image/footer_bg.png);
  width: 100%;
  height: 24px;
  /*(2015/12/04 追加 推奨ブラウザ追加対応)*/
  bottom: 0px;
  margin: 0px;
  padding: 0px;
}

td.footer {
  text-align: right;
  vertical-align: middle;
  font-size: 10pt;
  color: #ffffff;
  padding: 0px 7px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* テーブル（基本的な部品）*/
table.shadow {
  width: 95%;
  border-top: solid #FFFFFF 1px;
  border-bottom: solid #B4B1A1 1px;
  border-right: solid #B4B1A1 1px;
  border-left: solid #FFFFFF 1px;
  padding: 0px;
  margin: 20px auto 20px auto;
}

/* 項目・タイトル用セル */
th.title_basic {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

th.title_basic2 {
  background-color: #80183E;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

th.title_basic3 {
  background-color: #183E80;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

th.title_basic_bottom {
  background-color: #3E8018;
  border-top: solid #4C699C 0px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0px 5px 5px 5px;
}

th.title_left {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 0px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

th.title_right {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 1px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 0px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px;
}

th.title_left_top {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 0px;
  border-right: solid #102A56 0px;
  border-left: solid #4C699C 1px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 5px 0px 5px;
}

th.title_right_top {
  background-color: #3E8018;
  border-top: solid #4C699C 1px;
  border-bottom: solid #102A56 0px;
  border-right: solid #102A56 1px;
  border-left: solid #4C699C 0px;
  text-align: left;
  line-height: 120%;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 5px 0px 5px;
}

th.komoku1_160px {
  background-color: #77AB44;
  border-top: solid #6E95BE 1px;
  border-bottom: solid #2E5073 1px;
  border-right: solid #2E5073 1px;
  border-left: solid #6E95BE 1px;
  width: 160px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku2_160px {
  background-color: #A3D16D;
  border-top: solid #8EB8DB 1px;
  border-bottom: solid #496D8C 1px;
  border-right: solid #496D8C 1px;
  border-left: solid #8EB8DB 1px;
  width: 160px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku1_200px {
  background-color: #77AB44;
  border-top: solid #6E95BE 1px;
  border-bottom: solid #2E5073 1px;
  border-right: solid #2E5073 1px;
  border-left: solid #6E95BE 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku1_200px_color {
  background-color: #77AB44;
  border-top: solid #6E95BE 1px;
  border-bottom: solid #2E5073 1px;
  border-right: solid #2E5073 1px;
  border-left: solid #CA1600 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku2_200px {
  background-color: #A3D16D;
  border-top: solid #8EB8DB 1px;
  border-bottom: solid #496D8C 1px;
  border-right: solid #496D8C 1px;
  border-left: solid #8EB8DB 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku2_200px_color {
  background-color: #A3D16D;
  border-top: solid #8EB8DB 1px;
  border-bottom: solid #496D8C 1px;
  border-right: solid #496D8C 1px;
  border-left: solid #CA1600 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku3_200px {
  background-color: #AB4477;
  border-top: solid #95BE6E 1px;
  border-bottom: solid #50732E 1px;
  border-right: solid #50732E 1px;
  border-left: solid #95BE6E 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku3_200px_color {
  background-color: #AB4477;
  border-top: solid #95BE6E 1px;
  border-bottom: solid #50732E 1px;
  border-right: solid #50732E 1px;
  border-left: solid #1600CA 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku4_200px {
  background-color: #D16DA3;
  border-top: solid #B8DB8E 1px;
  border-bottom: solid #6D8C49 1px;
  border-right: solid #6D8C49 1px;
  border-left: solid #B8DB8E 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku4_200px_color {
  background-color: #D16DA3;
  border-top: solid #B8DB8E 1px;
  border-bottom: solid #6D8C49 1px;
  border-right: solid #6D8C49 1px;
  border-left: solid #1600CA 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku5_200px {
  background-color: #4477AB;
  border-top: solid #BE6E95 1px;
  border-bottom: solid #732E50 1px;
  border-right: solid #732E50 1px;
  border-left: solid #BE6E95 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku5_200px_color {
  background-color: #4477AB;
  border-top: solid #BE6E95 1px;
  border-bottom: solid #732E50 1px;
  border-right: solid #732E50 1px;
  border-left: solid #00CA16 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku6_200px {
  background-color: #6DA3D1;
  border-top: solid #DB8EB8 1px;
  border-bottom: solid #8C496D 1px;
  border-right: solid #8C496D 1px;
  border-left: solid #DB8EB8 1px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.komoku6_200px_color {
  background-color: #6DA3D1;
  border-top: solid #DB8EB8 1px;
  border-bottom: solid #8C496D 1px;
  border-right: solid #8C496D 1px;
  border-left: solid #00CA16 5px;
  width: 200px;
  line-height: 140%;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

th.min_width_125 {
  min-width: 125px;
}

th.min_width_75 {
  min-width: 75px;
}

th.min_width_50 {
  min-width: 50px;
}

th.min_width_180 {
  min-width: 180px;
}

th.min_width_155 {
  min-width: 155px;
}

th.min_width_100 {
  min-width: 100px;
}

th.min_width_85 {
  min-width: 85px;
}

th.min_width_190 {
  min-width: 190px;
}

#important {
  border-left: solid #CA1600 5px;
  padding-left: 5px;
}

/* データ用セル */
td.data1 {
  background-color: #FAF7E7;
  border-top: solid #A8A69B 1px;
  border-bottom: solid #FBF9EC 1px;
  border-right: solid #FBF9EC 1px;
  border-left: solid #A8A69B 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 0px 0px 0px 5px;
}

td.data2 {
  background-color: #F1F1DC;
  border-top: solid #A2A294 1px;
  border-bottom: solid #F4F4E4 1px;
  border-right: solid #F4F4E4 1px;
  border-left: solid #A2A294 1px;
  line-height: 120%;
  text-align: left;
  color: #535353;
  padding: 5px;
}

td.data2 p {
  padding: 2px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}

/* 操作ボタン用 */
div.btn_middle {
  width: 95%;
  text-align: right;
  margin: 20px auto 20px auto;
}

div.btn_middle img {
  vertical-align: middle;
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

div.btn_bottom {
  width: 95%;
  text-align: right;
  margin: 30px auto 30px auto;
}

div.btn_bottom img {
  vertical-align: middle;
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

input.radio {
  vertical-align: middle;
  margin-bottom: 10px;
}

/* インデント指定 */
div.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* その他 */
hr.w_95 {
  width: 95%;
  padding: 0px;
  margin: 0px auto 0px auto;
}

div.text {
  width: 95%;
  padding: 0px;
  margin: 20px auto 10px auto;
}

div.text h1 {
  font-size: 12pt;
  line-height: 140%;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

div.text h2 {
  font-size: 10pt;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

div.text p {
  font-size: 10pt;
  text-align: left;
  line-height: 150%;
  font-weight: normal;
  padding: 0px;
}

div.notes {
  font-size: 10pt;
  line-height: 120%;
  padding: 5px 0px 0px 1em;
  text-indent: -1em;
}



/* その他 */
#w_100 {
  width: 100%;
}

#lineheight_170 {
  line-height: 170%;
}

/* テーブル（2006/07/11 追加 処理結果ダウンロード仕変対応用）*/
table.download_1 {
  width: 50%;
  border: 0px;
  /*(2015/12/04 追加 推奨ブラウザ追加対応)*/
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

td.download_1 {
  width: 50%;
}

div.warning_center {
  width: 95%;
  font-size: 12pt;
  font-weight: normal;
  text-align: center;
  color: #CA1600;
  margin: 20px auto 20px auto;
}

/* テーブル（2006/07/20 追加 譲渡人／譲受人同一コードの警告）*/
div.warning {
  width: 95%;
  font-size: 12pt;
  font-weight: normal;
  text-align: right;
  color: #CA1600;
  margin: 20px auto 20px auto;
}

/* テーブル（2011/09/08 追加 譲受人の利用停止中の警告）*/
div.warning_left {
  width: 95%;
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  color: #CA1600;
  margin: 20px auto 20px auto;
}
/*(2015/12/04 追加 推奨ブラウザ追加対応)*/
div.container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

div#wrapper {
  margin: 0px;
  padding: 0px;
  padding-bottom: 46px;
}

form.inline {
  display: inline-block;
}

button.btn_menu02 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu02>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 30px;
  line-height: 34px;
  vertical-align: middle;
  min-width: 250px;
  height: 34px;
  font-size: 12pt;
  background-image: url(../image/btn_menu02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 31px;
  cursor: pointer;
  letter-spacing: 10px;
}

button.btn_menu02_letterSpacingOn {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu02_letterSpacingOn>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 30px;
  line-height: 38px;
  vertical-align: middle;
  min-width: 250px;
  height: 34px;
  font-size: 12pt;
  background-image: url(../image/btn_menu02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 31px;
  cursor: pointer;
  letter-spacing: 5px;
}

button.btn_menu02_letterSpacingOn3px {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu02_letterSpacingOn3px>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 30px;
  line-height: 38px;
  vertical-align: middle;
  min-width: 250px;
  height: 34px;
  font-size: 11pt;
  background-image: url(../image/btn_menu02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 31px;
  cursor: pointer;
  letter-spacing: 3px;
}

button.btn_menu02_letterSpacingOff {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu02_letterSpacingOff>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 30px;
  line-height: 34px;
  vertical-align: middle;
  min-width: 250px;
  height: 34px;
  font-size: 12pt;
  background-image: url(../image/btn_menu02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 31px;
  cursor: pointer;
  letter-spacing: 0px;
}

button.btn_id {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_id>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  margin: 5;
  text-align: left;
  text-indent: 28px;
  line-height: 26px;
  vertical-align: middle;
  min-width: 224px;
  height: 26px;
  font-size: 10pt;
  background-image: url(../image/btn_id.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 100% 24px;
  cursor: pointer;
  letter-spacing: 1px;
}

button.btn_pass {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_pass>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: left;
  text-indent: 28px;
  line-height: 29px;
  vertical-align: middle;
  min-width: 178px;
  height: 29px;
  font-size: 10pt;
  background-image: url(../image/btn_pass.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 26px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_action01 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_action01>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  min-width: 90px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_action01.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_action02 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_action02>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  min-width: 120px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_action02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_action03 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_action03>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 5px 0 5px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  min-width: 140px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_action03.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_action04 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_action04>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  min-width: 180px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_action04.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_back01 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_back01>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 15px;
  line-height: 30px;
  vertical-align: middle;
  min-width: 100px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_back01.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 8px;
}

button.btn_back03 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_back03>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 15px;
  line-height: 30px;
  vertical-align: middle;
  min-width: 150px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_back03.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_next01 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_next01>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 0px;
  line-height: 30px;
  vertical-align: middle;
  min-width: 100px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_next01.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 8px;
}

button.btn_next02 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_next02>span {
  display: inline-block;
  color: #400000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px 1px 1px
    rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), -1px -1px
    1px rgba(255, 255, 255, 1), 2px 2px 1px rgba(255, 255, 255, 1), -2px
    2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1),
    -2px -2px 1px rgba(255, 255, 255, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 0px;
  line-height: 30px;
  vertical-align: middle;
  min-width: 120px;
  height: 30px;
  font-size: 12pt;
  background-image: url(../image/btn_next02.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 100% 27px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_menu_s1 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu_s1>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 7px;
  line-height: 15px;
  vertical-align: middle;
  min-width: 107px;
  height: 15px;
  font-size: 8pt;
  background-image: url(../image/btn_menu_s.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 15px;
  cursor: pointer;
  letter-spacing: 2px;
}

button.btn_menu_s2 {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

button.btn_menu_s2>span {
  display: inline-block;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
  padding: 0 0px 0 0px;
  margin: 0;
  text-align: center;
  text-indent: 7px;
  line-height: 15px;
  vertical-align: middle;
  min-width: 107px;
  height: 15px;
  font-size: 8pt;
  background-image: url(../image/btn_menu_s.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 15px;
  cursor: pointer;
  letter-spacing: 3px;
}

div.text_shadow {
  text-shadow: 1px 1px 1px rgba(50, 50, 70, 1);
}

/*ステータス部分の部品*/
div.status-container {
  background-color: #E7E4D1;
  border-top: solid #9F9F9F 0px;
  border-bottom: solid #9F9F9F 1px;
  border-right: solid #9F9F9F 0px;
  border-left: solid #9F9F9F 0px;
  width: 100%;
  height: 33px;
  margin: 0px;
  min-width: 800px;
}

div.status-container span {
  line-height: 33px;
}

div.status-container:after {
  clear: both;
  content: "";
}

div.status-container img {
  height: 33px;
  float: left;
  position: relative;
}

div.status-container img:first-child {
  padding-left: 14px;
}

div.status_s {
  background-image: url(../image/status_s.png);
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_80 {
  background-image: url(../image/status_s.png);
  width: 80px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_100 {
  background-image: url(../image/status_s.png);
  width: 100px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_120 {
  background-image: url(../image/status_s.png);
  width: 120px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_150 {
  background-image: url(../image/status_s.png);
  width: 150px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_200 {
  background-image: url(../image/status_s.png);
  width: 200px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_207 {
  background-image: url(../image/status_s.png);
  width: 215px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_s_225 {
  background-image: url(../image/status_s.png);
  width: 245px;
  height: 33px;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns {
  background-image: url(../image/status_ns.png);
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_80 {
  background-image: url(../image/status_ns.png);
  width: 80px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_100 {
  background-image: url(../image/status_ns.png);
  width: 100px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_120 {
  background-image: url(../image/status_ns.png);
  width: 120px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_150 {
  background-image: url(../image/status_ns.png);
  width: 150px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_200 {
  background-image: url(../image/status_ns.png);
  width: 200px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

div.status_ns_207 {
  background-image: url(../image/status_ns.png);
  width: 207px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}
div.status_ns_225 {
  background-image: url(../image/status_ns.png);
  width: 225px;
  height: 33px;
  font-size: 9pt;
  padding-left: 3px;
  white-space: nowrap;
  float: left;
  position: relative;
}

/* ツールチップ用定義 */
/* 表示文字の装飾 */
div.tooltip{
    display: inline-block;            /* インライン要素化 */
}

/* ツールチップ部分を隠す */
div.tooltip span {
    display : none;
}

/* マウスオーバー */
div.tooltip:hover {
    position: relative;
}

/* マウスオーバー時にツールチップを表示 */
div.tooltip:hover span {
    display   : block;                  /* ボックス要素にする */
    position  : absolute;              /* relativeからの絶対位置 */
    top       : 20px ;
    left      : 20px;
    background-color: #FFFFFF;
    padding   : 4px;
    width     : 260px;
    color     : #000000;
    font-size : 90%;
    border    : 1px solid #000000;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}
/* ツールチップ用定義 */