@charset 'UTF-8';
/* エラー表示 */
.errors {
	color: red;
}

.errors ul li{
	color: red;
}

.errors ul {
	margin: 0px 0px 5px 0px;
}

.text-error {
	color:#333 !important;
	background-color: yellow !important;
}

.messages {
	color: #3366CC;
}

.mail_text{
	color:#0b8311;
}

.sds_description1{
	color:#0000ff;
}

.sds_description2{
	color:#ff0000;
}

/* ご利用登録 */
.sdsTable1 th{
	padding:18px 0px 18px 25px;
}

.btnType2 input{display:inline-block; padding:10px 60px; background-color: #dee2f5; border:#d5d5d5 1px solid; font-weight: bold;color:#3a459a;}
.btnType2 input:hover{background-color:#5b58aa; color:#fff; text-decoration: none;}

ul.iconLink li.labelPDF input{}
ul.iconLink li.labelPDF input{padding-right:15%;}

.formList .inputType1,
.formList select{
	border: 1px solid #d5d5d5;
	height: 38px;
	padding: 1px;
	width: 420px; /* sharedの496pxから縮小 */
}
.formList select{ width: 425px;height: 42px;} /* sharedの500pxから縮小 */

@media screen and (max-width:767px){
	.formList select,.formList .inputType1{ width: 100%;}
}

/* 証明書選択用 */
.headerForCertifSelect,.detailForCertifSelect{
  margin-left:2%;
  margin-bottom:10px;
  float:left;
  display:inline;
}
.headerForCertifSelect{width:38%;}
.detailForCertifSelect{width:58%;}

.formList .inputTypeForCertifSelect,
.formList select.certifSelect{
	border: 1px solid #d5d5d5;
	height: 38px;
	padding: 1px;
	width: 100%;
}
.formList select.certifSelect{ width: 101%;height: 42px;}

/* SDS発行・パスワード再発行用 */
.headerForSdsSearch,.detailForSdsSearch,.headerForPasswordReissuance,.detailForPasswordReissuance{
  margin-left:2%;
  margin-bottom:10px;
  float:left;
  display:inline;
}
.headerForSdsSearch,.headerForPasswordReissuance{width:38%;}
.detailForSdsSearch,.detailForPasswordReissuance{width:58%;}

.formList .inputTypeForSdsSearch,
.formList .inputTypeForPasswordReissuance,
.formList select.sdsSearch{
	border: 1px solid #d5d5d5;
	height: 38px;
	padding: 1px;
	width: 99%;
}
.formList select.sdsSearch{ width: 100%;height: 42px;}

@media screen and (max-width:600px){
  .columnBlock.smpVertical *[class^="headerFor"]{
    margin-left:0;
    margin-bottom:10px;
    float:left;
    display:inline;
    width:100%;
  }
  .columnBlock.smpVertical *[class^="detailFor"]{
    margin-left:0;
    margin-bottom:10px;
    float:left;
    display:inline;
    width:100%;
  }
}
