/*
# -----------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# AITELNET 見積システム 共通用 CSS
# coding = utf-8
# -----------------------------------------------------------------------------
# -----------------------------------------------------------------------------
*/

/* ------------------------------------------------------------------------- */
/* 画面表示共通 */
/* ------------------------------------------------------------------------- */
@charset "utf-8";
/* HyperLinkのunderlineを非表示にする */
a.no-uline { text-decoration:none }
/*a { text-decoration:none }*/
/* HyperLinkの色設定 */
A:link { color:#0000ff ; text-decoration:none; }
A:visited { color:#0000ff ; }
A:active { color:#0000ff ; }
A:hover { color:#0000ff ; }

:root {
    /* --------------------------FHD画面(幅1920px)対応-------------------------- */
    /* コンテンツテーブル枠の幅 */
    /* table使い方 */
    /* <table class="tbl_waku_contents" style="width:var(--CONTENTS_TABLE_WIDTH_FHD);"> */
    --CONTENTS_TABLE_WIDTH_FHD:1660px; /* 1660px固定 */
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:'MS UI Gothic';
    /* モノクロ設定 */
    /* filter: grayscale(1.0); */
  }
body {
    background: #FFFFFF;
    color:#003366;
    font-size: var(--AITELNET_FONTSIZE_BASE);
    /*font-family:'MS UI Gothic';*/
    /*font-family:'MS PGothic';*/
    font-family:'MS UI Gothic';

}

/* セレクトリスト（DropDownList） */
select{
    font-size: var(--AITELNET_FONTSIZE_BASE);
    height: var(--AITELNET_OBJ_HEIGHT_COMMON);
    width: var(--AITELNET_OBJ_SELECT_WIDTH);
    background:#fffcda;
    cursor: pointer;
    border-radius:0.6em;
}
/*
option:first-child{
    background:green;
}
*/
/* ボタン */
button{
    font-size: var(--AITELNET_FONTSIZE_BUTTON);
    height: var(--AITELNET_OBJ_BUTTON_HEIGHT);
    width: var(--AITELNET_OBJ_BUTTON_WIDTH);
    cursor: pointer;
}
/* テキストボックス */
input{
    height: var(--AITELNET_OBJ_HEIGHT_COMMON);
    width: var(--AITELNET_CONTENTS_INPUT_TEXT_WIDTH);
    padding-left: 5px;
    padding-right: 5px;
    font-size: var(--AITELNET_FONTSIZE_BASE);
}
/* テキストエリア（複数行テキストボックス）*/
textarea{
    height: var(--AITELNET_CONTENTS_TEXTEREA_HEIGHT);
    width: var(--AITELNET_CONTENTS_INPUT_TEXT_WIDTH);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: var(--AITELNET_FONTSIZE_BASE);
    resize: none;
}

/* 入力補助メッセージ用 */
CHK_MSG{
    /*font-size:var(--AITELNET_FONTSIZE_CHK_MSG);*/
    font-size: 10px;
}

#wrapper {
    width: 100%;
    margin: 0;
    display: flex;
    /*flex-wrap: wrap;*/
}

.right-column {
    background-color: white;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: auto;
    /*position: fixed;*/
}

.div_common {
    text-align:center;
    margin: 0 auto;
    font-size:var(--AITELNET_FONTSIZE_MAIN_INFO);
}

/* コンテンツ領域 画面タイトル */
.tbl_waku_title {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    /* 20210226 FHDの幅(1920px)対応 margin-left,right autoをコメントアウト*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    width:var(--AITELNET_CONTENTS_TBL_WIDTH1);
    border-collapse:collapse;
    border-spacing:0px;
}
.tbl_waku_title td {
    height:var(--AITELNET_CONTENTS_TBL_TD_TITLE_HEIGHT);
    border:none;
    color:#FFFFFF;
    background-color: #003366;
    text-align: left;
    text-indent: 10px;
    font-size:var(--AITELNET_FONTSIZE_CONTENTS_TITLE);
    font-weight: bold;
}
/* コンテンツ領域 メイン画面用 */
.tbl_waku1 {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-left:auto;
    margin-right:auto;
    width:var(--AITELNET_CONTENTS_TBL_WIDTH1);
    border-collapse:collapse;
    border-spacing:0px;
}
.tbl_waku1 td {
    border:1px solid #72787a;
    text-align: center;
}
.tbl_waku1 th {
    height:28px;
    background-color: #003366;
    color:#FFFFFF;
    border:1px solid #72787a;
    text-align: center;
}
/* コンテンツ領域 基本Grid用 */
.tbl_waku2 {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-left:auto;
    margin-right:auto;
    width:var(--AITELNET_CONTENTS_TBL_WIDTH1);
    border-collapse:collapse;
    border-spacing:0px;
}
.tbl_waku2 td {
    border:1px solid #72787a;
    height:var(--AITELNET_CONTENTS_TBL_TD_SUBTITLE_HEIGHT);
    text-indent: 10px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku2 td a.no-uline {
    text-decoration:none
}

/* コンテンツ領域(サブウィンドウ用) 基本Grid用 */
.tbl_waku_subwin {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-left:auto;
    margin-right:auto;
    width:780px;
    border-collapse:collapse;
    border-spacing:0px;
}
.tbl_waku_subwin td {
    border:1px solid #72787a;
    height:var(--AITELNET_CONTENTS_TBL_TD_COMMON_HEIGHT);
    text-indent: 10px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku_subwin td a.no-uline {
    text-decoration:none
}

/* コンテンツ領域(サブウィンドウ用) カレンダー予定入力用 */
.tbl_waku_subwin_cal {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-left:auto;
    margin-right:auto;
    width:98%;
    border-collapse:collapse;
    border-spacing:0px;
    border:1px solid #72787a;
}
.tbl_waku_subwin_cal tr {
    border:0px solid #72787a;
}
.tbl_waku_subwin_cal th {
    border:0px solid #72787a;
    /*width:200px;*/
    width:100px;
}
.tbl_waku_subwin_cal td {
    border:0px solid #72787a;
    height:var(--AITELNET_CONTENTS_TBL_TD_COMMON_HEIGHT);
    text-indent: 10px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku_subwin_cal td a.no-uline {
    text-decoration:none
}


/* コンテンツ領域 基本テーブル (枠線無し)*/
.tbl_waku_contents_noline {
    border:none;
    border-spacing:0px;
}
.tbl_waku_contents_noline td {
    border:none;
    border-spacing:0px;
}

/* コンテンツ領域(サブウィンドウ用) 基本テーブル (枠線無し)*/
.tbl_waku_contents_noline_subwin {
    margin-left:auto;
    margin-right:auto;
    width:760px;
    border:none;
    border-spacing:0px;
}
.tbl_waku_contents_noline_subwin td {
    border:none;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}

/* コンテンツ領域 基本Grid用 */
.tbl_waku_contents {
    margin-top:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    margin-bottom:var(--AITELNET_CONTENTS_TBL_MARGIN_TOPBOTTOM);
    /* 20210226 FHDの幅(1920px)対応 margin-left,right autoをコメントアウト*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    width:var(--AITELNET_CONTENTS_TBL_WIDTH1);
    border-collapse:collapse;
    border-spacing:0px;
}

/* 基本 データフォーム TH 項目名 */
.tbl_waku_contents th {
    font-weight: bold;
    background-color: #b9deec;
    color:#003366;
    /*background-color: #b9deec;*/
    border:1px solid #72787a;
    height:var(--AITELNET_CONTENTS_TBL_TD_COMMON_HEIGHT);
    width:250px;
    text-align: left;
    text-indent: 10px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku_contents td {
    border:1px solid #72787a;
    height:var(--AITELNET_CONTENTS_TBL_TD_COMMON_HEIGHT);
    text-indent: 10px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku_contents tr:hover {
    background-color: #fdfb65;
}
.tbl_waku_contents td a.no-uline {
    text-decoration:none
}

/* コンテンツ領域(subwin用) 基本Grid用 */
.tbl_waku_contents_subwin {
    margin-left:auto;
    margin-right:auto;
    width:760px;
    border-collapse:collapse;
    border-spacing:0px;
}

.tbl_waku_contents_subwin th {
    background-color: #b9deec;
    border:1px solid #72787a;
    height:14px;
    width:250px;
    text-align: left;
    text-indent: 2px;
}
.tbl_waku_contents_subwin td {
    border:1px solid #72787a;
    height:14px;
    text-indent: 2px;
    padding-top:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
    padding-bottom:var(--AITELNET_CONTENTS_TBL_PADDING_TOPBOTTOM);
}
.tbl_waku_contents_subwin td a.no-uline {
    text-decoration:none
}

/* ------------------------------------------------------------------------- */
/* テーブル関連 */
/* ------------------------------------------------------------------------- */

/* [タイトル行] コンテンツ領域の1番目枠のタイトル行*/
.TD_TitleLine {
    color:white;
    background-color: #003366;
    font-weight: bold;
}
/* [内容 1行目] サブタイトル */
.TD_TitleLine_sub1 {
    background-color: #b9deec;
    font-weight: bold;
}
/* [内容 2行から] 左余白15px */
.TD_Lineleft15px {
    background-color: #b9deec;
    font-weight: bold;
    width: 15px;
}
/* [内容 2行から] サブタイトル */
.TD_TitleLine_sub2 {
    text-indent: 10px;
    font-weight:bold;
    background-color:#eaf2f5;
}
/* [内容 2行から] 内容行 左インデント20px; */
.TD_Line1 {
    font-weight:bold;
}


/* ------------------------------------------------------------------------- */
/* 見積用(width要検討) iframe共通用 */
/* ------------------------------------------------------------------------- */
.syouhin_html {
    border: 0; 
    margin:0; 
    padding: 0;
    width: 800px; 
    height: 500px; 
}
.iframe_ImageView {
    border: 0; 
    margin:0; 
    padding: 0;
    height: 650px; 
}

/* ------------------------------------------------------------------------- */
/* 見積メインページ　見積書表示テーブル用 */
/* ------------------------------------------------------------------------- */
.es_table_title {
    margin-left:20px
}
.es_table_title th {
    text-align: left;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.es_table_title td {
    text-align: left;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.es_table {margin-top:5px;}
.es_table td {
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}
.es_table table {
    border-collapse:collapse;
    border-spacing:0px;
}
.es_table table th {
    text-align: center;
    /*border:1px dotted rgb(125, 185, 223);*/
    border:1px solid #b5b9bb;
    background:#f6f9fa;
    text-align: left;
    text-indent: 2px;
    border-left: 0px;
    border-right: 0px;
}
.es_table table td {
    border:1px solid #b5b9bb;
    text-align: left;
    text-indent: 5px;
    border-left: 0px;
    border-right: 0px;
}

.centerMiddle_box{
    margin: -50px 0 0 -100px;  /*縦横半分をネガティブマージンでずらす*/
    position: absolute;     /*body要素に対して絶対配置*/
    top: 50%;       /*上端を中央に*/
    left: 50%;      /*左端を中央に*/
    width: 200px;   /*横幅*/
    height: 100px;  /*縦幅*/
    background-color: skyblue;
}

.tbl_noline{
    border-spacing:0px;
    border:0px;
}
.tbl_noline tr{
    border:0px;
}
.tbl_noline td{
    border:0px;
}
.cursor_point{
    cursor: pointer;
}

/* 一覧テーブル並び替え表示 */
.sort.desc:after {
content:" ▼";
}
.sort.asc:after {
content:" ▲";
}