/* ---------------  */
/* layout           */
/* ---------------  */

/* 全体 */
*{  
    margin:0px;  
    padding:0px;  
} 

body
{
    margin:0px auto;
    padding:0 24px;
    color:#333333;
    /*background:#f3f3f3;*/
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    width:960px;
    float:none;
}

/* 子画面用 */
.child-body{
    margin:10px;
    padding:0px;
    color:#333333;
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    width:100px;
    height:100%;
    float:none;
}

/* 使用不可時 */
:disabled {
    opacity:0.5;
}

/* イメージ */
.imgMainTitle
{
   width:auto;
   height:auto;
   /*max-height:4em;*/
   max-width:960px;
}

.imgMenu
{
   width:auto;
   height:auto;
   max-height:3.5em;
   max-width:350px;
   padding:0px;
}

.imgBuyingFlow
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:960px;
   margin-top:-10px;
}

.imgSearchButton
{
   width:auto;
   height:auto;
   max-height:40px;
   max-width:100px;
   vertical-align:middle;
}

.imgButton
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:200px;
}

.imgButtonImage
{
   width:auto;
   height:auto;
   max-height:150px;
   max-width:150px;
   margin:10px;
}

.imgPeripheral
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:150px;
   margin:10px;
}

.imgTerms
{
   width:auto;
   height:auto;
   max-width:900px;
   margin:10px;
   /*margin-right:20px;*/
}

.imgOption
{
   width:auto;
   height:auto;
   width:100%;
   margin:10px;
   /*margin-right:20px;*/
}

.imgMark{
    max-width:80px;
    max-height:80px
}

.imgMaxWidth{
    max-width:100%
}

.imgLogo{
    max-width:200px;
}

/* 子画面用イメージ */
.imgChildTitle
{
   width:auto;
   height:auto;
   width:100%;
}

.imgRoundTrip
{
   width:auto;
   height:auto;
   width:100%;
}

.imgButtonImageChild{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:100px;
   margin:10px;
}

.imgPress
{
   width:50%;
   height:50%;
}

.imgChildButton
{
   width:120px;
   height:45px;
}

.ImgWorkLoadStateSlider
{
    cursor: pointer;
    width:auto;
    height:auto;
    max-width:110px;
    max-height:110px;
    
}


.ImgWorkLoadStateSmallType
{
    cursor: pointer;
    width:auto;
    height:auto;
    /*max-width:200px;
    max-height:110px;*/
    
}

.ImgLinearGuide
{
    cursor: pointer;
    width:auto;
    height:auto;
    /*max-width:120px;*/
    max-height:120px;
    
}

.imgButtonPosition
{
   padding:15px;
   /*margin-right:200px;*/
   text-align:center;
}

.textEmphasize
{
  font-size:33px;
  font-weight:bold;
}

.textEmphasize2
{
    font-size:26px;
}

.textEmphasize3
{
    font-size:20px;
}

.paragraph {
    margin:50px;
}

.divCenter{
    margin:5px;
}

.divCenter5{
    margin:5px;
}

#dvIfrArea{
    text-align:center;
}

#tblBreadCrumbs{
    border-collapse:collapse;
    text-align:right;
}


/* ---------------  */
/* Control Layout   */
/* ---------------  */

/* ボタン */
.ctlButton{

    }

/* タイトルラベル */
.ctlTitle{

    }

/* ラベル */
ctlLabel.size1{
   font-size:12.5px;
    }

ctlLabel.size2{
   font-size:26px;
    }

select
{
   font-size:24px;
}

.AttentionMsg{
    color:red;
    font-size:18px;
}

.WarnMsg{
    color:red;
    font-size:14px;
}



/* オプションボタン */
.ctlOpt{
    font-size:12.5px;
    color:White;
    background-color:#0000cd;
    padding-left:0em;
    padding-right:1em;
    padding-top:0.1em;
    padding-bottom:0.1em;
    height:20px;
    }
    
/* テキストエリア */
textarea
{
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:18px;
}


/* テキスト */
input.text
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
    height:25px;
    width:150px;

    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:18px;
}

input.text_2
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
    height:25px;
    width:50px;

    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:18px;
}

/* 日付テキスト */
input.date
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
    height:25px;
    width:80px;

    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:18px;
}

/* 数値テキスト */
input.number
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
    height:25px;
    width:80px;
    text-align:right;
    padding-right:1px;

    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:18px;
}

/* 検証 */
.ctlValid
{
    color:Red;
    font-size:12.5px;
    font-weight:normal;
    width:20em;
    display:inline-block;
}

/* 入力(使用不可) */
input:disabled
{
    background-color:#d3d3d3;
    color:Black;
}
textarea:disabled
{
    background-color:#d3d3d3;
    color:Black;
}
select:disabled
{
    background-color:#d3d3d3;
    color:Black;
}

/* ---------------  */
/* font             */
/* ---------------  */
#form p{
    color:  #AF1F39;
    font-weight: bold;
    }
 
#form .form-title{
    /*font-family: Arial;*/
    font-size: 30px;
    color: #4eb4c2;
    }

 .header {
    color:Black;
 }

 #form {
    font-size:0.8em;
    color:White;
   
 }
  
/* ---------------  */
/* skin             */
/* ---------------  */
#form{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 10px #E7BBC3;
    -moz-box-shadow: 0px 1px 10px #E7BBC3;
    box-shadow: 0px 1px 10px #E7BBC3;
    border: solid #AF1F39 1px;
    background: #fafafa;
      
    }
 
#form .form-title{
    padding-bottom: 6px;
    border-bottom: 2px solid #4eb4c2;
    margin-bottom: 20px;
    }
 
.submit input{
    -webkit-box-shadow: 0px 8px 6px #e3e3e3;
    -moz-box-shadow: 0px 8px 6px #e3e3e3;
    box-shadow: 0px 8px 6px #e3e3e3;
    }

input.readonly
{
    /*background-color:#d3d3d3;   /* lightgray */
    color:#000000;
}

input[type="radio"]
{
  margin-left:1em;
}

input[type="radio"]:checked + label 
{
  font-weight:bold;
}

input[type="checkbox"]
{
    margin-left:0.5em;
    width:22px;
    height:22px;
    vertical-align:middle;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
      
select.combo
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
 /*   font-size:Small; */
    height:20px;
}

.container{         
    display: flex;   
}

#container
{
    height:100%;
    _height:100%;
}

#master_header
{
    margin:0px;
    padding:0px;
}
#master_body
{
    margin:0px;
    padding:0px;
}
#master_footer
{
    margin:0px;
    padding:0px;
}

/* 同期通信用 */
.lockOff
{
  display: none;
  visibility: hidden;
}
.lockOn
{
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  text-align: center;
  padding-top: 30%;
  filter: alpha(opacity=75);
  opacity: 0.80;
}
.lockOn div
{
  width: 55%;
  background-color: white; /* #969 */
  color: black; /* White */
  font-size: small;
  border: dotted 1px White;
  padding: 9px;
  margin-left: auto;
  margin-right: auto;
}

/* 非同期通信用 */
.lockOffUpdp
{
  display: none;
  visibility: hidden;
}
.lockOnUpdp
{
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 105%;
  height: 105%;
  background-color: #ccc;
  text-align: center;
  padding-top: 20%;
  filter: alpha(opacity=80);
  opacity: 0.75;
}
.lockOnUpdp div
{
  width: 55%;
  background-color: white; /* #969 */
  color: black; /* White */
  font-size: small;
  border: dotted 1px White;
  padding: 9px;
  margin-left: auto;
  margin-right: auto;
}

/*テーブルレイアウト*/
table.Peripheral {
    width: 950px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 1px 1px;
    font-size: 18px;
}
 
table.Peripheral th,
table.Peripheral td {
    /*padding-left:1px;*/
    border:1.5px #ADD8E6 solid;
    text-align:center;
    vertical-align:middle;
}
 
table.Peripheral th {
    background: #6494ED ;
    vertical-align: middle;
    text-align: center;
    width: 230px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 18px;

}
 
table.Peripheral th:after {
    left: 100%;
    top: 50%;
    border: solid #191970;
    content: " ";
    height: 0;
    width: 1.5px;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 0px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.Peripheral th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.Peripheral td {
    background: #f8f8f8;
    width: 700px;
}

/*テーブルレイアウト*/
table.Address {
    width: 800px;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0px 1px;
    font-size: 18px;
}
 
table.Address th,
table.Address td {
padding-left:1px;
}
 
table.Address th {
    background: #FFCC99;
    vertical-align: middle;
    text-align: left;
    width: 200px;
    overflow: visible;
    position: relative;
    color: #000;
    font-weight: normal;
    font-size: 18px;
}
 
table.Address th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 0px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.Address th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.Address td {
    /*background: #f8f8f8;*/
    width: 400px;
}

/*テーブルレイアウト*/
table.Grid{
    /*width: 900px;*/
    margin: 0px;
    border-collapse: separate !important;
    border-spacing: 1px 1px;
    border:0px #FFCC66 solid;
    font-size: 18px;
}
 
table.Grid th,
table.Grid td {
    padding-left:1px;
    border:0px #FFE4C4 solid;
}
 
table.Grid th {
    background:  #FFCC99;
    vertical-align: middle;
    text-align: left;
    /*width: 230px;*/
    overflow: visible;
    position: relative;
    color: black;
    font-weight: normal;
    font-size: 18px;
    height: 29px;
}
 
table.Grid th:after {
    left: 100%;
    top: 50%;
    border: solid #FFEFD5;
    content: " ";
    height: 0;
    width: 1.5px;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 0px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.Grid th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.Grid td {
    background:#FFEFD5;
    /*width: 700px;*/
}

/* 見積番号テーブル */
table.tblEstimateNo{
    margin-left:50px;
    height:30px;
    vertical-align:baseline;
}

.tblEstimateTdLeft{
    background-color:#FFCC99;
    width:150px;
    color:black;
    font-size:18px;
}

.tblEstimateTdRight{
    background-color:#FFEFD5;
    width:200px;
    font-size:13pt;
}

.tdRowMagin{
    height:15px;
}

/* 入力テーブル */
.TableInp 
{
    border:1px solid #AF1F39;
    border-collapse:collapse;
    font-size:12.5px;
}

/* 入力テーブル.セル */
.TableInp td
{
    padding:0.3em;
    border:1px solid #AF1F39;
    color:Black;
    width:8em;
}

/* 入力テーブル.行ヘッダ */
.TableInp th
{
    padding:0.3em;
    background-color:#AF1F39;
    text-align:left;
    font-weight:normal;
}


/* 入力テーブル.列ヘッダ */
.TableInp .tdHD
{
    background-color:#E7BBC3;
}


/* Floatクリア */
.clear { clear:both; }  


table td { vertical-align: baseline; }
.header td { vertical-align: middle; }


/* グリッド */
DataGridView.grid
{
  width: 100%;
}

.grid h2
{
  margin: 0;
  padding: 0;
  color: #ffffff;
  height: 20px;
  line-height: 20px;
  font-size: 12.5px;
}
.grid .mid
{
  padding: 3px 0px 0px 0px;
}

/* グリッドタイトル */
.grid .grid-title
{
    /* width:100%; */
    background-color:#AF1F39;
    padding:0.3em;
    font-weight:normal;
    font-size:12.5px;
}

/* グリッド.テーブル */
.grid .datatable
{
  color: #000;
  width:100%;
}

/* 最終確認説明 */
#OrderDescription{
    margin-top:20px;
}

/*site-box*/
#site-box{
    width:960px;
    border: 1px solid transparent;
}

/*条件入力*/
#requirement-box{
    width:648px;
    float:left;
    border: 0px solid transparent;
}

/*選定結果*/
#select-box{
    width:308px;
    float:right;
    border: 0px solid transparent;
}

/*用途*/
#a-box{
    width:648px;
    height:55px;    
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    
/*border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:black;*/

}

/*用途*/
#a-box-rt{
    width:648px;
    height:55px;    
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;    
}


#a-box_2{
    width:648px;
    height:55px;    
    display:flex;
    align-items:center;    
}

/*スライダー/ロッドタイプ*/
#b-box{
    width:648px;
    height:55px;
    display:table-cell; 
    vertical-align:middle;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    
/*border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:black;*/

}

/*デジタルスピコン/モーター折り返し*/
#a_1-box{
    width:648px;
    height:55px;    
    display:flex;
    align-items:center;

    border-top-width:thin;
    border-top-color:black;
    
}

/*デジタルスピコン/モーター折り返し*/
#a_2-box{

    width:648px;
    height:65px;    
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    margin-left:9px;
    
}

/*デジタルスピコン/モーター折り返し*/
#a_3-box{

    width:648px;
    height:60px;    
    display:flex;
    align-items:center;

    margin-left:11px;
    
}

#a-box-input {
    text-align:right;
    vertical-align:top;
    margin-top:15px;
    margin-right:10px;
}

#a-box-input_2 {
    text-align:right;
    vertical-align:top;
    margin-top:15px;
    margin-right:10px;
}

#a-box-inpu_3 {
    text-align:right;
    vertical-align:top;
    margin-top:15px;
    margin-right:10px;
}

/*設置方向*/
#c-box{
    width:648px;
    height:65px;
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

#c-box-resemble{
    width:648px;
    height:75px;
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

/*動作範囲*/
#d-box{
    width:648px;   
    height:55px;
    display:flex;
    align-items:center;
    justify-content:space-between;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    
/*border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:black;*/

}

#d-box input[type="text"] {
    width:80px;
    text-align:right;
}

#d-box-load {
    float:left;
    margin-top:10px;
}

#d-box-input {
    text-align:right;
    vertical-align:top;
    margin-top:15px;
    margin-right:10px;
}

#d-box-input_2 {
    text-align:right;
    vertical-align:top;
    margin-top:15px;
    margin-right:10px;
}

/*荷重・重心位置*/
#e-box{
    width:648px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:space-between;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    
/*border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:black;*/

}

/*サイクルタイム*/
#f-box{
    width:648px;
    height:55px;
    display:table-cell;
    vertical-align:middle;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
    
    /*border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:black;*/
}

/*運転時間*/
#g-box{
    width:648px;
    height:55px;
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

#g-box-head{
    /*float:left;*/
    /*height:70px;*/
}

#g-box-input{
    text-align:right;
    margin-top:15px;
    margin-right:10px;
}

#g-box-load{
    /*text-align:right;*/
    margin-top:15px;
    margin-left:7px;
    width:180px;
    float:left;
}

#g-box input[type="text"] {
    width:120px;
    vertical-align:top;
}

/*推奨機種*/
#h-box{
    width:308px;
    height:350px;
    /*display:none;*/
}

/*ボタン*/
#i-box{
    width:310px;
    clear:both;
}

/*押付*/
#j-box{
    width:648px;
    height:55px;
    display:table-cell; 
    vertical-align:middle;
    display:none;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

/*荷重(ロッド)*/
#k-box{
    width:648px;
    height:65px;
    display:table-cell; 
    vertical-align:middle;
    display:none;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

/*荷重(ロッド：ラジアルシリンダー)*/
#l-box{
    width:648px;
    height:55px;
    display:table-cell; 
    vertical-align:middle;
    display:none;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

/*荷重(細小型)*/
#m-box{
    width:648px;
    height:55px;
    display:table-cell; 
    vertical-align:middle;
    display:none;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

/*押付（細小型）*/
#n-box{
    width:648px;
    height:55px;
    display:table-cell; 
    vertical-align:middle;
    display:none;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;

}

#o-box{
    width:648px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:space-between;

        border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;

}

/*負荷形状*/
#p-box{
    width:648px;
    height:55px;
    display:flex;
    align-items:center;

    border-top-style:solid;
    border-top-width:thin;
    border-top-color:black;
}

#e-box-head{
    float:left;
}

#e-box-load{
    /*float:right;*/
    text-align:right;
    margin-right:10px;
    vertical-align:top;
}
#e-box-moment{
    text-align:right;
    /*margin-right:10px;
    vertical-align:top;*/
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-top:15px;
}

#e-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    vertical-align:top;
}

#e-box-moment input[type="text"] {
    width:80px; 
    text-align:right;
    vertical-align:top;
}

#e-box-input{
    text-align:right;
    margin-right:10px;
    margin-top:10px;
}

#e-box-input input[type="text"] {
    width:80px; 
    text-align:right;
}

#e-box-load input[type="text"][disabled]{
    background:#EEEEEE;
    /*cursor:not-allowed;*/ /* 禁止カーソル */

}

#e-box-moment{
    /*float:right;*/
}
#e-box-moment input[type="text"] {
    width:80px;    
    text-align:right;
}

#e-box-moment input[type="text"][disabled]{
    background:#EEEEEE;
    /*cursor:not-allowed;*/ /* 禁止カーソル */

}

#f-box-input input[type="text"] {
    text-align:right;
    vertical-align:top;
}

#g-box input[type="text"] {
    text-align:right;
}

#j-box-head{
    float:left;
}

#j-box-load{
    margin-top:20px;
}

#j-box-input input[type="text"] {
    width:80px; 
    text-align:right;
}


#j-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    margin-left:160px;
}

#n-box-head{
    float:left;
}

#n-box-load{
    margin-top:20px;
}

#n-box-input input[type="text"] {
    width:80px; 
    text-align:right;
}


#n-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    margin-left:160px;
}

#k-box-head{
    float:left;
}

#k-box-load{
    margin-top:20px;
}

#k-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    margin-left:110px;
}

#l-box-head{
    float:left;
}

#l-box-load{
    margin-top:20px;
}

#l-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    margin-left:110px;
}

#m-box-head{
    float:left;
}

#m-box-load{
    text-align:right;
    margin-right:10px;
    vertical-align:top;
}
#m-box-moment{
    text-align:right;
    margin-right:10px;
    vertical-align:top;
}

#m-box-load input[type="text"] {
    width:80px; 
    text-align:right;
    vertical-align:top;
}

#m-box-moment input[type="text"] {
    width:80px; 
    text-align:right;
    vertical-align:top;
}


/*選定結果ボタン*/
#h-box-btn-area{
    text-align:center;
    clear:both;    
}

/* 選定結果 */
#h-box-image{
    width:250px;
    height:175px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

#h-box-model-head{
    margin-left:30px;
}

#h-box-model{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

/*金額*/
#h-box-price-head{
    margin-left:30px;
}

#h-box-price{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

/*サイクルタイム*/
#h-box-cycle-head{
    margin-left:30px;
}

#h-box-cycle{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

/*寿命 - 時間*/
#h-box-life-head{
    margin-left:30px;
}

#h-box-life{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

/*寿命 - 距離*/
#h-box-shipment-head{
    margin-left:30px;
}

#h-box-shipment{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;
    text-align:center;
    vertical-align:middle;
    margin-left:30px;
}

/*寿命 - 距離*/
#h-box-note-head{
    margin-left:30px;
}

#h-box-note{
    width:250px;
    height:40px;
    background-color:white;
    border-radius:10px;   
    text-align:center;
    vertical-align:middle;
    margin-left:30px;     
}

#h-box-errMsg{
    float:left;
    clear:both;
}

#f-box-head{
    float:left;
}

#f-box-select{
    width:150px;
    float:left;
}

#f-box-input{
    text-align:right;
    margin-right:10px;
    margin-top:10px;
}

#f-box-input input[type="text"] {
    /*width:120px;*/
    text-align:right;
}

#o-box-input{
    text-align:right;
    margin-right:10px;
    margin-top:10px;
}

#o-box-input input[type="text"] {
    width:80px; 
    text-align:right;
}


#cnt-box{
    height:300px;
}

#btnArea{
    text-align:right;
}

#site-box-center{
    width:960px;
    border: 1px solid transparent;
    text-align:center;
}

/* エアシリンダ */
#resemble-box{
    display:table-cell;
    width:645px;
    float:left;
    border: 1px solid transparent;
}


/* ボア径 */
#a-box-head{
    width:200px;
    /*height:80px;
    display:table-cell;*/ 
    vertical-align:middle;
    float:left;
    /*height:130px;*/
    /*height:200px;*/
    height:300px;
}

#a-box-rt-head{
    width:200px;
    /*height:80px;
    display:table-cell;*/ 
    vertical-align:middle;
    float:left;
    /*height:130px;*/
    height:120px;
}

#a-box-head_2{
    float:left;
}

#a-box-head_3{
    float:left;
}

/* エア供給圧力 */
#b-box-head{
    float:left;
}

/* 形状 */
#c-box-head{
    float:left;
    vertical-align:middle;
    height:160px;
}

/* 形状 */
#d-box-head{
    float:left;
}

#d-box-head_2{
    float:left;
}

.imgbtnForm{
    max-width:200px
}

#dvOperatingTimeEntry{
    height:40px;
    text-align:right;
}
#dvRoundTripEntry{
    text-align:right;
    margin-right:20px;
    height:40px;
}
#dvOperatingDayEntry{
    text-align:right;
    margin-right:20px;
    height:40px;
}

#dvHopeLifeEntry{
    text-align:right;
    margin-right:20px;
    height:40px;
}

#dvRoundTripError{
    height:30px;
    text-align:right;
    margin-right:20px;
}

#dvOperatingTimeError{
    height:30px;
    text-align:right;
    margin-right:20px;
}

#dvHopeLifeError{
    height:30px;
    text-align:right;
    margin-right:20px;
}

/*#dvOffSetDistanceError{
    height:30px;
    text-align:right;
    margin-right:20px;
}*/

#dvOverhangDistanceError{
    height:30px;
    text-align:right;
    margin-right:20px;
}

#dvOperatingDayError{
    height:30px;
    text-align:right;
    margin-right:20px;
}

#dvOptionError{
    height:100px;
    text-align:center;
    margin-right:20px;
}

/* サイクルタイム入力 */
#dvCycleTimeEntry{
    text-align:right;
    margin-right:20px;
}

#dvCycleTimeDisp{
    text-align:right;
}

/* 荷重(ロッド) */
#dvLoadRodEntry{
    text-align:right;
    margin-right:70px;
}

#dvLoadRodImage{
    text-align:center;
}

/* エラー */
#err-box-title{
    font-size:26px;
    text-align:center;
    margin-top:40px;
    margin-bottom:10px;
}

#err-box-content {
    text-align:center;
    margin-top:20px;
    width:100%;
}

#err-btn-area{
    text-align:center;
    margin-top:30px;
}

.imgHead1{    
    height:auto;
    max-width:170px;
    max-height:50px;
}

.imgHead2{    
    width:auto;
    height:auto;
    max-width:200px;
    max-height:50px;
}

.imgHead3{
    width:auto;
    height:auto;
    max-width:308px;
    max-height:50px;

}

.imgbtnChk{
    max-width:135px;
    max-height:80px;
}

.imgbtnChk_2{
    max-width:90px;
    max-height:80px;
}

.imgbtnChk_3{
    max-width:145px;
    max-height:80px;
}

.imgIcon{
    max-width:60px;
    max-height:60px;
}

.imgIcon2{
    max-width:50px;
    max-height:50px;
}

.imgNum{
    height:auto;
    max-width:40px;
    max-height:40px;
    margin-top:5px;
}
.imgRecommendModel{
    height:auto;
    max-width:150px;
    max-height:150px;
}
.imgStroke{
    height:auto;
    max-width:140px;
    max-height:50px;
}
.imgbtnConditions{
    max-width:160px;
}

.imgbtnConditions2{
    max-width:150px;
}

.imgbtnHome {
    max-width:120px;
    max-height:80px;
}

.imgbtnContact {
    max-width:120px;
    max-height:80px;
}

#ContentPlaceHolder1_imgbtnSmallType {
    /*width:100px;*/
    height:45px;
    /*margin-right:5px;*/
}

#ContentPlaceHolder1_imgSmallType {
    /*margin-right:30px;*/
}




/*******************************/
/*  子画面用表示             */
/*******************************/
#child-site-box{
    width:800px;
    border: 1px solid transparent;
    display: table;
}
/* entry-box */
#entry-box{
    width:850px;
    border: 1px solid transparent;
    /*display: table-cell;*/
}
/* result-box */
#result-box{
    width:160px;
    background-color:#E0ECF8;
    display: table-cell;
    text-align:center;
    border: 1px solid transparent;
}
.lblTitle{
    font-size:16pt;
    text-decoration: underline;
}

.lblFix{
    /*display:block;*/
    /*float:left;*/
    width:100px;
}

.hr-margin{
    margin-top:8px;

}

/*******************************/
/*  モーダル用表示             */
/*******************************/

.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:100%;
    height:100%;
    margin:0;
    padding:0px;
    border:2px solid #aaa;
    background:#fff;
    overflow-y: scroll;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.modal-area-left{
    width:85%;
    float:left;
}
.modal-area-right{
    width:15%;
    float:right;
}
.modal-area-if{
    /*width:100%;*/
    width:900px;
    /*height:600px;*/
}

#dvChildBtnArea{
    text-align:center;
}

/*Check*/
label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}

label.checkbox_text {
	padding-left : calc(20px + 5px);
	/*line-height  : 25px;*/
    border-radius: 4px;
    border-width: 4px;
}
/** before after **/
label.checkbox_text:before,label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 3px solid #232323;
	border-bottom     : 3px solid #232323;
	top               : calc(50% - (((20px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((20px / 12 ) * 5) * -1);
	width             : calc(((25px / 12 ) * 5));
	height            : 20px;
	z-index           : 1;
}

label.checkbox_text:before {
	width    : 25px;
	height   : 25px;
	left     : 0px;
	top      : 0;
	border   : 1.5px solid #555555;
	z-index  : 3;
	box-sizing: border-box;
    border-radius:4px;
}
label.checkbox_text:after {
	left : calc((20px / 2) - (((17px / 12 ) * 5) / 2));
}
/** input **/
label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 25px;
	height     : 25px;
	box-sizing    : border-box;
	outline       : none;
}
label.checkbox_text input[type="checkbox"]{
	left       : calc(25px * -1);
	padding    : 0;
}

label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 25px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 25px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 25px 0px #EEE;
}

 .item_CS { 
     width:auto;
 }

.AttentionMsg{
    color:red;
    font-size:18px;
}

/*搬送物質*/
 .item_CS { 
     width:auto;
 }

.item_CS_btn { 
    width:auto;
    text-align:right;
 }

.item_List { 
    width:300px;
}

.container-exist-font{
    display:flex;

}

.rotary-slick-grid {
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight:normal;
    text-align:center;
    font-size:13px;
}

/*2021.07.01 UNITEC MOD START R-unit2次開発*/
/************************************************/
/*  R-unitコントローラー機種選定システム用表示　*/
/************************************************/
.RUCTitleHeader {
    background-color: #660066;
    width: auto;
    height: auto;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    margin-left: 20px;
    color: white;
}
/*2021.07.01 UNITEC MOD END*/

/*2021.07.15 UNITEC ADD START No.137対応*/
.RUCBtnNextTranEnable {
    border-color: red;
    border-style: solid;
    border-width: 3px;
}
/*2021.07.15 UNITEC ADD END*/