@charset "utf-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,button,input,select,textarea{
/*margin:0;padding:0; */border:0; /*font-size:100%; /*background:transparent;*/ /*-moz-box-sizing:border-box; -webkit-box-sizing:border-box;*/ box-sizing:border-box; }

.clearfix {
    zoom: 1;
}
.icon_help_ver1{
        cursor: pointer;
    text-align: center;
    display: inline-block;
    line-height: 1.3;
    padding: 0.1em 0.45em;
    font-weight: bold;
    border-radius: 20px;
    font-size: 0.75em;
    background: #25a;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff !important;
    position: relative;
}
/*for modern browser*/
.clearfix:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}
* html .clearfix{display:inline-table; /*\*/display:block;/**/}

#megamenu2 #section_series2 div.clearfix h2{ float:left ; margin:10px 0 0 35px; display:inline;}
#megamenu2 #section_series2 div.clearfix #link_abc{ float:right; color:#999; display:inline; margin:10px 10px 0 0; padding:0 0 0 0; border-bottom: solid 3px #eee;}
#megamenu2 #section_series2 div.clearfix #link_abc a{ color:#333; text-decoration:underline;}
#megamenu2 #section_series2 div.clearfix #link_abc a:hover{ text-decoration:none; color:#039;}

div#contentsBox {
    max-width: 1200px;
    margin: 0 auto;
padding:0 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1{
    display: block;
    width: 100%;
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 10px;
}

/* Aタグの下線を消す */
a {
    text-decoration: none;
}

.style02{
    line-height: 40px;
}

h2.style02, div.style02, div.style02 .text18 {
    background: #fff !important;
    width: 100% !important;
    padding-left: 0;
    color: #000;
    height: auto !important;
}

h2.text18 span {
    font-weight: normal;
}

.anchor.fixed .text18, .anchor.fixed input {
    padding-left: 5px !important;
}

.text18, h1{text-align: left;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    margin-top: 20px;
    padding: 0 10px;}

span.text18 {
    font-size: 20px;
}



.unit_box .unit_inner2.area_form {
    width: 555px;
}

.unit_box .unit_inner2 {
    margin-right: 20px;
    border-radius: 5px;
    padding-bottom: 10px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    background-color: #e6edf8;
    position: relative;
}



@media screen and (max-width: 1000px){
.unit_box .unit_inner2.how_to_use {
    width: 95%;
}
div#contentsBox {
    padding: 0 20px;
}

}

/* アイコン部分 */
legend span.icon_help {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 0;
    line-height: 1.3;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    border-radius: 20px;
}

a.icon_text.color01 {
    border: 2px solid #c44;
    background-color: #d45;
    background: -ms-linear-gradient(top, #e56b77 0%,#d6394a 100%);
    background: linear-gradient(to bottom, #e56b77 0%,#d6394a 100%);
    position: relative;
}

a.icon_text {
    font-family: 'Chivo', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    line-height: 1;
    padding: 3px 10px;
    text-align: center;
    border: 2px solid #a6bad2;
    background: #4b8bb3;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    text-decoration: none;
}

a.icon_text.color05 {
    border: 2px solid #bca;
    background-color: #fff;
    background: -ms-linear-gradient(top, #fff 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0%,#f1f1f1 100%);
    position: relative;
    color: #390 !important;
}

a.icon_text {
    font-family: 'Chivo', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    line-height: 1;
    padding: 3px 10px;
    text-align: center;
    border: 2px solid #a6bad2;
    background: #4b8bb3;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
}





/** ボックスタイトルとアイコン画像
-------------------------------------------------------------------**/
#conditions-form fieldset legend {
    position: relative;
    background: #25a;
    background: -ms-linear-gradient(top, #2d61b2 0%,#1c4a9f 100%);
    background: linear-gradient(to bottom, #2d61b2 0%,#1c4a9f 100%);
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    /*-font-size: 1.2em;-*/
    width: 100%;
    behavior: url(/search/js/lib/PIE.htc);
}

#conditions-form fieldset legend img {
    position: absolute;
    top: -8px;
    left: 5px;
    -webkit-box-shadow: rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;
    -moz-box-shadow: rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;
    behavior: url(/search/js/lib/PIE.htc);
}

#conditions-form fieldset legend label span,
#conditions-form fieldset legend label input {
    margin-left: 10px;
    margin-right: 0px;
    white-space: nowrap;
}
#conditions-form fieldset legend img + span {
    margin-left: 55px;
}

#conditions-form #conditions-advanced fieldset legend {
    margin-bottom: 15px;
    background: #def0fb;
    background: -ms-linear-gradient(top, #fff 0%, #c3e4f7 100%);
    background: linear-gradient(to bottom, #fff 0%, #c3e4f7 100%);
    color: #345;
}
#conditions-form #conditions-advanced fieldset div.ui_box fieldset legend {
    margin-bottom: 10px;
}

legend input {
    vertical-align: sub;
}
fieldset > div.ui_title_checkbox_refer {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
fieldset > div.ui_title_checkbox_refer.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}


/** ボックス幅設定
-------------------------------------------------------------------**/	
div.ui_box.unit_inner1{ width:100%; max-width:1160px;}
div.ui_box.unit_inner2,div.ui_box.unit_inner2_long2{ width:570px;}
div.ui_box.unit_inner2_long1{width: 766px;}
div.ui_box.unit_inner3{ width:373.3px;}
div.ui_box.unit_inner4{ width:275px;}

div.ui_box.unit_inner1 .unit_inner3{ width:300px; margin-right:0; margin-bottom:15px; margin-left:12px;}
div.ui_box.unit_inner1 .unit_inner2{ width:550px; margin-right:0; margin-bottom:15px; margin-left:12px;}
div.ui_box.unit_inner1 .unit_inner1{ width:945px; margin-right:0; margin-bottom:15px; margin-left:12px;}

/** ボックス内共通設定
-------------------------------------------------------------------**/
#conditions-form div.ui_box {
    float: left;
    margin:0 10px 20px; 
    padding-bottom: 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    position:relative;
    background-color: #fff;
    background: #fff;
    background: -ms-linear-gradient(top, #fefbe8 0%, #fefdf3 100%);
    background: linear-gradient(to bottom, #fefbe8 0%, #fff 100%);
		-pie-background: linear-gradient(top, #fefbe8 0%, #fff 100%);
}

#conditions-form div.ui_box:hover {
    background: #fff;
    box-shadow: rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;
    -webkit-box-shadow: rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;
    -moz-box-shadow: rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;
}

#conditions-form #conditions-advanced div.ui_box {
    background: #f5f7fa;
}
#conditions-form #conditions-advanced div.ui_box:hover {
    background: #fff !important;
}


/** ボックス内設定
-------------------------------------------------------------------**/
fieldset > div{
    margin-left: 10px;
}
fieldset ul.radio li{ display:inline-block; margin-right:10px;}
fieldset a{ color:#06C !important;}
fieldset p{ margin-left:10px;}
fieldset input{ vertical-align: sub; margin-right:5px;}

fieldset label + input,
fieldset label + select {
    margin-left:5px;
}

/*div.ui_box ul li{ padding-top:1px; padding-bottom:1px;} 幅調整用　*/
fieldset ul li img{ vertical-align: middle; margin-right:5px;} /*- フォームの前に画像を置く場合に適用　（例：製品形状とか） -*/
fieldset li {
    float: left;
    margin-right: 10px!important;
    padding: 2px;
    white-space: nowrap;
    margin-bottom: 5px;
}

fieldset dt {
    clear: both;
    font-weight: bold;
}

fieldset input,
fieldset select {
    vertical-align: middle;
    border: solid 1px #ccc;
    padding: 5px;
    border-radius: 3px;
    background: #dbdbdb;
    -webkit-appearance:auto;
}

fieldset input[type="text"]{
    width: 10em;
}

fieldset label.disabled {
    color: silver;
}

.disabled{ color:#C0C0C0}
dt.disabled+dd{ color:#C0C0C0}

fieldset div.inputtablerange{
    color: red;
}

.ui_container {
    display: none;
}
/** UI Type B
-------------------------------------------------------------------**/
.ui_type_b .ui_condition_contents > ul {
    margin-right: 10px;
}
.ui_type_b .ui_condition_contents > ul > li {
    width: 100%;
		white-space: inherit; /*- 20150518 -*/
}
.ui_type_b .ui_condition_contents > ul > li dl{ border-bottom: solid 1px #3a86d2;  border-top: solid 1px #3a86d2; margin-bottom:3px; width:100%; display:table}
.ui_type_b .ui_condition_contents > ul > li dl dt{
    position:relative;
   /* display:inline-block;*/  /*- 20150518 -*/
    color:#fff;
    background:#3a86d2;
    background: -ms-linear-gradient(top, #3a86d2 0%, #619edb 100%);
    background: linear-gradient(to bottom, #3a86d2 0%, #619edb 100%);
    -pie-background: linear-gradient(top, #3a86d2 0%, #619edb 100%);
    behavior: url(/search/js/lib/PIE.htc);
		display:table-cell; /*- 20150518 -*/
}
.ui_type_b .ui_condition_contents > ul > li dl dd{ display:inline-block; min-width:auto!important; width: auto!important;}
.ui_type_b .ui_condition_contents > ul > li dl dt,
.ui_type_b .ui_condition_contents > ul > li dl dd{ margin-right:10px; padding: 1px 3px 1px 5px; vertical-align: top;    /*- 20150518 -*/ width:190px;}
.ui_type_b .ui_condition_contents > ul > li dl dd{ margin-right:10px; padding: 1px 3px 1px 5px; vertical-align: top;    /*- 20150518 -*/ width:190px;}
/*.ui_type_b .ui_condition_contents > ul > li dl dd{ display:inline;*/ /*- 20150518 -min-width:210px; margin-bottom:0;}*/ 
.ui_type_b .ui_condition_contents > ul > li dl dd{ display:inline-block; min-width:42px; margin-bottom:0;}
div#ul-item-box-s-9.ui_item-2-9 dd label span { min-width: 100px;}

.ui_type_b .ui_condition_contents > ul > li dl dt label,
.ui_type_b .ui_condition_contents > ul > li dl dd label{ width:auto; vertical-align:inherit;   /*- 20150518 -*/ white-space:nowrap; padding: 0 !important}
.ui_type_b .ui_condition_contents > ul > li dl dt label{ white-space:normal; padding-left: 1.7em;text-indent: -1.7em; line-height:1.5em;}
.ui_type_b .ui_condition_contents > ul > li dl dt label input,
.ui_type_b .ui_condition_contents > ul > li dl dd label input{vertical-align: sub;}


/*.ui_type_b .ui_condition_contents > ul > li dl{ display:table; width:945px;}
.ui_type_b .ui_condition_contents > ul > li dl dt{ display:table-cell; width:190px;}
.ui_type_b .ui_condition_contents > ul > li dl dd{ width:190px;}*/

/** UI Type C
-------------------------------------------------------------------**/
.ui_type_c .ui_condition_contents > dl{ }
.ui_type_c .ui_condition_contents > dl dt,
.ui_type_c .ui_condition_contents > dl dd{  margin-bottom:5px;/* display:inline-block; */vertical-align:top;/*border-top: solid 1px #ccc; padding-top:5px; */ }
.ui_type_c .ui_condition_contents > dl dt{ clear:left; float:left;/* margin-right:10px;*/vertical-align: middle; min-width:170px; }
.ui_type_c .ui_condition_contents > dl dd{/* width: auto; vertical-align: sub;*/}
.ui_type_c .ui_condition_contents > dl dt label{vertical-align:top; width:auto; /*white-space:nowrap;*/}
.ui_type_c .ui_condition_contents > dl dt label img{ vertical-align:middle;}

/** UI Type F or J
-------------------------------------------------------------------**/
.ui_type_f fieldset div.ui_item_box,
.ui_type_j fieldset div.ui_item_box {
}
.ui_type_f div.text .level,
.ui_type_j div.text .level {
    white-space: nowrap;
}
.ui_type_f div.text .level label,
.ui_type_j div.text .level label {
    margin-left: 10px;
}
.ui_type_f div.allow_extend_flag,
.ui_type_j div.allow_extend_flag {
    padding-right: 5px;
}

/** UI Type H
-------------------------------------------------------------------**/
div.ui_type_h fieldset div.ui_item_box.select {
    display: inline-block;
}

/** UI Type I
-------------------------------------------------------------------**/
div.ui_type_i fieldset div.ui_item_box.select {
    display: inline-block;
}

/** UI Type K
-------------------------------------------------------------------**/
div.ui_type_k fieldset div.ui_item_box {
    display: inline-block;
}

/** UI Type L
-------------------------------------------------------------------**/
div.ui_type_l fieldset div.ui_item_box {
    float: left;
}
fieldset input.calendar {
    margin-left: 0;
    width: 7em;
}

/** UI Type M
-------------------------------------------------------------------**/
div.ui_type_m{ min-height:85px;}
div.ui_type_m fieldset div.ui_item_box {
    padding-right: 5px;
}
div.ui_type_m fieldset div.slider {
   /* float: left;
    width: 65%;*/
		width:96%;
		margin-top:5px;
		margin-left:5px
}
div.ui_type_m fieldset p.unit {
    /*float: left;
		margin-top:-5px;
		height:20px;*/
	height:15px;
	margin-left:5px;
}

/** UI Type N (Charateristic Graph)
-------------------------------------------------------------------**/
div.ui_type_n fieldset div.ui_item_box {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
div.ui_type_n fieldset div.ui_item_box.combine,
div.ui_type_n fieldset div.ui_item_box.combine + div.ui_item_box {
    width: auto;
}

div.ui_type_n fieldset div.ui_item_box > label {
    display: inline-block;
    width: 91px;
}
div.ui_type_n fieldset label.condition_name span.option {
    color: red;
}
div.ui_type_n fieldset div.ui_item_box.combine + div.ui_item_box > label {
    display: inline;
}

div.ui_type_n fieldset div.ui_item_box input[type="text"] {
    width: 5em;
}

div.ui_type_n fieldset div.apply  {
    margin-top:10px;
    text-align:center;
}

div.ui_type_n fieldset div.apply input[type="button"] {
    background-clip: padding-box;
    background-color: #eef5ff !important;
    background-image: -moz-linear-gradient(center top , #fff, #e8faff);
    color: #333;
    font-weight: bold;
    padding: 3px 60px;
}
div.ui_type_n fieldset div.apply input[type="button"][disabled] {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/** 用途
-------------------------------------------------------------------**/
.ui_type_c .ui_condition_contents > dl dt,
.ui_type_c .ui_condition_contents > dl dd{ margin-bottom:5px; display: inherit; vertical-align:top; float:left; border-top: solid 1px #ccc; padding-top:5px; }
.ui_type_c .ui_condition_contents > dl dt{ /*min-width:160px !important;*/ clear: left; float: left; margin-right:0; padding-right:1em;vertical-align: top; }
.ui_type_c .ui_condition_contents > dl dd{width: 65%; vertical-align: sub;   background:url(../img/line01.png) 0 top no-repeat; padding-top:6px;}
.ui_type_c .ui_condition_contents > dl dt label{vertical-align:top; width:auto; display:block;}
.ui_type_c .ui_condition_contents > dl dt label em{ font-weight: normal; display: inline;}
.ui_type_c .ui_condition_contents > dl dt label span{ white-space: nowrap; vertical-align:top; display: inline;}
.ui_type_c .ui_condition_contents > dl dt label input{ vertical-align: top; margin-top:4px; display: inline-block;}
/*
.ui_type_c .ui_condition_contents > dl dt label img,
.ui_type_c .ui_condition_contents > dl dt label div,
.ui_type_c .ui_condition_contents > dl dt label input,
.ui_type_c .ui_condition_contents > dl dt label span{ float:left;}
.ui_type_c .ui_condition_contents > dl dt label img{ margin-right:5px;}
.ui_type_c .ui_condition_contents > dl dt label input{ margin-top:0.35em;}
.ui_type_c .ui_condition_contents > dl dt label span{ width:70%;}

*/

/** 特徴
-------------------------------------------------------------------**/
.feature table tr {border-bottom: solid 1px #ddd;}
.feature table tr:hover{ background:#efefef;}
.feature table tr th{ white-space:nowrap;border: none;  border-bottom: solid 1px #ddd;}
.feature table tr th span{font-weight: bold; }
.feature table tr td{border: none;  border-bottom: solid 1px #ddd;}
.feature table tr th div.icon_text{margin-right:5px; width:5em;}

/** 特徴アイコン
************************************************************************/
span.icon_text,div.icon_text{ margin-bottom:5px; display:inline-block !important; font-family:'Chivo', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; line-height:1; padding:3px 1px; text-align:center;display:inline-block; color:#fff; margin:2px 3px; min-width:40px;}
span.icon_text.color01,div.icon_text.color01{ border: 2px solid #dda1a3; background:#c1585c;} /*- 赤色 -*/
span.icon_text.color02,div.icon_text.color02{ border: 2px solid #9fc2de; background:#608fb9;} /*- 水色 -*/
span.icon_text.color03,div.icon_text.color03{ border: 2px solid #d7bba3; background:#b07b49;} /*- 黄土色 -*/
span.icon_text.color04,div.icon_text.color04{ border: 2px solid #83addf; background:#2b63ad;} /*- 青色 -*/
span.icon_text.color05,div.icon_text.color05{ border: 2px solid #bad2a6; background:#74a54c;} /*- 黄緑色 -*/
span.icon_text.color06,div.icon_text.color06{ border: 2px solid #c3a6d2; background:#9d65b2;} /*- 紫色 -*/
span.icon_text.color07,div.icon_text.color07{ border: 2px solid #ccc; background:#666;} /*- 灰色 -*/
span.icon_text.color08,div.icon_text.color08{ border: 2px solid #85ccd0; background:#2ba5ad;} /*- 青緑色 -*/
span.icon_text.color09,div.icon_text.color09{ border: 2px solid #c9c580; background:#c3ba31;} /*- 黄色 -*/
span.icon_text.color10,div.icon_text.color10{ border: 2px solid #9bc694; background:#539848;} /*- 黄色 -*/
span.icon_text.color11,div.icon_text.color11{ border: 2px solid #9d65b2; background:#562073;} /*- 濃い紫色 -*/
.icon_text.chara1 .char1{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara2 .char2{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara3 .char3{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara4 .char4{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara5 .char5{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara6 .char6{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara7 .char7{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara8 .char8{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara9 .char9{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara10 .char10{ font-size:0.9em; vertical-align:bottom;}
.icon_text.w50{width:50px;}
.icon_text.w60{width:60px;}
.icon_text.w70{width:70px;}
.icon_text.w80{width:80px;}
.icon_text.w90{width:90px;}
.icon_text.w100{width:100px;}
.icon_text em{ font-weight: normal !important;}
/** 温度特性
-------------------------------------------------------------------**/
.temperature_characteristic li dl > dt {
    width: 150px;
}


/** 使用温度範囲
-------------------------------------------------------------------**/
.ui_item_box.temp_range h4 { float:left; width:150px;}
.ui_item_box.temp_range ul{ width:750px; float:left; margin-top:2px;}
.ui_item_box.temp_range ul li{ display:inline-block; width:auto; float:none !important;}
/*.ui_item_box.temp_range ul li{ display:inline; margin-left:10px; width:auto; float:none !important;}*/
.ui_condition_contents div.temp_range h4{ text-align:center;padding:3px 20px; margin-right:10px;}
.ui_condition_contents div.temp_range:first-child{ border-top: solid 1px #FFCECF; margin-bottom:5px; margin-right:10px;}
.ui_condition_contents div.temp_range:first-child h4 {background:#FFCECF; }
.ui_condition_contents div.temp_range:last-child{ border-top: solid 1px #C8EBFF; margin-right:10px;}
.ui_condition_contents div.temp_range:last-child h4{background:#C8EBFF;}

/** トータルロス
-------------------------------------------------------------------**/
.ui_box.total_loss fieldset div.ui_condition_contents {
    background: url(/search/common/img/totalloss.gif) no-repeat 65% 10% scroll;
}

.ui_box.total_loss .ui_item_box > label {
    width: 180px;
}

/** テキストボックス幅設定　20150311 TDK DESIGN 追加
-------------------------------------------------------------------**/

.unit_inner2 .ui_item_box.text-select input,
.unit_inner3 .ui_item_box.text-select input{ width:60px;} 
.unit_inner4 .ui_item_box.text-select input{ width:40px;} 
.unit_inner2 .ui_item_box.text span input,
.unit_inner3 .ui_item_box.text span input,
.unit_inner4 .ui_item_box.text span input{ width: auto;}
.unit_inner4 .ui_item_box.text input{ width:70px;}
.unit_inner3 .ui_item_box.text input{ width:85px;}
.unit_inner2 .ui_item_box.text input,
.unit_inner2 .ui_item_box.text-select input{ width:110px !important;}


/** 検索結果 用途
-------------------------------------------------------------------**/
#search_result .ui_type_c .ui_condition_contents > dl dt,
#search_result .ui_type_c .ui_condition_contents > dl dd{ margin-bottom:5px; display: inherit; vertical-align:top; float:left; /*border-top: solid 1px #ccc;*/ padding-top:5px; }
#search_result .ui_type_c .ui_condition_contents > dl dt{ clear: left; float: left; margin-right:0;vertical-align: top; min-width:300px !important;}
#search_result .ui_type_c .ui_condition_contents > dl dd{ vertical-align: sub; width:620px !important;}
#search_result .ui_type_c .ui_condition_contents > dl dt label{vertical-align:top; width:auto;/* white-space:nowrap;*/}





/** 特徴アイコン
************************************************************************/
span.icon_text,div.icon_text{ margin-bottom:5px; display:inline-block !important; font-family:'Chivo', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; line-height:1; padding:3px 1px; text-align:center;display:inline-block; color:#fff; margin:2px 3px; min-width:40px;}
span.icon_text.color01,div.icon_text.color01{ border: 2px solid #dda1a3; background:#c1585c;} /*- 赤色 -*/
span.icon_text.color02,div.icon_text.color02{ border: 2px solid #9fc2de; background:#608fb9;} /*- 水色 -*/
span.icon_text.color03,div.icon_text.color03{ border: 2px solid #d7bba3; background:#b07b49;} /*- 黄土色 -*/
span.icon_text.color04,div.icon_text.color04{ border: 2px solid #83addf; background:#2b63ad;} /*- 青色 -*/
span.icon_text.color05,div.icon_text.color05{ border: 2px solid #bad2a6; background:#74a54c;} /*- 黄緑色 -*/
span.icon_text.color06,div.icon_text.color06{ border: 2px solid #c3a6d2; background:#9d65b2;} /*- 紫色 -*/
span.icon_text.color07,div.icon_text.color07{ border: 2px solid #ccc; background:#666;} /*- 灰色 -*/
span.icon_text.color08,div.icon_text.color08{ border: 2px solid #85ccd0; background:#2ba5ad;} /*- 青緑色 -*/
span.icon_text.color09,div.icon_text.color09{ border: 2px solid #c9c580; background:#c3ba31;} /*- 黄色 -*/
span.icon_text.color10,div.icon_text.color10{ border: 2px solid #9bc694; background:#539848;} /*- 黄色 -*/
span.icon_text.color11,div.icon_text.color11{ border: 2px solid #9d65b2; background:#562073;} /*- 濃い紫色 -*/
.icon_text.chara1 .char1{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara2 .char2{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara3 .char3{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara4 .char4{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara5 .char5{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara6 .char6{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara7 .char7{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara8 .char8{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara9 .char9{ font-size:0.9em; vertical-align:bottom;}
.icon_text.chara10 .char10{ font-size:0.9em; vertical-align:bottom;}
.icon_text.w50{width:50px;}
.icon_text.w60{width:60px;}
.icon_text.w70{width:70px;}
.icon_text.w80{width:80px;}
.icon_text.w90{width:90px;}
.icon_text.w100{width:100px;}
.icon_text em{ font-weight: normal !important;}


/** フォントカラー設定
************************************************************************/
.font_color_00{ color:#FFF } /*- 白色 -*/
.font_color_01{ color:#FF0 } /*- 黄色 -*/
.font_color_02{ color:#06C } /*- 青色 -*/
.font_color_03{ color:#F60 } /*- オレンジ色 -*/
.font_color_04{ color:#F00 } /*- 赤色 -*/
.font_color_05{ color:#60F } /*- 紫色 -*/
.font_color_06{ color:#09F } /*- 水色 -*/
.font_color_07{ color:#0C3 } /*- 緑色 -*/
.font_color_08{ color:#C90 } /*- カーキ色 -*/


/* 640px */
@media screen and (max-width: 640px){
    
    .icon_help_ver1{
        display: none;
    }
    
    .icon_set01, #download_button_help, .csv_pages select, .icon_text, #csv_button_help {
    display: none !important;
}
    
    .unit_info_and_pages, footer_sitemap {
    width: 100% !important;
    margin-top: 10px;
}
    
    .unit_info_and_pages ul.comparison_button, .unit_info_and_pages ul.comparison_button li, .unit_info_and_pages ul.comparison_button li a.icon_text {
    display: block !important;
    margin: 0 0 2px;
}
    
    .unit_info_and_pages ul.comparison_button li {
    width: 100px;
    margin-bottom: -20px;
}
    
    div.csv_pages {
    position: relative;
}
    
    table.inlineTableSP tr td span.spOnly {
    display: inline-block;
        margin-right: 5px;
}
    
    table.table_result {
    min-width: 100%;
    margin: 0 auto 10px auto;
    table-layout: fixed !important;
}
    
    .change_parameters h3 {
    color: #000;
    background: inherit;
    padding: 10px 10px 6px;
    margin-bottom: 0;
    cursor: pointer;
}
    
    .change_parameters ul.filters {
        margin: 0;
        padding: 0;
    }
    
    .change_parameters > div {
    float: none;
    margin-bottom: 10px;
}
    
    .unit_part_num,div#characteristic-box{
        width: 96%;
        margin: 10px 2%;
    }
    
    ul.filters{
        border: none!important;
    }
    
    table.inlineTableSP thead, .arrow {
    display: none;
}
    table.inlineTableSP tr th, table.inlineTableSP tr td {
    border: none;
    background: none !important;
}
    table.inlineTableSP tr td:nth-child(1) {
    width: 16px;
    height: 30px;
    margin-top: 10px;
        display: inline-block;
}
    table.inlineTableSP tr td {
    width: auto;
    vertical-align: middle;
    padding: 0;
    /* white-space: nowrap; */
    word-break: break-word !important;
    box-sizing: border-box;
    text-align: left;
    display: block;
}
    table.inlineTableSP tr td.list_image {
    vertical-align: top;
    width: 40px;
}
    .search_criteria {
    width: 100%;
}
    
/*    .parts_number ul {
    font-size: 1.7rem;
    font-weight: bold;
}
  */  
    .parts_number,.list_image,.doc_icon{
        display: inline-block!important;
        margin: 0 10px;
    }
    
    .inventory ul li span a{
        padding: 10px;
        margin: 10px 5px;
    }
    
    .icon_stock {
    font-size: 1em !important;
}
    .listBottr01{
        display: block;
        margin: 20px 0;
        padding: 10px;
        border: 1px solid #000;
    }
    
    .pcOnly{
        vertical-align: middle;
    }
    
    table.inlineTableSP tr td:nth-of-type(n+6)::before {content:attr(data-label)' : ' ;     font-weight: bold;}
/*table.inlineTableSP tr td:nth-of-type(n+8) {border-bottom:1px dotted #ccc; display:block; padding:3px 0 !important;}
table.inlineTableSP tr td:nth-of-type(8) {border-top:1px dotted #ccc;}*/
table.inlineTableSP tr td:nth-of-type(n+6) { margin-right:15px;
    border-bottom: 1px dotted #000;
    }
    
}

@media screen and (max-width: 640px){
.unit_box .unit_inner2.how_to_use {
    width: 100%!important;
}
h1{
text-align: center;
font-size:25px;}


}