@charset "utf-8";
/* CSS Document */
/* Table */
#fixedTableArea {
    width:900px;
    height: 200px;
    /*background-color: #DDFFFF;*/
}
#topLeftArea,#compareTopLeftArea{
    float: left;
}
#topRightArea,#compareTopRightArea{
/*    width: 900px;  */
/*    float: left;   */
    overflow-x: scroll;
}
#bottomLeftArea,#compareBottomLeftArea{
    float: left;
    width: 120px;
/*    height: 800px;*/
    overflow: hidden;
}
#bottomRightArea,#compareBottomRightArea{
/*    width: 900px;   */
/*    height: 600px;  */
    overflow-y: scroll;
    overflow-x: hidden;
}
 
.fixedTable {
    border-collapse: collapse;
}
.fixedTable td th {
    border: 1px solid #888;
    /*min-width: 90px;*/
    /*max-width: 90px;*/
    overflow: hidden;
    white-space: nowrap;
    /*height: 30px;*/
}
.fixedTable td.dummyColumn {
    width: 17px;
    border: 0px;
}
.fixedTable td.dummyRow {
    height: 18px;
    border: 0px;
}

.bottomTbl { width:6334px; border-top:1px solid #E5E5E5; border-collapse:collapse;table-layout: fixed;}
.bottomTbl.left { width:120px;}
.bottomTbl th { background-color:#FAFAFA; }
.bottomTbl th, .paramTbl td { padding:5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
.bottomTbl .bgG th { background-color:#EFEFEF; border-color:#CCCCCC; }
.bottomTbl td { padding:5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; word-break: break-all; height:30px; }

.bottomTbl thead,.bottomTbl tbody {
	display:block;
}
.bottomTbl tbody{
	max-height:400px;
	min-height:200px;
	 /* height:500px;縦スクロールエリアの高さ */
}

#bottomLeftArea,#compareBottomLeftArea{
	border-left:1px #E5E5E5 solid;
}
.tableHeader{
	display:flex;
}

#topLeftArea th{
	height:224px;
}
.hover-cell{
	background-color: #FFFFD2 !important;
}
.click-cell{
	background-color: #FFFFD2 !important;
}

.change-param{
	/*background-color: #EAEAEA !important;*/
	background-color: #D6EAF8 !important;
}


.paramTbl { width:6334px; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-collapse:collapse;table-layout: fixed;}
.paramTbl.left { width:120px;}
.paramTbl th { background-color:#FAFAFA; }
.paramTbl th, .paramTbl td { padding:5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
.paramTbl .bgG th { background-color:#EFEFEF; border-color:#CCCCCC; }
.paramTbl td { padding:5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; word-break: break-all; }

#left-column{
	position:relative;
}
#left-column tbody{
/*	position:absolute;*/
	overflow: hidden;
/*	left:0; */
/*	top:0; */
}
.paramTbl thead,.paramTbl tbody {
	display:block;
}

.scrollBottomRight{
	display:block;
	overflow-x:hidden;
	overflow-y:scroll;
	max-height:400px;
	min-height:200px;
	
}
.scrollBottomLeft{
	display:block;
	overflow:hidden;
	max-height:400px;
	min-height:200px;
}


.scroll{
	position:relative;
	display:block;
	overflow:hidden;
	overflow-y:scroll;
	max-height:400px;
	min-height:200px;
	
}

.paramTbl thead,.paramTbl tbody {
	display:block;
}
.paramTbl tbody{
	overflow-y:scroll;
	max-height:400px;
	min-height:200px;
	 /* height:500px;縦スクロールエリアの高さ */
}

/* 各欄のwidth（全て足して6000pxになるよう調整（6000pxの設定を変えてもOK）） */
.disp-product{ width:120px;}
.disp-doc{ width:130px; }
.disp-doc-comment{ font-size: 87.5%; }
.disp-cpu{ width:200px; }
.disp-lcd_segment{ width:100px; }
.disp-lcd_segcom{ width:230px; }
.disp-lcd_controler{ width:100px; }
.disp-other_driver{ width:120px; }
.disp-led_driver{ width:120px; }
.disp-clock_freq_high_speed{ width:100px; }
.disp-clock_freq_low_speed{ width:100px; }
.disp-clock_freq_built_in_osc{ width:300px; }
.disp-supply_current_sleep{ width:100px; }
.disp-supply_current_halt{ width:120px; }
.disp-supply_current_32k_operating{ width:100px; }
.disp-supply_current_1m_operating{ width:120px; }
.disp-supply_voltage_min{ width:100px; }
.disp-supply_voltage_max{ width:100px; }
.disp-memory_flash{ width:100px; }
.disp-memory_rom{ width:80px; }
.disp-memory_ram{ width:100px; }
.disp-memory_eeprom{ width:100px; }
.disp-io_port{ width:100px; }
.disp-timer_8bit{ width:110px; }
.disp-timer_16bit{ width:120px; }
.disp-timer_16bit_pwm{ width:100px; }
.disp-timer_stopwatch{ width:80px; }
.disp-timer_watchdog{ width:100px; }
.disp-timer_clock{ width:80px; }
.disp-timer_realtime{ width:80px; }
.disp-sio_uart{ width:100px; }
.disp-sio_spi{ width:100px; }
.disp-sio_i2c{ width:200px; }
.disp-sio_rct{ width:120px; }
.disp-usb{ width:80px; }
.disp-sound_generator{ width:100px; }
.disp-rf_converter{ width:100px; }
.disp-10bit_ad_converter{ width:100px; }
.disp-12bit_ad_converter{ width:100px; }
.disp-multiplier_divider{ width:100px; }
.disp-por{ width:80px; }
.disp-bor{ width:80px; }
.disp-svd{ width:100px; }
.disp-operating_temperature{ width:200px; }
.disp-operating_temperature_min{ width:100px; }
.disp-operating_temperature_max{ width:100px; }
.disp-package_type{ width:240px; }
.disp-pin_count{ width:100px; }
.disp-chip{ width:80px; }
.disp-others{ width:660px; }


.paramContentsHeader .contentsTitle {
	margin: 1px 0 0 18px;
	padding: 1px 0 0 19px;
	background: url(/prod/common/img/common_border_dotted_bg_v.png) repeat-y;
	font-size: 157.1%;
	line-height: 1.1;
	font-weight: bold;
}
.paramContentsHeader .contentsCategory a,
.paramContentsHeader .contentsCategory a:focus,
.paramContentsHeader .contentsCategory a:hover,
.paramContentsHeader .contentsCategory a:active
 {
	text-decoration:none;
	color:#333;
}

	form label{
		margin-left:15px;
		display:block;
		float: left;
		width:200px;
		height: 1.5em;
	}
div.display-set-box {width:200px;float: left; }
	/*.checkbox {border:0;float: left;}*/
    #display-form { font-size: 80%; }
    /* #display-form.label, #display-form.input { display:block; } */
    #display-form.input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    .ui-dialog .ui-state-error { padding: .3em; }

.ui-dialog-title ,.ui-button-text { font-size: 80%; }


/**********
	.paramContentsHeader a,
	.paramContentsHeader a:focus,
	.paramContentsHeader  a:hover,
	.paramContentsHeader  a:active {
		text-decoration:none;
		color:#333;
	}
**************/






.cell-scroll-y { height: 100px;overflow-y: scroll;}
/***************************************
.MyTableRow{
  border: 1px solid #0000FF;
}

.MyTableCell {
  border: 1px solid #ff0000;
}
****************************************/

.slider-disp-max {
  /*width: 4em;*/
  padding: 0 3px 3px;
  text-align: center;
  top: 5px;
}


/* slider parts */
.ui-slider {
	position: relative;
	text-align: center;
	height:100px;
	border-color: #c0c0c0;
	border-radius: 2px;
}
.ui-slider .ui-slider-handle {/* 選択部分 */
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	border-color: #c0c0c0;
	background: #dedede;
	border-radius: 2px;
}
.ui-slider .ui-slider-range { /* 選択されている部分の表示 */
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background: #dedede;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-vertical {
	width: 7px;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%	;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.slider-box-sl{
	float:left;
	width:40px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.slider-box-txt{
	float:left;
	width:40px;
	padding-right:10px;
}
.slider-text{
	width:40px;
}

/* オンマウスで背景色変更 */
.bottomTbl tr:hover {background-color: #FFFFD2 !important;}

.bottomTbl tr:nth-child(even){background-color:#FAFAFA;}

.tsc {
  overflow-x: auto;
}
#search-form {
  overflow: hidden;
  margin: 10px 0 20px;
  padding: 10px 20px 10px;
  background-color: #efefef;
  border: solid 1px #d5d5d5;
  line-height: 1.5em;
}
.displaybutton {
  width: 100px;
  height: 30px;
  /* margin-left: 10px; */
}
.clearbutton {
  width: 130px;
  height: 30px;
  /* margin-left: 10px; */
}
.comparebutton {
  width: 70px;
  height: 30px;
  margin-left: 10px;
}
.commonContentsMain {
  padding: 20px;
  margin: 20px;
}
#display-form {
  visibility: hidden;
}
#display-compare {
  /*visibility: hidden;*/
}



/* display-compare用 */

#display-compare{
	font-size: 0.8em;

}

#compareTopLeftArea tbody,
#compareTopRightArea tbody{
	overflow-y: hidden;
}

#compareTopLeftArea th{
	height: 93px;
	width: 120px;
}

#display-compare .paramTbl tbody{
	min-height: 60px;
}

#display-compare th{
  background-color: #FAFAFA !important;
}