@charset "Shift_JIS";

h4{
	font-size:170%;
	line-height:70px;
	background-color:#ddd;
	text-align:center;
}
h5{
	font-size:140%;
	line-height:70px;
	background-color:#cfc39f;
	text-align:center;
}
.contentsInr01{
	margin: 0 auto;
    width: 950px;
}
.pd10 {
    padding: 10px !important;
}
.bgGr{background-color: #D6D6D6;}
.bgdd{background-color:#ddd;}
.bgf2{background-color:#f2f2f2;}
.bgcf{background-color:#cfc39f;}
.bgef{background-color:#efece3;}

/* #box */
#box{
  padding: 20px;
  border: solid 2px #cc0000;
	text-align:center;
}
#box .fs18 img{
	vertical-align: middle
}
#box p{ font-weight: bold;}
#box01{ width:896px; padding:20px; text-align:center; border:double 4px #C00;}
#box01 p{ font-weight: bold;}


.w240{width:240px !important;}
.w280{width:280px !important;}
.w390{width:390px !important;}
.w530{width:530px !important;}
.w710{width:710px !important;}
.w940{width:940px !important;}
.fs10 { font-size: 10px; line-height: 20px; }

.mg_auto{
  margin: 0 auto;
}

.anc_box{
  width:940px;
  margin: 0 auto;
	background-color:#f2f2f2;
}
.anc_box .card{
  margin: 15px 0;
}
.anc_box .card img{
  width: 112px;
}
.anc_box .card p{
  display: inline-block;
  vertical-align: middle;
}
.anc_box .card .arrow_r{
  width: 61px;
  height: 49px;
  margin: 0 10px;
  background:url('/jalcard/information/change1804/img/arrow_right.png') no-repeat center top
}
.anc_box .btn_anc{
	padding:40px 0;
	text-align:center;
}
.anc_box .btn_anc a{
 margin:0 auto;
 text-align:center;
  background:url(/jalcard/information/change1804/img/btn_arrow.png) no-repeat 500px 30px #cc0000;
  display:block;
  width: 560px;
  line-height:75px;
  font-size:24px;
  color:#fff;
  font-weight:bold;
}
.anc_box .btn_anc a:hover{
	background-color:#d42626;
	text-decoration:none;
}




/*appeal*/
.appeal{
	background-color:#efece3;
	padding:30px 0 0 0px;

}
.appeal_a{
  width: 900px;
  padding: 20px;
  background:#cfc39f;
}
.appeal_g{
  padding: 20px 15px;
  background:url("/jalcard/information/change1804/img/bg_appeal_g.jpg") repeat-y;
}
.appeal_p{
  padding: 20px 15px;
  background:url("/jalcard/information/change1804/img/bg_appeal_p.jpg") repeat-y;
}
.appeal_svList li{
  float: left;
  /*height: 140px;*/
	height: 205px;
  padding:35px 20px 25px;
  background-color:#fff;
}
.appeal_a .appeal_svList li{
  width: 240px;
  margin: 0 10px;
}
.appeal_g .appeal_svList li{
  width: 385px;
  margin: 0 15px;
}
.appeal_g .appeal_svList_r li{
  width: 233px;
  height: 205px;
  margin: 0 15px;
}
.appeal_p .appeal_svList li{
  width: 240px;
  margin: 0 10px;
  height: 160px;
}
.appeal_p .appeal_svList2 li{
  width: 385px;
  margin: 0 15px;
  height: 140px;
}

.appeal_svList li .txt{
  display: block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.4;
}
.appeal_p .appeal_svList li .txt{
  margin-top: 10px;
}
.appeal_p .appeal_svList2 li .txt{
  margin-top: 20px;
}
.appeal .icon_plus{
	padding:20px 0 20px 442px;
}
.appeal .btn_hikaku{
	padding:0 0 40px;
	text-align:center;
	line-height:1.3;
}
.appeal .btn_hikaku.suica{
	line-height:1.7;
	padding:0 0 40px;
}

.appeal .btn_hikaku a{
 margin:0 auto;
 text-align:center;
 background:url(../img/btn_arrow2.png) no-repeat 500px 36px #333;
 display:block;
 width: 560px;
 /*line-height:75px;*/
 font-size:24px;
 color:#fff;
 font-weight:bold;
 padding:30px 0 15px;
}

.appeal .btn_hikaku.suica a{
 background:url(../img/btn_arrow2.png) no-repeat 500px 30px #333;
  line-height:75px;
	padding:0;
}

.appeal .btn_hikaku a:hover{
	background-color:#515151;
	text-decoration:none;
}
.appeal .btn_hikaku a span{
	font-size:16px;
	font-weight:normal;
}


.step_wrap{
 width:901px;
 margin:0 auto;
}

/* stepbox */
.stepbox{
  border:solid 2px #a6c1d2;
  margin:10px 0;
}
.stepbox p{
  color:#555;
}
.stepbox .leftBox{
  width:130px;
  vertical-align: middle;
  border-right:solid 2px #a6c1d2;
  font-size:24px;
  text-align:center;
  font-weight:bold;
  color:#FFF;
  background-color:#92b7d2;
}
.stepbox .rightBox{
  width:730px;
  padding:20px;
}
.stepbox .rightBox .left{
 width:490px;
 float:left;
}
.stepbox .rightBox .right{
 width:220px;
 float:right;
}

.comentbox{ border-top:1px dashed #ccc; margin-top: 40px; padding-top: 10px;}


div.notesField {
    border: 1px solid #a8a8a8;
    height: 1%;
    padding-bottom: 5px;
}
.icon_mj{
	position: relative;
	padding-left: 80px;
	margin-bottom: 40px;
}
.icon_mj::before{
	position: absolute;
	content: "";
	display: inline-block;
	top: 0;
	left: 0;
	background: url(../img/icon_mj.png) no-repeat;
	width: 77px;
	height: 53px;
}
.icon_doc{
	position: relative;
	padding-left: 56px;
	margin-bottom: 20px;
}
.icon_doc::before{
	position: absolute;
	content: "";
	display: inline-block;
	top: 0;
	left: 0;
	background: url(../img/icon_doc.png) no-repeat;
	width: 43px;
	height: 54px;
}
.Box{
width: 950px;
margin: 0;
}
.stepBox{
display: block;
width: 950px;
margin: 0;
clear: both;
}
.stepBox .step_num{
display: block;
float: left;
width: 140px;
padding: 0px ;
text-align:center;
color:#fff;
font-weight:bold;
font-size:24px;
background: #b1d0e4; /* Old browsers */
background: -moz-linear-gradient(top,  #b1d0e4 0%, #7faaca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d0e4), color-stop(100%,#7faaca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b1d0e4 0%,#7faaca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b1d0e4 0%,#7faaca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b1d0e4 0%,#7faaca 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b1d0e4 0%,#7faaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d0e4', endColorstr='#7faaca',GradientType=0 ); /* IE6-9 */
}
.stepBox .step_txt{
border: 1px solid #a6c1d3;
padding:0 20px;
width:768px;
float:left;
}
.mds_st1{
font-size: 16px ;
font-weight: bold ;
color: #444444
}
.step1 .step_num{
height: 134px;
line-height:134px;
}
.step1 .step_txt{
height: 132px;
}
.step2 .step_num{
height: 218px;
line-height:218px;
}
.step2 .step_txt{
height: 216px;
}
.step3 .step_num{
height: 70px;
line-height:70px;
}
.step3 .step_txt{
height: 68px;
}
.arrow{
clear: both;
padding: 30px 50px;
}
.borderDashed{
clear: both;
margin-bottom: 25px;
padding: 20px 0px;
border-bottom: 1px dashed #8a8a8a;
}
.ttl_area{
	background-color: #7dcdea;
	position:relative;
	overflow:hidden;
	width:100%;
	height:622px;
}
.ttl_area img{
	position:absolute;
	left:50%;
	width:1600px;
	height:622px;
	margin-left:-800px;
}
.ttl_area .kikan{
	position:absolute;
	top:10px;
	left:50%;
	width:950px;
	margin-left:-475px;
}
.ttl_area .kikan p{
	text-align:right;
	color:#fff;
}