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


/*--- base ↓---*/
html,body {
	margin:0px;
	padding:0px;
	font-family:"Verdana", Verdana, Osaka;
	font-size:small;
	pointer-events: auto;
}

img{
	border:none;
}


#contentsarea{
    border-top: solid 4px #005BAA;
	background:#ffffff;
	text-align:center;
	padding-bottom:110px;
    top: 4.8em;
    position:relative;
    font-size:small;
}

#content{
	width:1080px;
	margin:0 auto;
	text-align:left;
}

div#contentsarea h1{
	text-align:left;
	margin-top:25px;
	margin-bottom:20px;
	padding-left:14px;
	line-height:57px;
}

div#contentsarea input.text:-ms-input-placeholder {
    color: #B3B3B3!important;
}

::-webkit-input-placeholder{
	padding-left:1px;
	color:#B3B3B3;
}
::-moz-placeholder{ color:#B3B3B3;}
:-moz-placeholder{ color:#B3B3B3;}
:-ms-input-placeholder { color: #B3B3B3!important;}
/*--- base ↑---*/


/*--- table ↓---*/
div#contentsarea table{
    border-collapse: separate;
	border-spacing: 0px;
	width:100%;
	table-layout: fixed;
	word-wrap: break-word;
}

div#contentsarea table tr th{
	background:#005BAA;
	color:#FFF;
	padding: 12px 0;
	text-align:center;
	border:#005BAA 1px solid;
}
.page-detail div#contentsarea table tr th {
	padding: 6px 0;
}

div.Body_Schneider div#contentsarea table tr th{
	background:#078742;
	border:#078742 1px solid;
}

div#contentsarea table tr td{
	background:#FFF;
	padding:1px 1px 1px 12px;
	border:#005BAA 1px solid;
}

div.Body_Schneider div#contentsarea table tr td{
	border:#078742 1px solid;
}

div#contentsarea .slit{
	border-right:#FFF 1px solid;
}

div#contentsarea .serbox,
div#contentsarea .ethbox{
	/*width:269px;*/
	padding-left:0px;
	/*background:#fff url("../img/arrow_01.jpg") right center no-repeat;*/
}


/*201706 改修 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

div#contentsarea .js-box ul{
	margin: 9px 0;
	padding:0 10px;
}

div#contentsarea .js-box ul li{
	width:98px;
	float:left;
	margin: 0 5px 0 0;
	list-style:none;
	text-align:center;
}

div#contentsarea .js-box ul li span{
	display:block;font-size: 12px;
}

/*201706 改修 */



div#contentsarea td.serbox p{
	line-height:56px;
	padding:0px;
	padding-left:35px;
	margin:0px;
	margin-left:68px;
	background:url("../img/serial_ic.jpg") left center no-repeat;
}

div#contentsarea td.ethbox p{
	line-height:56px;
	padding:0px;
	margin:0px;
	padding-left:35px;
	margin-left:68px;
	background:url("../img/ether_ic.jpg") left center no-repeat;
}

div#contentsarea a,
div#contentsarea a:visited{
	color:#005BAA;
	text-decoration:none;
}


div#contentsarea a:hover{
	color:#005BAA;
	text-decoration:underline;
}




/*--- table ↑---*/

div#contentsarea th.mkname{
	width:540px;
}

/*-- maker page ↓ --*/
.page-maker div#contentsarea #subscbox {
	width: auto;
}
.page-maker div#contentsarea #backtobox {
	float: left;
	margin-top: 0;
}
.page-maker .js-btn-reset {
	margin-top: 0;
}
/*-- maker page ↑ --*/

/*-- detail page ↓ --*/
div#contentsarea #subscbox{
	width:960px;
	float:left;
	margin-bottom:20px;
}

div#contentsarea p.subscp{
	margin:0 0 30px 0;
}


div#contentsarea #backtobox{
	float:right;
	margin-top: 8px;
	width:120px;
	text-align:center;
}
.page-detail div#contentsarea #backtobox {
	position: relative;
	bottom: 24px;
}

div#contentsarea #backtobox p{
	margin-top:0;
}
.page-detail div#contentsarea #backtobox p {
	margin-bottom: 6px;
}

/*
 * 20190719 fix[nishino] start
 * change: width(220px->178px)
 * add: background-size
 */
div#contentsarea input.iptbox{
	color : #000000;
	width: 178px;
	background:transparent url("../img/inputbox_01.jpg") no-repeat;
	height:33px;
	border:0;
	margin:0 10px 0 0;
	font-size:small;
	background-size: 100% 33px;
}
/* 20190719 fix[nishino] end */

div#contentsarea input.iptbox2{
	color : #000000;
	width: 440px;
	background:transparent url("../img/inputbox_03.jpg") no-repeat;
	height:33px;
	border:0px;
	margin:0px 10px 0 0;
	font-size:small;
}


div#contentsarea .detable tr td{
    padding: 9px 10px 9px 13px;
}

div#contentsarea .detable tr th.widlar{
	width:230px;
}
div#contentsarea .detable tr th.js-col-link{
	width:100px;
}


div#contentsarea .detbox{
	width:135px;
	background:#fff url("../img/arrow_01.jpg") right center no-repeat;
	text-align:center;
	margin:auto;
}


div#contentsarea td.detbox p{
	width:100%;
	text-align: center;
	padding:0px;
	margin:0px;
	margin-top:-10px;
	padding-top:60px;
	background:url("../img/detail_ic.jpg") center no-repeat;
	background-position: center center;
}

/*-- detail page ↑ --*/

/*-- error page ↓ --*/
div#contentsarea .errsub{
	margin-bottom:30px;
}

div#contentsarea input.searbox{
	color : #000000;
	width: 250px;
	background:transparent url("../img/inputbox_02.jpg") no-repeat;
	height:31px;
	border:0px;
	margin:0px;
	font-size:15px;
}

div#contentsarea .ertable tr th.widfst{
	width:180px;
}
div#contentsarea .ertable tr th.widsec{
	width:260px;
}
div#contentsarea .ertable tr th.widthd{
	width:270px;
}

div#contentsarea .ertable tr td{
	padding:15px 18px;
}

/*-- Migrate from default.css ↑ --*/


div.Footer_Proface {
	border-top-style: Solid;
	border-top-width: 0.1em;
	border-top-color: #005baa;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.Body_Schneider a {
	color: #078742;
	display: inline;
	text-decoration: underline;
}
div.Body_Proface a {
	color: #055baa;
	display: inline;
	text-decoration: underline;
}
div.note {
	width: 90%;
	margin: 5px;
}
div.box {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
H1 {
	font-family: Verdana;
	color: #055baa;
    background:url("../img/h2_bar.jpg") top left no-repeat;
	margin-top: 9pt;
	margin-bottom: 5pt;
	x-next-class: ;
	x-next-type: p;
	font-size: large;
	display: inline;
}
H2 {
	font-weight: bold;
	font-family: Verdana;
	color: #0000ff;
	border-bottom-style: Solid;
	border-bottom-width: 1px;
	margin-bottom: 5pt;
	font-size: medium;
	x-next-class: ;
	x-next-type: p;
	margin-top: 9pt;
}
div.Body_Schneider H2 {
	color: #078742;
}
div.Body_Proface H2 {
	color: #055baa;
}
H3 {
	font-weight: bold;
	font-family: Verdana;
	margin-bottom: 5pt;
	font-size: medium;
	x-next-class: ;
	x-next-type: p;
	margin-top: 9pt;
}
H4 {
	font-weight: bold;
	font-family: Verdana;
	margin-top: 9pt;
	margin-bottom: 5pt;
	x-next-class: ;
	x-next-type: p;
	font-size: medium;
}
H5 {
	font-weight: bold;
	font-size: 10.0pt;
}
H6 {
	font-weight: bold;
	font-size: 8.0pt;
}

/*-- RH HTML5 layout.css --*/

* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.functionholder div.logo {
                             background-color:transparent;
                             cursor:pointer;
                             background-image:url("../img/logo.png");
                             background-repeat:no-repeat;
                             background-position:center center;
                             background-size:contain;
                             font-size:62.5%
}

.google-search {
                position:absolute;
                top:8px;
                right:20px;
                width:350px;
                z-index:100;
}
#_title {
         width:450px;
         height:30px;
         margin:0px;
         padding:2px 0px 2px 0px;
         color:#005baa;
         font-size:large;
         font-weight:700;
         position:absolute;
         top:30px;
         left:10px;
         z-index:200;
}
#manual_title {
               width:250px;
               height:20px;
               margin:0px;
               padding:2px 0px 2px 0px;
               position:absolute;
               top:0px;
               left:10px;
               z-index:200;
}
#manual_title ol {
                  margin-top:0px;
                  margin-bottom:0px;
}
#manual_title ol li {
                     font-size:small;
                     text-align:center;
}
#globalnav {
            list-style-type:none;
            width:250px;
            height:20px;
            padding:0;
}
#globalnav li {
               position:relative;
               width:100%;
               float:left;
               margin:0;
               padding:0;
               text-align:left;
}
#globalnav li a {
                 display:block;
                 margin:0;
                 padding:0;
                 color:white;
                 line-height:1;
}
#globalnav li:hover > a {
                         color:#eff7b1;
}
#globalnav > li:hover > a {
                           border-radius:3px 3px 0 0;
                           color:#005baa;
}
#globalnav li ol {
                  list-style:none;
                  position:absolute;
                  top:135%;
                  left:0;
                  margin:0;
                  padding:0;
                  border-radius:0 0 3px 3px;
}
#globalnav li:last-child ol {
                             left:0%;
                             width:100%;
}
#globalnav li ol li {
                     overflow:hidden;
                     width:100%;
                     height:0;
                     color:#fff;
                     -moz-transition:.2s;
                     -webkit-transition:.2s;
                     -o-transition:.2s;
                     -ms-transition:.2s;
                     transition:.2s;
}
#globalnav li ol li a {
                       padding:13px 15px;
                       background:#005baa;
                       text-align:left;
                       font-size:12px;
                       font-weight:normal;
                       color:white;
}
#globalnav li:hover ol li {
                           overflow:visible;
                           height:38px;
                           border-top:0.5px solid #fff;
                           border-bottom:0.5px solid #fff;
}
#globalnav li:hover ol li:first-child a {
                                         border-radius:5px 5px 0 0;
}
#globalnav li:hover ol li:first-child {
                                       border-top:0;
}
#globalnav li:hover ol li:last-child {
                                      border-bottom:0;
}
#globalnav li:hover ol li:last-child a {
                                        border-radius:0 0 5px 5px;
}
div.topic div.functionholder {
display: block;
  height: 4.8em;
  border-bottom-width: 0.1em;
  border-bottom-style: solid;
  border-bottom-color: #d2d2d2;
  padding-top: 1.075em;
  padding-right: 2em;
  background-color: #f0f0f0;
  width: 100%;
  position:fixed;
  left: 0;
  top: 0;
    z-index: 200;
}
div.topic {
                              position:absolute;
                              top:0em;
                              left:0em;
                              right:0;
                              bottom:0;
                              margin:0;
                              padding:0;
}
div.header {
                               height:7em;
                               padding:2em;
}
div.header div {
                                   float:left;
}
div.logo {
                                                position:fixed;
                                                height:3em;
                                                width:3em;
                                                margin-left:10px;
                                                margin-top:15px;
}
div.topic div.functionholder div.buttons {
  float: right;
  position: relative;
  right: 0em;
  top: 2em;
    font-size:62.5%;
}
div.topic div.functionholder div.buttons>div {
  width: 2.15em;
  height: 2.15em;
  margin-left: 2em;
  float: left;
}
div.topic div.functionholder div.buttons>div a.print {
  background-image:url("../img/print_desktop.png");
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}
div.topic a.to_top {
  position: fixed;
  right: 8em;
  bottom: 0;
  display: block;
  height: 3.5em;
  width: 4.5em;
  cursor: pointer;
  background-image: url("../img/top.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  z-index: 200;
    font-size:62.5%;
}
a {
  -webkit-tap-highlight-color: transparent;
}
    /*-- error page ↑ --*/

#clonetable{
    color:#ffffff;
    font-size: small;
}

.js-btn-reset{ display:block; width:100px; height:30px; padding:5px 0 5px 0; text-align:center; background:#005BAA; margin-top:6px;}
.js-btn-reset span{ color:#ffffff;}
.page-detail .js-btn-reset {
	margin: 3px auto 0 auto;
}

/*-- base (ヘッダ以上固定) ↓ --*/
#contentsarea {
    border: none;
}
#contentsarea .hr {
    position: fixed;
    z-index: 100;
    width: 100%;
    border-bottom: solid 4px #005BAA;
}
#content {
    padding-top: 4px;
}
.content-header {
    position: fixed;
    z-index: 100;
    width: 1080px;
    background-color: #FFF;
}
.maker-table,
.detable {
    position: relative;
    top: 180px;
}

h2{
	text-align:left;
	margin-top:25px;
	margin-bottom:20px;
	padding-left:14px;
	line-height:57px;
}

/*-- base (ヘッダ以上固定) ↑ --*/

.ui-autocomplete {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 1px;
    max-height: 189px;
}

.ui-state-active {
	border: 1px solid #3875d7!important;
	background-color: #3875d7!important;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc))!important;
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%)!important;
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%)!important;
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%)!important;
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%)!important;
}

/*--driverlist 追加 ↓--*/
div#maker-list{
	box-shadow: 0 0 2px gray; /*--リスト背景の枠--*/
}
div#maker-list table tr td{
	border: none; /*--テーブルのラインを消す--*/
	padding: 10px; 
	background: #d3d3d340; /*--リストの背景--*/
}
#maker-select{
	color:gray;
}
div#drivers h2,div#drivers-top h2{
	color: #078742;
	border-bottom-style: none;
	margin-bottom: 0px;
	line-height:25px;
}
div.drivers-list{
	overflow-x: scroll;
	border-collapse:separate;
	pointer-events: auto;
}
div.drivers-list thead{
	position: stickey;
}
div#drivers{
	margin-bottom: 500px;
	pointer-events: none;
}
div#drivers-top h2{
	align-items: flex-end;
}
.maker{
	border-spacing:0;
}
.maker tbody td{
	height: 50px;
}
.maker td tr{
	vertical-align:top;
	text-align:left;
}
.maker th{
	&:before{
	border-color: #FFF;
	}
}
.table-driver { 
	position: sticky;
	top: 0;
	left: 0;
	&:before{
		content:"";
		position: absolute;
		width: 100%;
		height: 100%;
		top: -1px;
		left: -1px;
		border:none;
		border-left:#078742 1px solid;
		border-right:#078742 1px solid;
		z-index: -1;
	}
}
/*--driverlist 追加 ↑--*/