/*
  入力項目用スタイル
  width：半角文字のみの場合：文字数 × 10px + 6px(バッファ)で指定する
                         （コード値は英字の文字数だけ半角文字として扱う）
         全角文字が入る場合：文字数 × 12px + 6pxで指定する
         数字のみの場合：文字数(カンマ考慮) × 7px ＋ 6px(バッファ)で指定する。
                         （ただし桁数は通常使用想定に縮める。）
  height：textareaの場合 行数 x 14pxで指定する
*/

/* コード（事業） char(9 * 10px + 6px) */
.input-code-project {
  width: 96px;
}

/* コード（会計） charchar(1 * 10px + 7 * 7px + 6px) */
.input-code-accounting {
  width: 65px;
}

/* コード（区分） char(3 * 10px + 6px) */
.input-code-division {
  width: 36px;
}

/* コード（売主） char(8 * 10px + 6px) */
.input-code-seller {
  width: 86px;
}

/* コード（契約） char(12 * 10px + 6px) */
.input-code-agreement {
  width: 126px;
}

/* コード（工事） char(2 * 10px + 7 * 7px + 6px) */
.input-code-construction {
  width: 75px;
}

/* コード（工種） char(4 * 7px + 6px) */
.input-code-construction-type {
  width: 34px;
}

/* コード（品目） char(8 * 10px + 6px) */
.input-code-item-type {
  width: 86px;
}

/* コード（見積分類） char(4 * 7px + 6px) */
.input-code-estimates-item {
  width: 34px;
}

/* コード（見積項目） char(8 * 7px + 6px) */
.input-code-estimates-item {
  width: 62px;
}


/* コード（店舗） char(1 * 10px + 7 * 7px + 6px) */
.input-code-office {
  width: 65px;
}

/* コード（引合） char(11 * 10px + 6px) */
.input-code-inquiry {
  width: 116px;
}

/* コード（業者） char(6 * 7px + 6px) */
.input-code-trader {
  width: 48px;
}

/* コード（物件） char(9 * 10px + 6px) */
.input-code-realestate {
  width: 96px;
}

/* コード（社員） char(1 * 10px + 7 * 7px + 6px) */
.input-code-employee {
  width: 65px;
}

/* コード（見積） char(14 * 10px + 6px) */
.input-code-estimates {
  width: 146px;
}

/* コード（請求番号） char(13 * 10px + 6px) */
.input-code-invoice {
  width: 136px;
}

/* コード（都道府県） char(2 * 10px + 6px) */
.input-code-prefectures {
  width: 26px;
}

/* コード（金融機関） char(5 * 10px + 6px) */
.input-code-bank {
  width: 56px;
}

/* コード（金融機関支店） char(3 * 10px + 6px) */
.input-code-bank-branch {
  width: 36px;
}

/* コード（顧客） char(1 * 10px + 9 * 7px + 6px) */
.input-code-client {
  width: 79px;
}

/* コード（課税区分） char(2 * 10px + 6px) */
.input-code-tax {
  width: 26px;
}

/* コード（勘定科目） char(4 * 10px + 6px) */
.input-code-account_item {
  width: 46px;
}

/* ユーザーID char(1 * 10px + 14 * 7px + 6px) */
.input-user-id {
  width: 114px;
}

/* メールアドレス char(254 -> 30 * 10px + 6px) */
.input-mail-address {
  width: 306px;
}

/* 郵便番号 前3桁 char(3 * 7px + 6px) */
.input-postal-code-first {
  width: 27px;
}

/* 郵便番号 後4桁 char(4 * 7px + 6px) */
.input-postal-code-last {
  width: 34px;
}

/* 郵便番号 char(8 * 7px + 6px) ハイフン付き */
.input-postal-code {
  width: 62px;
}

/* 住所（Full / 検索用） char(60 -> 14 * 12px + 6px) */
.input-address-full {
  width: 174px;
}

/* 住所（地番） char(40 -> 25 * 12px + 6px) */
.input-address-lot-number {
  width: 306px;
}

/* 住所（都道府県名） char(6 * 12px + 6px) */
.input-address-prefecture {
  width: 78px;
}

/* 住所（市区群町村） char(15 * 12px + 6px) */
.input-address-city {
  width: 186px;
}

/* 住所（丁目番地） char(15 * 12px + 6px) */
.input-address-line1 {
  width: 186px;
}

/* 住所（建物名） char(30 -> 25 * 12px + 6px) */
.input-address-line2 {
  width: 306px;
}

/* 人名 char(30 -> 7 * 12px + 6px) */
.input-personal-name-full {
  width: 90px;
}

/* 人名 char(30 -> 5 * 12px + 6px) */
.input-personal-name {
  width: 66px;
}

/* 勤務先名 char(30 -> 20 * 12px) */
.input-workplace-name {
  width: 240px;
}

/* 店舗名 char(30 -> 7 * 12px + 6px) */
.input-office-name {
  width: 78px;
}

/* 項目名 小 char(20 -> 5 * 12px + 6px) */
.input-item-name-s {
  width: 50px;
}

/* 項目名 中 char(20 -> 10 * 12px + 6px) */
.input-item-name-m {
  width: 126px;
}

/* 項目名 大 char(20 -> 15 * 12px + 6px) */
.input-item-name-l {
  width: 186px;
}

/* 項目名 特大(20文字)  char(20 * 12px + 6px) */
.input-item-name-ll {
  width: 246px;
}

/* 項目名 特大(24文字) char(24 * 12px + 6px) */
.input-item-name-dl {
  width: 294px;
}

/* 項目名 特大(40文字) char(40 * 12px + 6px) */
.input-item-name-xl {
  width: 486px;
}

/* 文章（小） char(100) */
/* textarea 2行 */
.input-sentence-s {
  width: 98%;
  min-width:200px;
  height: 28px;
  resize: vertical;
}

/* 文章（中） char(400) */
/* textarea 4行 */
.input-sentence-m {
  width: 98%;
  min-width:200px;
  height: 56px;
  resize: vertical;
}

/* 文章（大） char(400) */
/* textarea 6行 */
.input-sentence-l {
  width: 98%;
  min-width:200px;
  height: 84px;
  resize: vertical;
}

/* 文章（特大） char(400) */
/* textarea 3行 */
.input-sentence-ll {
  width: 99%;
  min-width:200px;
  height: 56px;
  resize: vertical;
}

/* 金融機関名 char(20 -> 10 * 12px + 6px) */
.input-bank-name {
  width: 126px;
}

/* 金融機関支店名 char(20 -> 10 * 12px + 6px) */
.input-bank-branch-name {
  width: 126px;
}

/* 銀行口座（名義・名義カナ） char(30 -> 10 * 12px  + 6px) */
.input-account-name {
  width: 126px;
}

/* 銀行口座（番号） char(8 * 7px + 6px) */
.input-account-number {
  width: 62px;
}

/* 銀行口座（科目コード） char(1 * 10px + 6px) */
.input-account-code {
  width: 16px;
}

/* 銀行口座（記号） char(5 * 10px + 6px) */
.input-account-postbank-number {
  width: 56px;
}

/* 電話番号(市外局番・市内局番・加入者番号) char(4 * 7px + 6px) */
.input-phone-number {
  width: 34px;
}

/* 電話番号(検索用) char(13 * 7px + 6px) ハイフン付き */
.input-phone-number-search {
  width: 97px;
}

/* 数値（パーセント） num(6,3 -> 6 * 7px + 6px) */
.input-num-percent {
  width: 48px;
  text-align: right;
}

/* 数値（並び順） num(5 * 7px + 6px) */
.input-num-sortby {
  width: 41px;
}

/* 数値（分） num(3 * 6px + 6px) */
.input-num-minute {
  width: 24px;
  text-align: right;
}

/* 数値（勾配） char(3 * 12px + 6px) */
.input-num-slope {
  width: 42px;
  text-align: right;
}

/* 数値（口径） num(4 * 7px + 6px) */
.input-num-caliber {
  width: 34px;
}

/* 数値（坪面積） num(6,3 -> 6 * 7px + 6px) */
.input-num-tsubo-area {
  width: 48px;
  text-align: right;
}

/* 数値（平米面積） num(7,3 -> 7 * 7px + 6px) */
.input-num-meter {
  width: 55px;
  text-align: right;
}

/* 数値（年） num(3 * 7px + 6px) */
.input-num-year {
  width: 27px;
  text-align: right;
}

/* 数値（日） num(3 * 7px + 6px) */
.input-num-day {
  width: 27px;
  text-align: right;
}

/* 数値（持分） num(3,1 -> 4 * 7px + 6px) */
.input-num-equity-interest {
  width: 34px;
  text-align: right;
}

/* 数値（数量） num(6,3 -> 6 * 7px + 6px) */
.input-num-quantity {
  width: 48px;
  text-align: right;
}

/* 数量単位 char(4 * 12px) */
.input-quantity-unit {
  width: 48px;
  text-align: right;
}


/* 数値（版数） num(2 * 7px + 6px) */
.input-num-version-number {
  width: 20px;
  text-align: right;
}

/* 数値（発電量） num(7,3 -> 7 * 7px + 6px) */
.input-num-electric-generating-capacity {
  width: 55px;
}

/* 数値（税率） num(2 * 7px + 6px) */
.input-num-tax-rate {
  width: 20px;
  text-align: right;
}

/* 数値（金利） num(4,3 -> 5 * 6px + 6px) */
.input-num-interest-rate {
  width: 36px;
  text-align: right;
}

/* 数値（その他小数） num(6,3 -> 6 * 7px + 6px) */
.input-num-decimal-type {
  width: 48px;
  text-align: right;
}

/* 数値（その他整数） num(5 * 7px + 6px) */
.input-num-integer-type {
  width: 41px;
  text-align: right;
}

/* 数値（金額_万円） num(6 * 7px + 6px) カンマ付きで9.9億まで */
.input-money-yen-million {
  width: 48px;
  text-align: right;
}

/* 数値（金額） num(10 * 7px + 6px) カンマ付きで9.9億まで */
.input-money-yen {
  width: 76px;
  text-align: right;
}

/* 数値（金額_長め） num(14 * 7px + 6px) カンマ付きで9.9兆まで */
.input-money-long {
  width: 104px;
  text-align: right;
}

/* 日付（年月日）date(10 * 7px + 6px) */
.input-date {
  width: 76px;
}

/* 日付（年月） char(7 * 7px + 6px) */
.input-date-year-month {
  width: 55px;
}

/* 日付（年） num(4 * 7px + 6px) */
.input-date-year {
  width: 34px;
  text-align: right;
}

/* 日付（日） num(2 * 7px + 6px) */
.input-date-day {
  width: 20px;
  text-align: right;
}

/* 日付（月） num(2 * 7px + 6px) */
.input-date-month {
  width: 20px;
  text-align: right;
}

/* 日時=timestamp num(16 * 7px + 6px) */
.input-date-timestamp {
  width: 118px;
}

/* 時刻=times char(5 * 7px + 6px) */
.input-time {
  width: 41px;
}

.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}