@charset "UTF-8";

@import url("kouza2.css");
@import url("common3.css");
@import url("winIE.css");

*{ margin:0px; padding:0px; font-size:13px !important;}
p{ margin:0px auto!important; max-width:705px; padding:0px;}


img a{ border:0px none;}

.red{color:#ff0000;}


.pc{display:inline;}
.sp{display:none;}

#container{text-align:center; margin:0px auto;}
#container table{text-align:left;}

.page_subtitle{margin:0 auto !important; margin-top:20px !important; margin-bottom:20px !important;}

/*-- 位置調整用 --*/

.clear{clear:both; line-height:0px; height:0px;}

/*-- clearfix --*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility: hidden;
}
*:first-child+html .clearfix { /* for windows IE7 only */
  display:inline-block;
  min-height:1%;
}
* html .clearfix { /* for windows IE6 only */
  height:1%;
}

/*-- float --*/
.fl_l{float:left; display:inline;}
.fl_r{float:right; display:inline;}
.fl_n{float:none;}

/*--  --*/

.ta_l{text-align:left;}
.ta_r{text-align:right;}
.ta_c{text-align:center;}

/*-- margin --*/

.m0auto{margin:0px auto !important;}

.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.m10{margin:10px !important;}

/*-- padding --*/
.pt10{padding-top:10px !important;}
.pb10{padding-bottom:10px !important;}

.p10{padding:10px !important;}

* html img{vertical-align:bottom;}
*+html img{vertical-align:bottom;}

/*-- 非アクティブ時の設定 CLASS--*/

.inactive{background:none !important;}

.inactive td,.inactive th{background:#dddddd !important;}

.inactive div{
	background:none !important;
	overflow:hidden !important;
}

.inactive td,.inactive p,.inactive th{color: rgba( 0, 0, 0, 0.5 ) ;}

.inactive input[type="image"],.inactive a img,.inpoff{
	opacity:0.3 !important;
	filter:alpha(opacity=30) !important;
	-ms-filter: "alpha( opacity=30 )" !important;
	cursor:default !important;
	pointer-events:none !important;
	outline:none !important;
}

.inactive a{
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
	-ms-filter: "alpha( opacity=50 )" !important;
	text-decoration:none !important;
	cursor:default !important;
	pointer-events:none !important;
}

.inactive span{
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
	-ms-filter: "alpha( opacity=50 )" !important;
}

.inactive .kouzaopen_button{border-left:#bbbbbb 1px solid !important;}

/*-- kouzaopen_box --*/
.kouzaopen_box{width:705px; margin:0px auto;}

.kouzaopen_table{
	width:705px;
	margin:0px auto;
	box-sizing:border-box;
	border-right:#658ec7 1px solid;
	border-bottom:#658ec7 1px solid;
	line-height:20px !important;
}

.kouzaopen_table th,.kouzaopen_table td{
	padding:10px;
	box-sizing:border-box;
	border-top:#658ec7 1px solid;
	border-left:#658ec7 1px solid;
}

.kouzaopen_01{ background:#d8e3f1;}
.kouzaopen_02{ background:#eff3f9;}

.kouzaopen_table dl{}

.kouzaopen_table dl dt{font-weight:bold; font-size:15px; padding-bottom:5px;}

/*-- 内容部分 --*/

.kouzaopen_contents{width:545px; box-sizing:border-box;}


/*-- はい・いいえ部分 --*/

.kouzaopen_button{width:160px; text-align:center;}

.kouzaopen_button[input="image"]{ vertical-align:bottom;}

/*-- 個人情報の利用目的 内容 --*/

#purpose_box{
	height:100px;
	overflow:auto;
	padding:10px;
	border:#b6c8e0 1px solid;
	background:#ffffff;
	box-sizing:border-box;
}

/*--お客様相談窓口部分--*/

.contact_information{width:480px; margin:10px 0px;}
* html .contact_information{width:460px !important;}
*+html .contact_information{width:460px !important;}

.contact_information dl{
	width:235px;
	margin:0px;
	padding:0px;
	display:inline;
}

* html .contact_information dl{width:225px !important;}
*+html .contact_information dl{width:225px !important;}

.contact_information dl dt{
	background:#b7e1f7;
	margin:0px;
	padding:2px 0px;
	font-weight:normal !important;
	text-align:center !important;
}

.contact_information dl dd{margin:0px; padding:0px;}

.contact_information dl table{width:235px; margin:0px; padding:0px; text-align:left !important;}
* html .contact_information dl table{width:210px !important;}
*+html .contact_information dl table{width:210px !important;}

.contact_information dl table th{
	width:40px;
	padding:2px 0px 0px;
	font-weight:normal;
}
.contact_information dl table td{padding:2px 0px 0px; border:0px none !important;}


/*-- ロスカット制度 --*/

#loss_cut_box{
	height:100px;
	overflow:auto;
	padding:10px;
	border:#b6c8e0 1px solid;
	background:#ffffff;
	box-sizing:border-box;
}

/*----*/

#text_other_area{width:140px; display:block; text-align:left; margin-top:5px !important;}
#text_other{width:95px;}

/*-- 下部署名の設定 --*/

#text_signing_area{width:140px; display:block; text-align:left;}
#text_signing_area span{font-size:12px !important;}

#text_signing{width:108px;}

#lock {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF; /*--お好みの色で--*/
    text-align: center;
    display: none;
    opacity: 0.7; /*--これもお好みの透過率で--*/
}



/*--マイナンバー関連部分--*/

.mynumber{width:670px; margin:0px auto;}





/*-- 2017 フォーム改善　inputの設定 --*/

#table_newcomtexp05{}

#table_newcomtexp05 .bk1{
	table-layout:fixed;
	background-color:#658ec7;
	width:40px !important;
	max-width:40px !important;
	/* text-align:center; */
/*--
	width:40px !important;
	max-width:40px !important;
	text-align:center;
	vertical-align:middle;
	line-height: 1em;
	letter-spacing:0;
	padding:10px 0px !important;--*/
}

#table_newcomtexp05 th{
	width:17%; 
	min-width:119px; 
	max-width:159px !important; 
	text-align:left; 
	box-sizing:border-box;
}

#table_newcomtexp05 td{
	font-weight:normal; 
	width:545px !important; 
	box-sizing:border-box;
}

#table_newcomtexp05 input[type="text"], 
#table_newcomtexp05 input[type="tel"], 
#table_newcomtexp05 input[type="password"],
#table_newcomtexp05 select{
	height:30px;
	margin:1px 0px;
}

#table_newcomtexp05 input[type="text"], 
#table_newcomtexp05 input[type="tel"], 
#table_newcomtexp05 input[type="password"]{
	max-width:350px !important;
}

#table_newcomtexp05 select{
	max-width:200px !important;
}

#table_newcomtexp05 input[type="submit"]{
	height:30px;
}

#table_newcomtexp05 input[name="sakitext1"],#table_newcomtexp05 input[name="gaikatext"],#table_newcomtexp05 input[name="kabu_text_g"],#table_newcomtexp05 input[name="kabu_text_s"]{max-width:150px !important;}

.bold{font-weight:bold;}

#img_newregist1{margin:0px auto !important;}
#img_rejist_02{margin:0px auto !important; padding-top:10px;}

/* 送信ボタンのデザイン */
.btn-gradient-simple {
	display: inline-block;
	padding: 0em 1em;
	text-decoration: none;
	border-radius: 3px;
	color: #FFF;
	font-size: 18px !important;
	font-family: serif;
	background-image: linear-gradient(45deg, #b4cff0 0%, #658ec7 100%);
	transition: .4s;
	border: 0px;
  }
  
  .btn-gradient-simple:hover {
	background-image: linear-gradient(45deg, #a5c6ee 0%, #4b7fc7 100%);
  }



/* 背景色を交互に指定 */
.kouzaopen_table tr:nth-child(even) th,
.kouzaopen_table tr:nth-child(even) td{
	background:#d8e3f1;
}

.kouzaopen_table tr:nth-child(odd) th,
.kouzaopen_table tr:nth-child(odd) td{
	background:#eff3f9;
}

/* 交付書面のご理解と確認ページのお客様相談室の背景色も上記のCSSに影響を受けるため個別に指定 */
.fl_l th, .fl_l td{
	background-color: #FFF !important;
}


/*** ２行にわたるカッコ ***/
.parenthesis {
  position: relative;
  width: 500px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis::after {
  right: 0;
  border-right: 1px solid #555;
}

#hina {background-color:#66cc33;}

/****** 文字を点滅せさるアニメーション *******/
/******  インターネット照会サービスの利用開始申込  *******/
/*** 利用はなくなったが、とりあえず残しておく ***/
#blink_text{
  -webkit-animation:blink 0.5s ease-in-out infinite alternate;
  -moz-animation:blink 0.5s ease-in-out infinite alternate;
  animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
 100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
 100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
 100% {opacity:1;}
}