@charset "UTF-8";
/* CSS Document */
.ui-helper-hidden-accessible { display: none !important; }


/* rohs_chart */

table.rohs_chart td{
	padding: 5px 3px;
	text-align:left;
	border-color:#dee2e6;
}

.first_chart .st_1{
	 border-bottom: 1px dotted #D83313;
}

.rohs .notice{
border:3px solid #D52706;
background-color:#ffe1e1;
color:#D83313;
padding:10px 10px;
margin-top:15px;
margin-bottom:10px;
/* font-size:14px; */
}


/*------------------------

 /catalog/request/ form

------------------------*/

/* input screen
------------------------*/
.ex {color:#999999; font-size:12px; margin-top:3px;}
.notes{ float:right;}

/*catalog_page*/
.clear{ overflow:hidden;}

.btn-outline-light:hover {opacity: 0.8;}
.btn-del {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background:#999;
	border:1px solid #fff;
	padding:7px 5px;
	cursor:pointer;
}
.btn-del:hover {opacity: 0.8;}

.txt02 {
    width: auto;
    padding: 10px;
    background-color: #fffafb;
    color: #d50000;
    border: 1px solid #c50000;}

.form .note {
	margin-top: 40px;
	color: #FF0000;
	font-size: 91.7%;
}

.form table th,
.form table td {
	padding: 10px 10px;
	text-align: left;
		font-size: 100%;
}
.form table th span {
	color: #B21A19;
}
.form table td input {
	vertical-align: middle;
}
.form table td .check p {
	margin-bottom: 20px;
	color: #F00;
	font-size: 100% !important;
}
.form table td .check ul {
	margin-top: -10px;
}
.form table td .check ul li {
	margin-top: 10px;
}
.form table td .check ul li input {
	margin-top: -3px;
	*margin-top: 0;
}

.form table td .select1 { width: 225px; }
/* .form table td .select2 { width: 145px; } */
.form table td .ipt1 { width: 435px; }
.form table td .ipt2 { width: 365px; }
.form table td .ipt3 { width: 265px; }
.form table td .ipt4 { width: 80px; }
.form table td .ipt5 { width: 95px; }
.form table td .ipt6 { width: 85px; }
.form table td .ipt7 { width: 315px; }
.form table td .ipt8 { width: 165px; }

.form table td .ipt1, .form table td .ipt2,
.form table td .ipt3, .form table td .ipt4,
.form table td .ipt5, .form table td .ipt6,
.form table td .ipt7, .form table td .ipt8,
.form table td .textarea {
	padding: 7px 5px;
	border: 1px solid #DDD;

	box-shadow: inset 1px 1px 2px #ECECEC;
	-moz-box-shadow: inset 1px 1px 2px #ECECEC;
	-webkit-box-shadow: inset 1px 1px 2px #ECECEC;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	behavior: url(/jp/common/js/PIE.htc);
	position: relative;
	zoom: 1;
}

.form table td .textarea {
	background-color: #FFF;
	overflow: hidden;
}
.form table td .textarea textarea {
	background: none;
	border: none;
	width: 100%;
	resize: none;
	overflow: auto;
}

.form .form-btn {
	margin-top: 25px;
	text-align: center;
}
.form .form-btn li {
	margin: 0 7px;
	display: inline;
}

table.rohs-form{
	width:100%;
}
.rohs-form th{
  background-color:#EBEBEB;
	width:27.4%;
  padding: 10px 10px;
}

.rohs-form th,.rohs-form td{
  vertical-align:middle;
  text-align:left;
}

/* オートコンプリート用レイアウト */
#type_autoComp .ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 6px 0;
}

/* 候補1行（li 内の div/ a 相当） */
#type_autoComp .ui-menu-item-wrapper {
  padding: 8px 12px;
  font-size: 14px;
  color: #333;
}

/* hover / キーボード選択中 */
#type_autoComp .ui-menu-item-wrapper.ui-state-active {
  background: #2d6cdf;
  color: #fff;
}

/* スマホ：th/tdを縦積み（ブロック化） */
@media (max-width: 768px) {
  .rohs-form,
  .rohs-form tbody,
  .rohs-form tr,
  .rohs-form th,
  .rohs-form td {
    display: block;
    width: 100%;
  }
	.rohs-form table th {
		width: 100%;
	}
  .rohs-form tr {
    padding: .75rem 0;
    border-bottom: 1px solid #e6e6e6; /* 任意 */
  }

  .rohs-form th {
    padding: 0 0 .5rem 0;
    width: auto;
    white-space: normal;
  }

  .rohs-form td {
    padding: 0;
  }

  .rohs-form .notes img {
    vertical-align: middle;
  }

  .rohs-form .check {
    margin: 0 0 .5rem 0;
  }

  .rohs-form p {
    margin: .5rem 0 0 0;
  }
}


/* thanks
------------------------*/
.form .thanks {
	margin-top: 25px;
	border: 1px solid #D5D5D5;
}
.form .thanks dl {
	background-color: #F2F2F2;
	border: 1px solid #FFF;
}
.form .thanks dl dt,
.form .thanks dl dd {
	padding: 23px;
}
.form .thanks dl dt {
	background: url(/jp/common/img/line02.gif) repeat-x left bottom;
	font-size: 166.6%;
}
.form .thanks dl dd {
	padding-bottom: 30px;
	font-size: 108.3%;
}

table.first_chart td{
	text-align:center;
}

.rohsStationtitle{
	background-image: linear-gradient(to bottom, #cd151b, #cd151b);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 2rem 3px;
	padding: 1rem 0 0;
}

.terms{
	border:1px solid #ddd;
}

#footer {margin-top:-340px;}