/* bootstrap郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢晄ｧｭ・ｽ?郢ｧ?・ｽ・ｽ */
.panel-heading {
    padding: 5px 10px;
}

.form-control {
    font-size: 12px;
}

.tooltip > .tooltip-inner {
    background-color: #eee;
    color: #555;
    border: 1px solid #999;
    padding: 10px;
    font-size: 12px;
	max-width: 100%;
}
.tooltip-arrow {
    border: none;
}

/* bodyの文字サイズ */
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", sans-serif;
	font-size: 12px;
}
/* tr部分 */
table tr th{
    background-color:#2255aa;
    color:#ffffff
}

/* 郢晏｣ｹ?・ｽ・ｽ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢晞亂?・ｽ・ｽ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢晢ｽｧ郢晢ｽｳ邵ｺ?・ｽ・ｽ豼ｶ?・ｽ・ｽ */
ul.pagination > li.active > a{
    background-color:#5bc0de;
    border-color:#46b8da;
}

/* 陷ｷ?・ｽ・ｽ郢晏｣ｹ?・ｽ・ｽ?・ｽ・ｽ郢ｧ?・ｽ・ｽ邵ｺ?・ｽ・ｽ隶匁ｺｯ?・ｽ・ｽ?・ｽ・ｽ陷ｷ?・ｽ・ｽ */
.common-page-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

.table>tbody>tr>td {
    padding:7px;
    vertical-align:middle;
}

.btn {
    font-size: 12px;
}

table tr td.common-td {
    padding-top: 5px;
    word-break: break-all;
}

h1 {
    margin-bottom: 0px;
}

h3 {
    margin-top: 5px;
}

/* 闕ｳ?・ｽ・ｽ髫包ｽｧ邵ｺ?・ｽ・ｽ郢晢ｿｽ?・ｽ縺臥ｹ晢ｿｽ郢ｧ?・ｽ・ｽ郢晢ｿｽ?・ｽ繝｣郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ */
td input.common-checkbox {
    margin:0px;
    margin-top:2px;
}

/* 闕ｳ?・ｽ・ｽ髫包ｽｧ邵ｺ?・ｽ・ｽ郢晢ｿｽ?・ｽ縺｡郢晢ｽｳ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ */
td button.btn-sm {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}

/* 闕ｳ?・ｽ・ｽ髫包ｽｧ邵ｺ?・ｽ・ｽ郢晢ｽｪ郢晢ｽｳ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ */
td button.btn-link {
    padding-top:0px;
    padding-bottom:0px;
}

/* col?・ｽ・ｽ?・ｽ・ｽ讒ｭ?・ｽ・ｽ?・ｽ・ｽ・ｽ?・ｽ・ｽ・ｽ?蜉ｱ?・ｽ・ｽ?・ｽ・ｽpadding */
.common-col-padding {
    padding-top:10px;
}

/* 郢晢ｽ｢郢晢ｽｼ郢晢ｿｽ郢晢ｽｫ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢晢ｽｳ郢晏ｳｨ・ｽ? */
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 760px;
    margin-left: -380px;
}

.modal-content {
    width: 670px;
}

/* 郢晢ｿｽ郢ｧ?・ｽ・ｽ郢ｧ?・ｽ・ｽ郢晏現縺顔ｹ晢ｽｪ郢ｧ?・ｽ・ｽ */
textarea {
    width: 100%;
    height: 50%;
}

.gid-container {
    padding-left: 55px;
    padding-right: 55px;
    min-width: 1280px;
}
.gid-container-block {
	width:1000px;
	float:none;
}

.gid-systemname {
	vertical-align: top !important;
	padding: 0px !important;
}
.gid-footer {
    padding-left: 55px;
    padding-right: 55px;
    min-width: 1200px;
}
 h1 {
	font-size: 28px;
}

ul{
  font-size:20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/*-------------*/
.flow-step {
	position: relative;
	margin:0 auto;
	text-align:left;
	height: 120px;
	width:80%;
	float:left;
}

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

/* button */
.btn-width {
	width:190px;
}
/*------------------*/
/*    闔会ｽｮ騾包ｽｳ髴趣ｽｼ STEP   */
/*------------------*/
/* 陷茨ｽｱ鬨ｾ?・ｽ・ｽ */
.flow-common {
	font-weight:bold;
	color: #fff;
	height: 95px;
	line-height: 30px;
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
}
.step1 {
	margin-left: 2px;
	padding: 1% 2.2%;
}
.step2-5 {
	margin-left: 47px;
	padding: 2% 3.5%;
}
.step3 {
	margin-left: 47px;
	padding: 1% 3%;
}

.flow, .flow-end{
	font-weight:bold;
	background: #FFC0CB;
	float: left;
	position: relative;
	z-index: 10;
}

.flow::after{
	content: "";
	width: 67px;
	height: 67px;
	background: #FFC0CB;
	transform: rotate(-45deg);
	position: absolute;
	top: 14px;
	right: -34px;
	z-index: 5;
}
.flow-current, .flow-current-end{
	background: #dc143c;
	float: left;
	position: relative;
	z-index: 20;
}
.flow-current::after{
	content: "";
	width: 67px;
	height: 67px;
	background: #dc143c;
	transform: rotate(-45deg);
	position: absolute;
	top: 14px;
	right: -34px;
	z-index: 5;
}
.no-currnt {
	background: #FFC0CB;
	position: relative;
	z-index: 30;
}
.flow span{
	position: relative;
	z-index: 20;
}

.flow-step {
	border-radius: 4px;
	border: 2px solid #fff;
	margin :0 5;
	padding : 5 5;
	font-size: 60%;

}
/*------------------*/
/*    闔会ｽｮ騾包ｽｳ髴趣ｽｼ STEP   */
/*------------------*/

/*------------------*/
/*    髫穂ｸ橸ｽｮ螟ゑｽ｢?・ｽ・ｽ髫ｱ?・ｽ・ｽ   */
/*------------------*/
.list-wrap {
	list-style: none;
	margin: 0;
	padding:0;
}
.list_pdf:before {
	content:'';
	width: 40px;
	height: 40px;
	display :inline-block;
	position: relative;
	top: -1o-x;
	margin-right: 5px;
	background-image :url("img/pdf.png");
	background-size :contain;
	background-repeat :no-repeat;
	vertical-align :top;
}
.list_pdf {
	padding: 10px;
	margin-bottom :5px;

}
.list_agree-wrap {
	/*position: relative;*/
	font-size:16px;
	font-weight:bold;
	list-style-type: disc;
	padding-left:15px;
	text-align: left;
}
.list_agree:before {
	display:block;
	content:'';
	position: absolute;
	top: .5em;
	left: -1em;
	width :6px;
	height: 6px;
	background-color : #000;
	border-radius: 100%;
}

/*------------------*/
/*    髫穂ｸ橸ｽｮ螟ゑｽ｢?・ｽ・ｽ髫ｱ?・ｽ・ｽ   */
/*------------------*/

.gid-title {
	padding: .25em 0 .25em .27em;
	border-left:45px solid #dc143c;  position: relative;
	top:23px;
	z-index: 1;
}
.gid-title2 {
	margin-left:25px;
	padding: .50em 0 .50em .27em;
	border-left: 7px solid #fff;
	position: relative;
	top:-36px;
  	z-index: 9;

}

/*------------------*/
/*  闔会ｽｮ騾包ｽｳ髴趣ｽｼ・ｽ??・ｽ・ｽ陜｣?・ｽ・ｽ陷茨ｽ･陷会ｿｽ  */
/*------------------*/
.row-height {
	height:60px;
}
.item_table{
	width: 800px;
	table-layout: fixed;
	margin-bottom: 0px;
}
.item_header {
	text-align:left;
	vertical-align:middle;
	background:#ffeaea;
	color:#000;
	padding-left: 2%;
	width: 200px;
}
.item_data {
	text-align:left;
	vertical-align:middle;
	width: 800px;
}
.input_border {
	border: 2px solid #ddd;
	border-radius: 4px;
	margin: 0 10;
}
.item_data_border {
	margin: 0 10;
}
.item_data_pos {
	padding-left:15px;
}
.chk_radio {
	position: relative;
	left:3%;
}
.chk_radio_lbl {
	vertical-align: 5%;
	padding-left: 4%;
}
.rokin-td {
	word-break: break-all;
}
/*------------------*/
/*  闔会ｽｮ騾包ｽｳ髴趣ｽｼ・ｽ??・ｽ・ｽ陜｣?・ｽ・ｽ陷茨ｽ･陷会ｿｽ  */
/*------------------*/

/*------------------*/
/* 郢ｧ?・ｽ・ｽ郢晢ｽｩ郢晢ｽｼ郢晢ｽ｡郢晢ｿｽ郢ｧ?・ｽ・ｽ郢晢ｽｼ郢ｧ?・ｽ・ｽ */
/*------------------*/
.error-info {
	color:red;
	font-size:11px;
}
/*------------------*/
/* 郢ｧ?・ｽ・ｽ郢晢ｽｩ郢晢ｽｼ郢晢ｽ｡郢晢ｿｽ郢ｧ?・ｽ・ｽ郢晢ｽｼ郢ｧ?・ｽ・ｽ */
/*------------------*/


.gid-row {
	margin-bottom: 10px;
}

.gid-col {
	padding-top: 10px;
}
.gid-col2 {
	padding-top: 15px;
	margin-left: 40%
}

.gid-col-header {
	padding: 20px 0px 0px 20px;
}

.gid-col-header-bottom {
	padding: 0px 0px 20px 0px;
}

.gid-col-conf {
	height: 34px;
	display: flex;
	align-items: center;
}

.gid-col-conf2 {
	height: 55px;
	display: flex;
	align-items: center;
}

.gid-col-conf-input {
	height: 34px;
}

.gid-col-conf-input2 {
	height: 55px;
}

.gid-btn {
	margin: 0px 5px 0px 0px;
}

.gid-btn-success {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #198754 !important;
    --bs-btn-border-color: #198754 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #157347 !important;
    --bs-btn-hover-border-color: #146c43 !important;
    --bs-btn-focus-shadow-rgb: 60,153,110 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #146c43 !important;
    --bs-btn-active-border-color: #13653f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #198754 !important;
    --bs-btn-disabled-border-color: #198754 !important;
}

label[for*="cimsForm:gid-Radio:"] {
	font-weight: 100;
	padding-right: 5px;
	vertical-align: middle;
}

.table > tbody > tr > td > .gid-border-none {
	border: medium none currentcolor;
}

.col-lg-3 .input-group {
width:100%;
}

.calendar-input > span > input {
    width: 115px;
    border-radius: 0px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 34px;
    padding: 6px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}

.calendar-middle {
    padding-top: 8px;
}

/*----*/
/* 仮申込情報確認 戻るボタンと送信ボタン間の隙間 */
.between_button {padding-left:50px;}


/* メッセージ */
.ui-messages ul {
    margin: 0 25px!important;
    padding: 0!important;
    list-style-type: none!important;
}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
	margin-top: -7px !important;
	margin-right:0px !important;
}
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    margin-left: 10px !important;
    font-weight: bold;
}


/*-----------------------------------------------------*/
.input-group2 .text {
	width:30%;
	border-radius: 4px;
}
/*-----------------------------------------------------*/


.panel-info{border-color:#fff}
.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#fff}
.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#fff}
.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#fff}


/* 仮申込 テーブル設定 */
.tbody-config {
	font-size: 14px;
}
/* 仮申込 flow-step */
.panel-flowstep {
	margin-bottom:  30px;
}

.gid-systemname-link {
	text-decoration: none !important;
	color: #dc143c !important;
	background-color: #fff;
}
/* 「セコムパスポート for G-ID」の設定 */
.gid-col-header {
	padding: 0px 0px 0px 14px;
	color: #dc143c;
	font-weight: bold;
	width:400px;
	height:80px;
	float:left;
}
/* 「セコムパスポート for G-ID」の位置 */
.gid-header-name-top {
	position: absolute;
	top: 20px;
	width:1000px;
}

/* 「司法書士電子証明書  仮申込」の位置 */
.gid-header-name-bottom {
	padding: 10px 0px 10px 28px;
	color: #dc143c;
	font-weight: bold;
	float:left;
	width:1000px;
	height:80px;
	position: absolute;
	top: 35px;
}

/* 仮申込情報入力  仮申込情報確認 */
.tr-border {
	border-color: inherit;
	border-style: solid;
	border-width: 1px;
}
.tr-border-top {
	border-top-color: inherit;
	border-top-style: solid;
	border-top-width: 1px;
}

.tr-border-left {
	border-left-color: inherit;
	border-left-style: solid;
	border-left-width: 1px;
}
.tr-border-right {
	border-right-color: inherit;
	border-right-style: solid;
	border-right-width: 1px;
}
.border-right {
	border-right-color: inherit;
	border-right-style: solid;
	border-right-width: 1px;
}

/* ボタン定義 */
/* Bootstrap v3.3.6より移設 */
.btn-primary {
    color: #fff;
    background-color: #337ab7!important;
    border-color: #2e6da4!important;
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #286090!important;
    border-color: #122b40!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090!important;
    border-color: #204d74!important;
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090!important;
    border-color: #204d74!important;
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74!important;
    border-color: #122b40!important;
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-image: none!important;
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7!important;
    border-color: #2e6da4!important;
}

.btn-primary .badge {
    color: #337ab7!important;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c!important;
    border-color: #4cae4c!important;
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #449d44!important;
    border-color: #255625!important;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44!important;
    border-color: #398439!important;
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44!important;
    border-color: #398439!important;
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439!important;
    border-color: #255625!important;
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image: none!important;
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c!important;
    border-color: #4cae4c!important;
}

.btn-success .badge {
    color: #5cb85c!important;
    background-color: #fff!important;
}


/* ハイパーリンクの下線部なし  */
a {
  text-decoration: none;
}

.width-80 {
	width:80px;
}

/* 画面表示の定義  */
@media screen {
	/* header.xhtml の定義  */
	.header-contents {
		background-color: #fff;
		position: abusolute;
		top:25px;
		left: 0px;
		height:100px;
		width:1000px;
	    min-width: 1280px;
		padding-left: 60px;
	}
	.gid-header-name-top {
		margin-left: 0px;
	}
	.gid-header-name-bottom {
		margin-left: 0px;
	}
	/* 日本司法書士連合会のロゴ位置 */
	.gid-head-logo {
		padding: 0px !important;
		height:70px;
		top:25px;
		left: 200px;
		width: 300px; 
		position:relative;
	}
	/* 日本司法書士連合会のロゴ位置 */
	.logo {
		margin:10px;
	}
}

/* 印刷プレビュー 印刷設定  */
@media print{
	.header-contents {
		background-color: #fff;
		top     : 20px!important;
		left    : 0px!important;
		height  : 100px;
		width   : 80%;
		position: abusolute;
		padding: 0px;
		margin-left: 0px!important;
		padding-left: 0px;

	}
	.gid-header-name-top {
		margin-left: 0px;
	}
	.gid-header-name-bottom {
		margin-left: 0px;
	}

	/* 仮申込情報確認 戻るボタンと送信ボタン間の隙間 */
	.between_button {
		padding-left:12px;
	}
	.gid-head-logo {/* 日本司法書士連合会のロゴ位置 */
		padding: 0px !important;
		height:70px;
		top:25px;
		left: 200px;
		width: 310px; 
		position:relative;
	}
	/* 日本司法書士連合会のロゴ位置 */
	.logo {
		margin:10px;
		right: 50px;
	}

	/* 仮申込情報の横幅サイズの割合 */
	#search-list {
		width: 95%;
	}

	body {
	  zoom: 97%; /* 全体を90%に縮小 */
	}

}

/* 印刷用紙 A4設定 */
@page {
	size: 210mm 297mm;
	margin: 3px;
}