/* ---------------  */
/* 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;
}

/* 中央 */
.text-center{
    text-align:center;
}
.self-center{
    align-self:center;
}

/* パディング */
.pad-top-10{
    padding-top:10px;
}

.pad-top-20{
    padding-top:20px;
}

/* スペース削除用 */
.font-zero{
    font-size:0px;
}

/* 垂直位置 */
.valign-bottom{
    vertical-align:bottom;
}

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

.imgMainTitle2
{
   width:120%;
   height:auto;
   /*max-height:4em;*/
   max-width:960px;
}

.imgExplain
{
   width:auto;
   height:auto;
   /*max-height:4em;*/
   max-width:700px;
}

.imgCount
{
   width:auto;
   height:auto;
   /*max-height:4em;*/
   max-width:260px;
   float:right;
}

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

.imgBuyingFlow
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:948px;
}

.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;
}

.imgWristButton
{
   width:auto;
   height:29px;
   max-width:100px;
   float:right;
   padding-top:29px;
}

.imgButton2
{
   max-width:110px;
}

.imgConfig
{
   width:auto;
   height:auto;
   max-height:200px;
   max-width:140px;
   float: left;
   vertical-align:central;
}

.imgConfig_130
{
   width:auto;
   height:auto;
   max-height:200px;
   max-width:130px;
   float: left;
   vertical-align:central;
}

.imgConfig_CSM
{
   width:180px;
   height:140px;
   max-height:200px;
   max-width:140px;
   float: left;
   vertical-align:central;
}


.imgGravity
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:100px;
   float: left;
   vertical-align:central;
}

.imgWristCarrier
{
   width:auto;
   height:auto;
   max-height:100px;
   max-width:100px;
   vertical-align:central;
}

.imgGravityPic
{
   max-height:250px;
   float: left;
   vertical-align:central;
}

.imgMounting
{
   width:104px;
   height:auto;
   float: left;
   vertical-align:central;
}


.imgLifespan{   
   width:320px;
   height:auto;
   float: left;
   vertical-align:central;
}

.imgRecommend{
   width:150px;
   height:auto;
   float: left;
   vertical-align:central;
}

.imgRecommendWrist{
   width:80px;
   height:auto;
   float: left;
   vertical-align:central;
}

.imgWristAcc{
   width:320px;
   height:auto;
   float:none;
   vertical-align:central;
   padding-left:40px;
}

.imgConfigMenu{
   width:130px;
   height:auto;
   float: left;
   vertical-align:central;

}

.imgLifespantext{
   max-width:70px;
   height:auto;
   float: left;
   vertical-align:central;
}

.imgLifespantext2{
   max-width:60px;
   height:auto;
   float: right;
   vertical-align:central;
}

.result-highlight{
    background-color:navy !important;
    color:white !important;
}

.imgRecommendText
{
   height:20px;
   /*width:100px;*/
}

.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%;
}

.imgGravityText{
   width:360px;
   height:auto;
}

.imgCarrierPic{
   width:200px;
   height:auto;
   float:left;
}


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

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


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

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

.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:17px;
}



/* オプションボタン */
.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.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;
}


/*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;
}
      
select.combo
{
    background-color:#ffffff;
    border-color:#606060;
    border-width:1px;
    border-style:Solid;
 /*   font-size:Small; */
    height:20px;
}

#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;
}

/* 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%;
}

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

#btnArea_Menu{
    width:960px;
    height:42px;
    z-index:100;
    text-align:right;
}


#btnArea_ConditionSelectionConfig{
    background:url(../Image/CompornentPart/ConditionSelectionConfigConfigBar.png) no-repeat;
    width:960px;
    height:49px;
    z-index:100;
    text-align:right;
}

#btnArea_ControllerSelection{
    background:url(../Image/CompornentPart/ControllerSelectionConfigBar.png) no-repeat;
    width:960px;
    height:40px;
    z-index:100;
    text-align:right;
}

#btnArea_Quotation{
    background:url(../Image/CompornentPart/QuotationConfig.png) no-repeat;
    width:960px;
    height:40px;
    z-index:100;
    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:160px;
}

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

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

/* 形状 */
#d-box-head{
    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;
}

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

#dvOperatingTimeError{
    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;
}

/* エラー */
#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:170px;
    max-height:80px;
}

.imgIcon{
    max-width:70px;
    max-height:70px;
}
.imgNum{
    height:auto;
    max-width:40px;
    max-height:40px;
}
.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;
}

.lblTitle{
    font-size:16pt;
    text-decoration: underline;
}

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

.modal-content {
    width:100% !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    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-content iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}*/

.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;
}

.container{
    font-size:0; /* HTML上のスペース除去用 */
    display:flex;

}

.container-exist-font{
    display:flex;

}

.container-fontsize15{
    display:flex;
    font-size:15px;
}



.container-nowrap{
    display:flex;
    flex-wrap: nowrap;
  
}

.item2_inner{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-around;  
}

 .item { 
     width:185px;
 }

 .item1 { 
     background-color: #CEF6F5;
     width:215px;
     height:450px;
     text-align:center;
 }

 .item2{
    text-align:center;
    background-color: #fcc;
    width:557px;
    height:450px;
}

 .item3{  
     text-align:center;
     background-color: #cfc; 
     width:190px;
     height:450px;
 } 


.imgbtnSize {
    width: auto;
    height: auto;
    max-width: 340px;
    max-height: 320px;
}
    
.container-item{
    flex:3;
    float:left;
}


.container-item2{
    flex:none;
}


.container-item2-pad{
    flex:none;
    padding-left:130px;
}

.container-v{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:624px;

}

.container-resultL{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:530px;

}

.container-resultR{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:430px;
  font-size:15px;
}

.container-v-err{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:960px;

}

.categorybar{
    width:624px;
}

.categorybar-resultL{
    width:530px;
}

.categorybar-resultR{
    width:430px;
}

.categorybar-no{
    width:110px;
}


.categorybar-type{
    width:700px;
}


.categorybar-price{
    width:150px;
}

.categorybar2{
    width:336px;
}

.container-item-v{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;

}

.container-item-v2{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:400px;

}

.container-item-v3{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:80px;

}

.container-item-v4{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  width:90px;

}

.container-item-v5{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  font-size:13px;
  /*width:112px;*/

}

.container-item-vw1{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  font-size:15px;
  width:80px;

}

.container-item-vw2{
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
  font-size:15px;
  width:300px;

}

.dtfont{
    font-size:10px;
}

.hr-style{
    margin:5px;
    height: 1px;
    background-color: #BDBDBD;
    border: none;
}

/* 条件入力 入力項目のパディング設定 */
.selection-contents-pad-input{
    padding-top:10px;
    padding-left:20px;
}

/* 条件入力 画像（チェック系）のパディング設定 */
.selection-contents-pad-image{
    padding-left:30px;
}

/* 型式選定 フォント設定 */
.type-font{
    font-size:21px;
    width:100px;
}

/* 型式選定 フォント設定 */
.type-font-lead{
    font-size:23px;
    width:60px;
}

/* 型式選定 パディング設定 */
.type-pad{
    padding-top:45px;
}

/* コントローラー フォント設定 */
.con-font{
    font-size:20px;
    width:120px;
}

.grid-quotation-suryo{
    background-color:#F7F8E0;
    border-top:1px solid silver !important;
    border-bottom:1px solid silver !important;
    border-left:1px solid silver !important;
    border-right:1px solid silver !important;
}

.grid-quotation{
    border-top:1px solid silver !important;
    border-bottom:1px solid silver !important;
    border-left:1px solid silver !important;
    border-right:1px solid silver !important;
}

.Result-td1{
    background-color: rgb(184,204,228);
    border:solid;
    border-width:1px;
    width:150px;    
    }


.Result-td1R{
   border:solid;
   border-top-width:1px;
   border-bottom-width:1px;
   border-right-width:1px;
   border-left-width:0px;
   width:150px;
}


.Result-td1U{
    background-color: rgb(184,204,228);
    border:solid;
   border-top-width:0px;
   border-bottom-width:1px;
   border-right-width:1px;
   border-left-width:1px;
    width:150px;    
    }


.Result-td1RU {
    border: solid;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 0px;
    width: 150px;
}


.Result-td1N{
    background-color: rgb(184,204,228);
    border:solid;
   border-top-width:0px;
   border-bottom-width:0px;
   border-right-width:1px;
   border-left-width:1px;
    width:150px;    
    }


.Result-td1RN{
   border:solid;
   border-top-width:0px;
   border-bottom-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   width:150px;
}


.Result-tdText{
    color: rgb(0,112,192);
    text-align:right;
    padding-right:15px;
}

.wristlabel{
    font-size:20px;
}

 .CarrierSubstances{
      border:solid;
      border-width:1px;
}

 .listBox{
      border:solid;
      border-width:1px;
 }

 .CarrierShape{
       border:solid;
       border-width:1px;
 }

 .item_CS { 
     width:auto;
 }

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

.item_List { 
    width:300px;
}

 .grid-Delete {
    background-color:#CEF6F5;
    border-top:1px solid silver !important;
    border-bottom:1px solid silver !important;
    border-left:1px solid silver !important;
    border-right:1px solid silver !important;
}

 /*placeholder*/
 ::-webkit-input-placeholder {
  color: #0000FF;
}
::-moz-placeholder {
  color: #0000FF; opacity: 1;
}
:-ms-input-placeholder {
  color: #0000FF;
}
 /*placeholder*/

/*選定ソフト選択*/
    .main-flex-row{
        display:flex;
        flex-direction:row;        
        justify-content:center;
        width:960px;
        font-size:0px;
    }

    .contain-flex1-column{
        display:flex;
        flex-direction:column;
        background-color:#CEF6F5;
        align-items:center;
        width:300px;
        height:300px;
    }
   
    .contain-flex2-column{
        display:flex;
        flex-direction:column;
        background-color:#cfc;
        align-items:center;
        width:450px;
        height:300px;
    }

    .contain-flex-row{
        display:flex;
        flex-direction:row;
    }

    .contain-flex-column{
        display:flex;
        flex-direction:column;
    }
/*要求仕様画面*/

/*特定機種選択*/
    .contain-flex3-column{
        display:flex;
        flex-direction:column;
        background-color:#CEF6F5;
        align-items:center;
        width:270px;
        height:470px;
    }

    .contain-flex4-column{
        display:flex;
        flex-direction:column;
        background-color:#fcc;
        align-items:center;
        width:610px;
        height:470px;
    }

    .contain-flex1-row{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        max-width:700px;
        justify-content:center;
    }

/*要求仕様画面*/

/*要求仕様画面 - 納期照会*/
    .contain-flex5-column{
        display:flex;
        flex-direction:column;
        background-color:#CEF6F5;
        align-items:center;
        width:240px;
        height:350px;
    }

    .contain-flex6-column{
        display:flex;
        flex-direction:column;
        background-color:#fcc;
        align-items:center;
        width:620px;
        height:350px;
    }
     .contain-flex7-column{
        display:flex;
        flex-direction:column;
        background-color:#cfc;
        align-items:center;
        width:210px;
        height:350px;
    }
/*要求仕様画面 - 納期照会*/