/*===== 全体 =====*/
* {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
}

.span_version {
    width: 100px;
    height: 100px;
}

table, td, th{
    border: 1px solid black;
}

.version_strings {
    font-size: 20px;   
}

/* ディスプレイ横幅 */
.display_width {
    width: 960px;
}

.display_help_width {
    width: 600px;
}

.display_transparent{
    display: block;
    width: 200px;
    background: transparent;
}

/* 各セクション */
header, nav, section, footer {
    display: block;
    margin: 0;
    padding: 0;
}

/* テーブル(親) */
.subtable_parent_style {
    display: table;
    width: 100%;
}

/* テーブル(子) */
.subtable_children_style {
    display: table-cell;
}

/* セレクトのタイトル */
.app_select_title {
    font-size : 24px;
    text-align : center;
    background-color: #ffffff;
}

/* セレクト */
.app_select {
    border: 1px solid;
    font-size: 16px;
}

/* セレクト要素 */
.app_select_elem {
    font-size: 12px;
}


/* ボタンの文字サイズ */
.app_button {
    font-size : 16px;
}

/* ツールチップエリア */
.tooltiparea_style {
    display: none;
}

/* ツールチップ項目 */
.tooltipitem_style {
    text-decoration-line: underline;
    color: #0000FF;
}

.tooltipitem_style_ipro {
    text-decoration-line: underline;
    color: #000000;
}

/* 空行1 */
.rowspace1_style {
    border: 1px solid #FFFFFF;
}

/* 空行2 */
.rowspace2_style {
    border: 2px solid #FFFFFF;
}

/* 空行3 */
.rowspace3_style {
    border: 3px solid #FFFFFF;
}

/* 空行4 */
.rowspace4_style {
    border: 0.5px solid #FFFFFF;
}

/*===== ヘッダ =====*/
/** 親ブロック **/
.header_row_style {
    width: 100%;
}

/* header_appinfo1ブロック共通 */
.app_name_style, .app_ver_style {
    background-color: #F0F0F0;
}

/* アプリケーション名 */
.app_name_style {
    font-size: 18px;
    font-weight: bold;
}

/* アプリケーションバージョン */
.app_ver_style {
    text-align: right;
}

/* 必要動作環境 */
.app_reqspec_style {
    width: 70%;
    text-align : left;
    float: left;
    background-color: #CCCCCC;
}

/* モデル名 */
.app_selmodel_style {
    font-size : 24px;
    font-weight : bold;
    text-align : right;
    background-color: #CCCCCC;
    border-bottom: 9px solid #CCCCCC;
}
.app_selmodel_style_ipro {
    font-size : 24px;
    font-weight : bold;
    text-align : right;
    background-color: #CCCCCC;
}

/* モデル名の文字列部 */
.title_name_stype {
    font-size : 24px;
}
 
/** 注意事項ブロック **/
.header_note {
    margin-top: 3px;
    background-color: #FFE0C4;
}
.header_note_ipro {
    margin-top: 3px;
    background-color: #FFFFFF;
}

/* 注意事項ブロック共通 */
.note_cap_style, .note_txt_style {
    background-color: #FFE0C4;
}
.note_cap_style_ipro, .note_txt_style_ipro {
    background-color: #FFFFFF;
}

/* 注意事項ブロック(枠線) */
.note_cap_border_style {
    border-style: solid;
    border-color: #6164E6;
}

p {
    margin-top: 20px;
    margin-bottom: 20px;
}

table {
    border:none;
}

table td {
    border:none;
    padding: 6px 10px;
}

select {
    width: 600px;
}

/* input */
input[type="text"] {
    text-align: right;
    width:90%;
}

/* お勧め内条件表示 true の場合 */
.cond_true {
    color: #000000;
    background-color: #00ff00;
}

/* お勧め内条件表示 false の場合 */
.cond_false {
    color: #000000;
    background-color: #ff80ff;
}

/* テキストボックス(リードオンリー、初期色) */
.textbox_default {
    text-align: right;
    background-color: #ffff80;
}
/* テキストボックス(エラー) */
.textbox_normal {
    text-align: right;
    background-color: #ffffff;
}
/* テキストボックス(エラー) */
.textbox_error {
    text-align: right;
    background-color: #ff80ff;
}

/* 注意事項タイトル */
.note_cap_style {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}
.note_cap_style_ipro {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}

/* 注意事項 本文 */
.note_txt_style {
    margin-top: -5px;
    text-align: left;
}

/* 注意事項本文(青色) */
.note_txt_style_blue {
    color: blue;
}

/* 注意事項本文(黒色＆ボールド) */
.note_txt_style_black_bold {
    font-weight : bold;
    color: #000000;
}

/* 注意事項本文(黒色) */
.note_txt_style_black {
    color: #000000;
}

/* 注意事項本文(赤色) */
.note_txt_style_red {
    font-size : 24px;
    font-weight : bold;
    color: red;
}

/* 文字(白) */
.font_color_white {
    color: #ffffff;
}

/* 文字(白&ボールド) */
.font_color_white_bold {
    font-weight : bold;
    color: #ffffff;
}

/* 文字(薄青) */
.font_color_blue {
    color: #6464E6;
}

/* 文字(薄青&ボールド) */
.font_color_blue_bold {
    font-weight : bold;
    color: #6464E6;
}

.note_txt_style2_red {
    font-weight : bold;
    color: red;
}

/*===== 録画条件 =====*/

/* 全体ブロック */
.reccond_style {
    display: inline-block;
    table-layout: fixed;
}

/* ヘッダ行 */
.reccond_title_style {
    font-size: 14px;
    text-align: center;
    background-color: #99CC66;
}
.reccond_title_style_ipro {
    font-size: 14px;
    text-align: center;
    background-color: #6464e6;
}
.step_title_style_ipro {
    font-size: 18px;
    text-align: left;
    text-decoration-line: underline;
    color: #000000;
}

.step_title_style_ipro2 {
    font-size: 18px;
    text-align: left;
    text-decoration-line: underline;
    color: #ffffff;
    background-color: #6464e6;
}

.step_title_style_ipro3 {
    font-size: 18px;
    text-align: left;
    text-decoration-line: underline;
    color: #ffffff;
    background-color: #6464e6;
}

/* 録画条件グループ(アコーディオン) */
.reccond_txt_title_accordion {
    color: #000000;
    background-color: #BED9A8;
}

.reccond_txt_title_accordion_ipro {
    color: #000000;
    background-color: #ffffff;
}

/* 見積り条件 */
.estcondition_title_style {
    font-size: 12px;
    text-align: left;
    padding: 5px;
    background-color: #BED9A8;
}

/* 録画条件 行全体 */
.reccond_rowstep {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #E3E3E3;
}

/* 録画条件 列共通 */
.reccond_column_style {
    display: table-cell;
    border-right: 1px solid #FFFFFF;
}

/* 録画条件 列共通(最終) */
.reccond_lastcolumn_style {
    display: table-cell;
}

/* 録画条件 ヘッダ */
.reccond_header_style {
    text-align: center;
    background-color: #BED9A8;
}

.reccond_header_style_ipro {
    text-align: center;
    color: #ffffff;
    background-color: #10A99A;
}

/* 録画条件 データ */
.reccond_data_style {
    background-color: #E3E3E3;
}

/* 録画条件 データ(インライン) */
.reccond_data_inline_style {
    display: inline;
    background-color: #E3E3E3;
}


/* スケジュール - 録画する曜日 */
.reccond_txt_style_schedule_week_all {
    display: table-cell;
    width: 30%;
    text-align: center;
}

/* スケジュール - 録画する曜日(個別) */
.reccond_txt_style_schedule_week_one {
    display: table-cell;
    text-align: center;
    width: 10%;
}

/* スケジュール - 録画する時間帯 - No */
.reccond_txt_style_schedule_rectime_no {
    display: table-cell;
    width: 3%;
    text-align: center;    
}

/* スケジュール - 録画する時間帯 - 時間 */
.reccond_txt_style_schedule_rectime_hour {
    display: table-cell;
    text-align: center;    
}

/* スケジュール - 録画する時間帯 - 分 */
.reccond_txt_style_schedule_rectime_minute {
    display: table-cell;
    text-align: center;    
}

/* スケジュール - 録画する時間帯 - 分 */
.reccond_txt_style_schedule_rectime_column {
    border-right: 0px;
}

/* スケジュール - 録画する時間帯 - セパレーター */
.reccond_txt_style_schedule_rectime_separator {
    display: table-cell;
    width: 1%;
    text-align: center;    
}

/* スケジュール - 録画する時間帯 - 合計時間(開発用) */
.reccond_txt_style_schedule_develop_rectime_table_totaltime {
    display: table-cell;
    text-align: center;    
}

/* スケジュール - 録画する時間帯 - 合計時間(開発用) */
.reccond_input_style_schedule_develop_rectime_table_totaltime {
    width: 10%;
    text-align: center;
}

/* 録画詳細設定 - No */
.reccond_txt_style_detail_no {
    display: table-cell;
    width: 6%;
    text-align: center;
}

/* 録画詳細設定 - ストリーム数 */
.reccond_txt_style_detail_num {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - ストリーム数入力 */
.reccond_input_style_detail_num {
    width: 70%;
    text-align: right;
}

/* 録画詳細設定 - 品番 */
.reccond_txt_style_detail_model {
    display: table-cell;
    width: 12%;
    text-align: center;
}

/* 録画詳細設定 - 品番入力 */
.reccond_input_style_detail_model {
    width: 90%;
}

/* 録画詳細設定 - 圧縮方式 */
.reccond_txt_style_detail_comp {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - 圧縮方式入力 */
.reccond_input_style_detail_comp {
    width: 90%;
}

/* 録画詳細設定 - 解像度 */
.reccond_txt_style_detail_reso {
    display: table-cell;
    width: 14%;
    text-align: center;
}

/* 録画詳細設定 - 解像度入力 */
.reccond_input_style_detail_reso {
    width: 90%;
}

/* 録画詳細設定 - レート */
.reccond_txt_style_detail_fps {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - レート入力 */
.reccond_input_style_detail_fps {
    width: 90%;
}

/* 録画詳細設定 - 画質 */
.reccond_txt_style_detail_qual {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - 画質入力 */
.reccond_input_style_detail_qual {
    width: 80%;
}

/* 録画詳細設定 - 録音 */
.reccond_txt_style_detail_audio {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - 録音入力 */
.reccond_input_style_detail_audio {
    width: 90%;
}

/* 録画詳細設定 - ストリーム数入力 */
.reccond_input_style_detail_bitrate {
    width: 50%;
    text-align: right;
}

/* 録画詳細設定 - スケジュール */
.reccond_txt_style_detail_schedule {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 録画詳細設定 - 1台あたりのビットレート */
.reccond_txt_style_detail_bitrate {
    display: table-cell;
    width: 14%;
    text-align: center;
}

/* 拡張設定 - ストリーム数 */
.reccond_txt_style_advance_num {
    display: table-cell;
    width: 10%;
    text-align: center;
}

/* 拡張設定 - 品番 */
.reccond_txt_style_advance_model {
    display: table-cell;
    width: 15%;
    text-align: center;
}

/* 拡張設定 - 録画期間グループ */
.reccond_txt_style_advance_recgroup {
    display: table-cell;
    width: 12%;
    text-align: center;
}

/* 拡張設定 - 録画期間グループ入力 */
.reccond_input_style_advance_recgroup {
    width: 50%;
}

/* 拡張設定 - スマートコーディング */
.reccond_txt_style_advance_smartcoding {
    display: table-cell;
    width: 16%;
    text-align: center;
}

/* 拡張設定 - スマートコーディング入力 */
.reccond_input_style_advance_smartcoding {
    width: 70%;
}

/* 拡張設定 - 接続方法 */
.reccond_txt_style_advance_connect {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 拡張設定 - 接続方法入力 */
.reccond_input_style_advance_connect {
    width: 90%;
}

/* 拡張設定 - データ暗号 */
.reccond_txt_style_advance_encrypt {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 拡張設定 - データ暗号入力 */
.reccond_input_style_advance_encrypt {
    width: 90%;
}

/* 拡張設定 - ビットレート設定用チェック */
.reccond_txt_style_advance_bitrateset {
    display: table-cell;
    width: 5%;
    text-align: center;
}

/* 拡張設定 - ビットレート */
.reccond_txt_style_advance_bitrate {
    display: table-cell;
    width: 23%;
    text-align: center;
}

/* 拡張設定 - ビットレート入力 */
.reccond_input_style_advance_bitrate {
    width: 50%;
    text-align: right;
}

/* 拡張設定 - 顔照合 */
.reccond_txt_style_advance_facematch {
    display: table-cell;
    width: 8%;
    text-align: center;
}

/* 拡張設定 - 顔照合入力 */
.reccond_input_style_advance_facematch {
    width: 90%;
}

/* 拡張設定 - ビットレート(開発用) */
.reccond_txt_style_advance_develop_bitrate {
    display: table-cell;
    text-align: center;
}

/* 拡張設定 - ビットレート入力(開発用) */
.reccond_input_style_advance_develop_bitrate {
    width: 10%;
    text-align: right;
}

/* AIプライバシーガード録画設定 - ストリーム数入力 */
.reccond_input_style_aiprivacy_num {
    width: 70%;
    text-align: right;
    disabled: "disabled";
}

/* AIプライバシーガード録画設定 - 品番 */
.reccond_txt_style_aiprivacy_model {
    display: table-cell;
    width: 15%;
    text-align: center;
}

/* AIプライバシーガード録画設定 - 録画期間グループ */
.reccond_txt_style_aiprivacy_recgroup {
    display: table-cell;
    width: 12%;
    text-align: center;
}

/* AIプライバシーガード録画設定 - 録画期間グループ入力 */
.reccond_input_style_aiprivacy_recgroup {
    width: 50%;
    disabled: "disabled";
}

/* 拡張設定 - 録画期間グループ */
.reccond_txt_style_aiprivacy_recgroup {
    display: table-cell;
    width: 12%;
    text-align: center;
}

/* 拡張設定 - 録画期間グループ入力 */
.reccond_input_style_aiprivacy_recgroup {
    width: 50%;
}

/* 拡張設定 - OnOff */
.reccond_txt_style_aiprivacy_onoff {
    display: table-cell;
    width: 18%;
    text-align: center;
}

/* 拡張設定 - OnOff入力 */
.reccond_input_style_aiprivacy_onoff {
    width: 50%;
}

/* 見積条件 - HDMI映像出力 */
.reccond_txt_style_estcondition_hdmi {
    width: 10%;
    text-align: center;    
}

/* レコーダー構成 - HDD運用モード */
.reccond_txt_style_recconfig_hddmode {
    width: 12%;
    text-align: center;    
}

/* レコーダー構成 - HDD運用モード入力 */
.reccond_input_style_recconfig_hddmode {
    width: 95%;
}

/* 見積条件 - HDD容量 */
.reccond_txt_style_estcondition_hddcapa {
    width: 10%;
    text-align: center;    
}

/* レコーダー構成 - サブストリーム録画 */
.reccond_txt_style_recconfig_substream {
    width: 14%;
    text-align: center;    
}

/* 見積条件 - 本体台数 */
.reccond_txt_style_estcondition_recnum {
    width: 16%;
    text-align: center;    
}

/* 見積条件 - 録画日数 */
.reccond_txt_style_estcondition_recdays {
    width: 17%;
    text-align: center;    
}

/* 見積条件 - 録画期間グループ入力 */
.reccond_input_style_estcondition_recgroup {
    width: 50%;
}

/* 見積条件 - 録画日数入力 */
.reccond_input_style_estcondition_recdays {
    width: 25%;
    text-align: right;
}

/* 見積条件 - 録画時のシステム構成(NX300) */
.reccond_txt_style_estcondition_systemconfig {
    width: 16%;
    text-align: center;    
}

/* 見積条件 - 録画時のシステム構成入力(NX300) */
.reccond_input_style_estcondition_systemconfig {
    width: 75%;
}

/* レコーダー構成 - 高画質モード */
.reccond_txt_style_recconfig_highresomode {
    width: 13%;
    text-align: center;    
}

/* レコーダー構成 - 高画質モード入力 */
.reccond_input_style_recconfig_highresomode {
    width: 68%;
}

/* レコーダー構成 - 予備1(NX300) */
.reccond_txt_style_recconfig_reserve {
    width: 26%;
    text-align: center;    
}

/* レコーダー構成 - 予備2(NX200) */
.reccond_txt_style_recconfig_reserve {
    width: 70%;
    text-align: center;    
}
/*===== 計算結果 =====*/
/* 全体ブロック */
.recresult_style {
    display: inline-block;
    table-layout: fixed;
}

/* ヘッダ */
.recresult_title_style {
    font-size: 14px;
    text-align: center;
    background-color: #FFA657;
}

.recresult_title_style_ipro {
    color: #ffffff;
    font-weight : bold;
    font-size: 14px;
    text-align: center;
    background-color: #6464E6;
}

/* 計算結果 行全体 */
.recresult_rowstep {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #E3E3E3;
}

/* 計算結果 列共通 */
.recresult_column_style {
    display: table-cell;
    border-right: 1px solid #FFFFFF;
}

/* 計算結果 列(左) */
.recresult_column2_style {
    display: table-cell;
    border-left: 1px solid #FFFFFF;
}

/* 計算結果 列(上) */
.recresult_column3_style {
    display: table-cell;
    border-top: 1px solid #FFFFFF;
}

/* 計算結果 列(下) */
.recresult_column4_style {
    display: table-cell;
    border-bottom: 1px solid #FFFFFF;
}

/* 計算結果 列共通(最終) */
.recresult_lastcolumn_style {
    display: table-cell;
}

/* 空行 */
.recresult_rowspace_style {
    border: 8px solid #E3E3E3;
}

/* 計算結果 ヘッダ */
.recresult_header_style {
    text-align: center;
    background-color: #FFE0C4;
}

.recresult_header_style_ipro {
    color: #ffffff;
    text-align: center;
    background-color: #6464E6;
}

/* 録画条件 データ */
.recresult_data_style {
    background-color: #E3E3E3;
}

/* 計算結果 - メッセージ */
.recresult_messages_style {
    background-color: #FFFFFF;    
    text-align: center;
}

/* 計算結果 - メッセージ(赤色) */
.recresult_messages_red_style {
    font-size : 14px;
    font-weight : bold;
    color: #D25985;
    text-align: left;
}

/* 計算結果 - ネットワーク帯域 */
.recresult_txt_style_bitrate {
    display: table-cell;
    width: 15%;
    text-align: center;
}

/* 計算結果 - ネットワーク帯域表示 */
.recresult_output_style_bitrate {
    width: 60%;
    text-align: right;
}

/* 計算結果 - 総データ容量 */
.recresult_txt_style_datasize {
    display: table-cell;
    width: 15%;
    text-align: center;
}

/* 計算結果 - 総データ容量表示 */
.recresult_output_style_datasize {
    width: 60%;
    text-align: right;
}

/* 計算結果 - 最大構成録画日数 */
.recresult_txt_style_maxrecdays {
    display: table-cell;
    width: 55%;
    text-align: center;
    /*display: none;*/
}

/* 計算結果 - 最大構成録画日数表示 */
.recresult_output_style_maxrecdays {    
    width: 45%;
    text-align: right;
}

/***** NX400 *****/

/* 計算結果 - 機種 */
.recresult_txt_style_model_nx400 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 本体 */
.recresult_txt_style_mainunit_nx400 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 本体表示 */
.recresult_output_style_mainunit_nx400 {    
    width: 40%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - 増設 */
.recresult_txt_style_extunit_nx400 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 増設表示 */
.recresult_output_style_extunit_nx400 {    
    width: 26%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - データ */
.recresult_txt_style_data_nx400 {
    display: table-cell;
    width: 1920px;
    height:  58px;
    text-align: center;
}

/* 計算結果 - HDD */
.recresult_txt_style_hdd_nx400 {
    display: table-cell;
    width: 16%;
    vertical-align: middle;
    text-align: right;
}

/* 計算結果 - HDD表示 */
.recresult_output_style_hdd_nx400 {    
    width: 20%;
    text-align: right;
}

/* 計算結果 - HDD表示_2 */
.recresult_output_style_hdd_nx400_2 {    
    width: 45%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - 最大録画可能日数 */
.recresult_txt_style_maxrecdays_nx400 {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 最大録画可能日数 */
.recresult_txt_style_maxrecdays_calc_nx400 {
    display: table-cell;
    width: 25.6%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 最大録画可能日数(表示) */
.recresult_output_style_maxrecdays_nx400 {    
    width: 50%;
    text-align: center;
}

/* 計算結果 - 本体1台あたりの最大録画可能日数 */
.recresult_txt_style_maxrecdays_mainunit_nx400 {
    display: table-cell;
    width: 15.05%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 本体1台あたりの最大録画可能日数(表示) */
.recresult_output_style_maxreconedays_nx400 {    
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - ライセンス */
.recresult_txt_style_license_nx400 {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ライセンス2 */
.recresult_txt_style_license_nx400_2 {
    display: table-cell;
    width: 1260px;
    height: 60px;
    text-align: center;    
}

/* 計算結果 - カメラ台数 */
.recresult_txt_style_camnum_nx400 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - カメラ台数表示 */
.recresult_output_style_camnum_nx400 {    
    width: 15%;
    text-align: right;
}

/* 計算結果 - ライセンス(サブ項目) */
.recresult_txt_style_license_sub_nx400 {
    display: table-cell;
    width: 40%;
    text-align: center;
}

/* 計算結果 - ライセンス表示 */
.recresult_output_style_license_nx400 {    
    width: 20%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - カメラ拡張 */
.recresult_txt_style_addch_nx400 {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* 計算結果 - セキュア */
.recresult_txt_style_secure_nx400 {
    border-top: 1px solid #FFFFFF;
    /*border-bottom: 1px solid #FFFFFF;*/
}

/* 計算結果詳細 - 本体 */
.recdetail_txt_style_mainunit_nx400 {
    display: table-cell;
    width: 5%;
}

/* 計算結果詳細 - 本体(表示) */
.recdetail_output_style_mainunit_nx400 {
    text-align: right;
}

/* 計算結果詳細 - 増設 */
.recdetail_txt_style_extunit_nx400 {
    display: table-cell;
    width: 4%;
}

/* 計算結果詳細 - 増設(表示) */
.recdetail_output_style_extunit_nx400 {
    text-align: right;
}

/* 計算結果詳細 - HDD */
.recdetail_txt_style_hdd_nx400 {
    display: table-cell;
    width: 4%;
}

/* 計算結果詳細 - HDD(表示) */
.recdetail_output_style_hdd_nx400 {
    text-align: right;
}

/* 計算結果詳細 - ライセンス */
.recdetail_txt_style_license_nx400 {
    display: table-cell;
    width: 5%;
}

/* 計算結果詳細 - ライセンス(表示) */
.recdetail_output_style_license_nx400 {
    text-align: right;
}

/* 計算結果詳細 - ストリーム */
.recdetail_txt_style_camnum_nx400 {
    display: table-cell;
    width: 8%;
}

/* 計算結果詳細 - ストリーム(表示) */
.recdetail_output_style_camnum_nx400 {
    text-align: right;
}

/* 計算結果詳細 - セキュア */
.recdetail_txt_style_securenum_nx400 {
    display: table-cell;
    width: 6%;
}

/* 計算結果詳細 - セキュア(表示) */
.recdetail_output_style_securenum_nx400 {
    text-align: right;
}

/* 計算結果詳細 - 帯域 */
.recdetail_txt_style_bitrate_nx400 {
    display: table-cell;
    width: 8%;
}

/* 計算結果詳細 - 帯域(表示) */
.recdetail_output_style_bitrate_nx400 {
    text-align: right;
}

/* 計算結果詳細 - 容量 */
.recdetail_txt_style_datasize_nx400 {
    display: table-cell;
    width: 6%;
}

/* 計算結果詳細 - 容量(表示) */
.recdetail_output_style_datasize_nx400 {
    text-align: right;
}

/* 計算結果詳細 - 最大録画可能日数 */
.recdetail_txt_style_maxrecdays_nx400 {
    display: table-cell;
    width: 12%;
}

/* 計算結果詳細 - 最大録画可能日数(表示) */
.recdetail_output_style_maxrecdays_nx400 {
    text-align: right;
}

/* 計算結果詳細 - 内訳 */
.recdetail_txt_style_stream_nx400 {
    display: table-cell;
}

/* 計算結果詳細 - 内訳(グループ) */
.recdetail_output_style_stream_group_nx400 {
    width: 90%;
    text-align: left;
    border-right: 0px;
}

/* 計算結果詳細 - 内訳(数量) */
.recdetail_output_style_stream_num_nx400 {
    width: 10%;
    text-align: right;
    border-right: 0px;
}

/***** NX100 *****/

/* 計算結果 - 機種 */
.recresult_txt_style_model_nx100 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果詳細 - 本体 */
.recresult_txt_style_mainunit_nx100 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果詳細 - 本体(表示) */
.recresult_output_style_mainunit_nx100 {
    text-align: right;
}

/* 計算結果 - 推定録画日数 */
.recresult_txt_style_estimaterecrecdays_nx100 {
    display: table-cell;
    width: 22.5%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 推定録画日数(表示) */
.recresult_output_style_estimaterecrecdays_nx100 {
    width: 25%;
    text-align: right;
}

/* 計算結果 - ストリーム数 */
.recresult_output_style_camnum_nx100 {
    width: 15%;
    text-align: right;
}

/* 計算結果 - ライセンス */
.recresult_txt_style_license_nx100 {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ライセンス(サブ項目) */
.recresult_txt_style_license_sub_nx100 {
    display: table-cell;
    width: 40%;
    text-align: center;
}

/* 計算結果 - ライセンス(表示) */
.recresult_output_style_license_nx100 {    
    font-weight : bold;
    width: 20%;
    text-align: right;
}

/* 計算結果 - ネットワーク帯域 */
.recresult_txt_style_bitrate_nx100 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ネットワーク帯域 */
.recresult_output_style_bitrate_nx100 {
    width: 30%;
    text-align: right;
}

/***** NX200 *****/

/* 計算結果 - 機種 */
.recresult_txt_style_model_nx200 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果詳細 - 本体 */
.recresult_txt_style_mainunit_nx200 {
    display: table-cell;
    width: 22.5%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果詳細 - 余白 */
.recresult_txt_style_reserve_nx200 {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果詳細 - 本体(表示) */
.recresult_output_style_mainunit_nx200 {
    text-align: right;
}

/* 計算結果 - 推定録画日数 */
.recresult_txt_style_estimaterecrecdays_nx200 {
    display: table-cell;
    width: 22.5%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 推定録画日数(表示) */
.recresult_output_style_estimaterecrecdays_nx200 {
    width: 25%;
    text-align: right;
}

/* 計算結果 - ストリーム数 */
.recresult_output_style_camnum_nx200 {
    width: 15%;
    text-align: right;
}

/* 計算結果 - ライセンス */
.recresult_txt_style_license_nx200 {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ライセンス2 */
.recresult_txt_style_license_nx200_2 {
    display: table-cell;
    width: 1260px;
    height: 60px;
    text-align: center;    
}

/* 計算結果 - ライセンス(サブ項目) */
.recresult_txt_style_license_sub_nx200 {
    display: table-cell;
    width: 40%;
    text-align: center;
}

/* 計算結果 - ライセンス(表示) */
.recresult_output_style_license_nx200 {    
    font-weight : bold;
    width: 20%;
    text-align: right;
}

/* 計算結果 - ネットワーク帯域 */
.recresult_txt_style_bitrate_nx200 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ネットワーク帯域 */
.recresult_output_style_bitrate_nx200 {
    width: 30%;
    text-align: right;
}

/* 計算結果 - 最大録画可能日数 */
.recresult_txt_style_maxrecdays_nx200 {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 本体1台あたりの最大録画可能日数 */
.recresult_txt_style_maxrecdays_mainunit_nx200 {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 本体1台あたりの最大録画可能日数(表示) */
.recresult_output_style_maxreconedays_nx200 {    
    width: 60%;
    text-align: center;
}

/***** NX300 *****/

/* 計算結果 - 機種 */
.recresult_txt_style_model_nx300 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 本体 */
.recresult_txt_style_mainunit_nx300 {
    display: table-cell;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 本体表示 */
.recresult_output_style_mainunit_nx300 {    
    width: 40%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - 増設 */
.recresult_txt_style_extunit_nx300 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 増設表示 */
.recresult_output_style_extunit_nx300 {    
    width: 26%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - データ */
.recresult_txt_style_data_nx300 {
    display: table-cell;
    width: 1920px;
    height:  58px;
    text-align: center;
}

/* 計算結果 - HDD */
.recresult_txt_style_hdd_nx300 {
    display: table-cell;
    width: 16%;
    vertical-align: middle;
    text-align: right;
}

/* 計算結果 - HDD表示 */
.recresult_output_style_hdd_nx300 {    
    width: 20%;
    text-align: right;
}

/* 計算結果 - HDD表示_2 */
.recresult_output_style_hdd_nx300_2 {    
    width: 45%;
    font-weight : bold;
    text-align: right;
}

/* 計算結果 - 総データ容量 */
.recresult_txt_style_datasize_nx300 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 総データ容量表示 */
.recresult_output_style_datasize_nx300 {    
    width: 60%;
    text-align: right;
}

/* 計算結果 - 最大録画可能日数 */
.recresult_txt_style_maxrecdays_nx300 {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 最大録画可能日数 */
.recresult_txt_style_maxrecdays_calc_nx300 {
    display: table-cell;
    width: 25.6%;
    vertical-align: middle;
    text-align: center;
}

/* 計算結果 - 最大録画可能日数(表示) */
.recresult_output_style_maxrecdays_nx300 {    
    width: 50%;
    text-align: center;
}

/* 計算結果 - 本体1台あたりの最大録画可能日数 */
.recresult_txt_style_maxrecdays_mainunit_nx300 {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - 本体1台あたりの最大録画可能日数(表示) */
.recresult_output_style_maxreconedays_nx300 {    
    width: 50%;
    text-align: center;
}

/* 計算結果 - ストリーム数 */
.recresult_output_style_camnum_nx300 {
    width: 15%;
    text-align: right;
}

/* 計算結果 - ライセンス */
.recresult_txt_style_license_nx300 {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ライセンス2 */
.recresult_txt_style_license_nx300_2 {
    display: table-cell;
    width: 1260px;
    height: 60px;
    text-align: center;    
}

/* 計算結果 - ライセンス(サブ項目) */
.recresult_txt_style_license_sub_nx300 {
    display: table-cell;
    width: 40%;
    text-align: center;
}

/* 計算結果 - ライセンス(表示) */
.recresult_output_style_license_nx300 {    
    font-weight : bold;
    width: 20%;
    text-align: right;
}

/* 計算結果 - ライセンス(RAID) */
.recresult_txt_style_license_raid_nx300 {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;    
}

/* 計算結果 - ライセンス(RAID/表示) */
.recresult_output_style_license_raid_nx300 {    
    font-weight : bold;
    width: 20%;
    text-align: right;
}


/***** その他 *****/

/* 有効テキスト色 */
.enable_text_style {
    text-align: center;
    background-color: #FFFFFF;
}

/* 有効テキスト色 */
.enable_text_style2 {
    text-align: right;
    background-color: #FFFFFF;
}

/* 無効テキスト色 */
.disable_text_style {
    text-align: center;
    background-color: #E3E3E3;
}

/* 計算結果表示制御 行全体 */
.resultctrl_rowstep_style {
    display: table;
    width: 100%;
    margin-top: 10px;
    background-color: #FFFFFF;
}

/* 計算結果表示制御 列共通 */
.resultctrl_column_left_style {
    display: table-cell;
    text-align: left;
}

/* 計算結果表示制御 列共通 */
.resultctrl_column_right_style {
    display: table-cell;
    text-align: right;
    vertical-align:bottom;
    display: none;
}

/* テキスト出力エリア 行全体 */
.textout_rowstep {
    display: table;
    width: 100%;
    background-color: #FFFFFF;
    text-align: left;
    margin-left: 50px;
}

/* テキスト出力エリア 列共通 */
.textout_column_style {
    display: table-cell;
    white-space: nowrap;
}

/* テキスト出力エリア ボタン列(国内) */
.textout_column_button_ja_style {
    width: 40%;
}

/* テキスト出力エリア ボタン列(英) */
.textout_column_button_en_style {
    width: 30%;
}

/* テキスト出力エリア ボタン列(スペイン) */
.textout_column_button_sp_style {
    width: 40%;
}

/* テキスト出力エリア ボタン列 */
.textout_column_button_style {
    width: 35%;
}

/* テキスト出力エリア 列共通(国内) */
.textout_column_comment_ja_style {
    width: 60%;
}

/* テキスト出力エリア 列共通 */
.textout_column_comment_style {
    width: 70%;
}

/* テキスト出力 テーブル枠 */
.textout_html_table_style {
    border-collapse: collapse;
    border: 1px solid #333;
    margin-bottom: 1px;
    width: auto;
}

/* テキスト出力 テーブル枠 */
.textout_html_vms_table_style {
    border-collapse: collapse;
    border: 1px solid #333;
    margin-bottom: 1px;
    width: 180px;
}

/* テキスト出力 テーブル枠(本体台数/計算方法用) */
.textout_html_recnum_sysconfig_table_style {
    border-collapse: collapse;
    border: 1px solid #333;
    margin-bottom: 1px;
    width: 240px;
}

/* テキスト出力 テーブル枠(モデル名用) */
.textout_html_model_table_style {
    border-collapse: collapse;
    border: 1px solid #333;
    margin-bottom: 1px;
    width: 90px;
}

/* テキスト出力 テーブル枠(リザーブ用) */
.textout_html_reserve_style {
    border-collapse: collapse;
    border: 1px solid #333;
    margin-bottom: 1px;
    width: 105px;
}

/* テキスト出力 キャプション枠 */
.textout_html_caption_style {
    border-collapse: collapse;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    white-space: nowrap;
}

.textout_html_title_style {
    text-align: left;
}

/* テキスト出力(条件) タイトル */
.textout_html_title_reccond_style {
    font-size: 14px;
    text-align: center;
    background-color: #99CC66;
    margin: 0;
}

/* テキスト出力(条件) ヘッダ */
.textout_html_header_reccond_style {    
    background-color: #BED9A8;
}

.textout_html_header_reccond_style_ipro {    
    color: #ffffff;
    background-color: #10a99a;
}

/* テキスト出力(結果) タイトル */
.textout_html_title_result_style {
    font-size: 14px;
    text-align: center;
    background-color: #FFA657;
    margin: 0;
}

/* テキスト出力(結果) ヘッダ */
.textout_html_header_result_style {    
    background-color: #FFE0C4;
}

.textout_html_header_result_style_ipro {    
    color: #ffffff;
    background-color: #6464E6;
}

/* テキスト出力(結果) ヘッダ */
.textout_html_header_center_style {    
    text-align: center;
    background-color: #FFE0C4;
}

.textout_html_header_center_style_ipro {    
    text-align: center;
    background-color: #FFE0C4;
}

/* テキスト出力(結果) データ */
.textout_html_data_result_left_style {    
    text-align: left;
}

/* テキスト出力(結果) データ */
.textout_html_data_result_center_style {    
    text-align: center;
}

/* テキスト出力(結果) データ */
.textout_html_data_result_right_style {    
    text-align: right;
}
