@charset "Shift_JIS";



.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;}




.bgff{background-color:#fff9cf;}



.ttl_area{
	background-color: #124296;
	position:relative;
	overflow:hidden;
	width:100%;
	height:550px;
}
.ttl_area img{
	position:absolute;
	left:50%;
	width:1600px;
	height:550px;
	margin-left:-800px;
}

.contentsInr{
	margin: 10px auto 40px;
}
.cid{
	text-align: right;
}
.btn01 a{
	border-radius: 4px;
	width: 420px;
	padding: 20px 0!important;
	font-size: 26px;
	line-height:138%;
	background-image: url(../img/btn_arrow.png)!important;
	background-repeat:no-repeat;
	background-position: 377px 45px;
	margin:0 auto;
}
.btn01 a:hover{
	text-decoration: none;
}
.box{
	text-align: center;
}

.recommend_area h4{
	text-align: center;
	color: #cc0000;
	font-size: 40px;
}
.recommend_area h4::after{
	content: " ";
	background: url(../img/line.png) 20px 23px no-repeat;
	width: 170px;
	height: 40px;
	display: inline-block;
}
.recommend_area h4::before{
	content: " ";
	background: url(../img/line.png) 0px 23px no-repeat;
	width: 170px;
	height: 40px;
	display: inline-block;
}

.recommend_area .detail{
	background: #fff;
	padding: 25px 0 15px;
}
.recommend_area .detail .recommend{
	display: inline-block;
	vertical-align: top;
	width: 410px;
	border-left: 3px solid #666;
	padding: 0 30px;
}
.recommend_area .detail .recommend:first-child{
	border-left: none;
}
.recommend_area .detail .recommend .mds{
	color: #cc0000;
	font-size: 45px;
	text-align: center;
	font-weight: bold;
}
.recommend_area .detail .recommend .imgaera{
	position: relative;
}
.recommend_area .detail .recommend .keyword .mds{
	color: #fff;
	background: url("../img/icon_search.png") 40px 6px no-repeat #ce0000;
	background-size: 20px;
	font-size: 20px;
	width: 196px;
	height: 35px;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	vertical-align: top;
}
.recommend_area .detail .recommend .keyword .text{
	color: #cc0000;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	width: 189px;
	height: 33px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ce0000;
	vertical-align: top;
	
}

.tours_area{
	background: #fff;
	margin-top: 35px;
}
.tours_area .mds{
	background: #0f0f69;
	color: #fff;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	padding: 20px;
}
.tours_area .mds::before{
	content: " ";
	background: url(../img/icon_search.png) 0 0 no-repeat;
	width: 66px;
	height: 47px;
	display: inline-block;
}
.tours_area .lead{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}
.step_area{
	padding: 0 50px 50px;
}
.tours_area .step{
	padding-left: 525px;
}
.tours_area .step01{
	background: url(../img/step1.png) 0 0 no-repeat;
	min-height: 306px;
}
.tours_area .step02{
	background: url(../img/step2.png) 0 0 no-repeat;
	min-height: 306px;
}
.tours_area .step03{
	background: url(../img/step3.png) 0 0 no-repeat;
	min-height: 306px;
}
.tours_area .stepnum{
	font-size: 26px;
	color: #cc0000;
	font-weight: bold;
}


.domtour h4{
	text-align: center;
	color: #cc0000;
	font-size: 40px;
}
.domtour h4::after{
	content: " ";
	background: url(../img/line.png) 20px 23px no-repeat;
	width: 170px;
	height: 40px;
	display: inline-block;
}
.domtour h4::before{
	content: " ";
	background: url(../img/line.png) 0px 23px no-repeat;
	width: 170px;
	height: 40px;
	display: inline-block;
}
.domtour .recommend_area .mds{
	color: #666;
	font-size: 30px;
	text-align: center;
	margin-top: 80px;
	font-weight: bold;
}
.domtour .recommend_area .img_area{
	display: flex;
	justify-content: space-between;
	position: relative;
}

.border{
	border: 1px solid #000;
	padding: 10px;
}

.btn02{
	text-align: center;
}
.btn02 a{
	border-radius: 4px;
	width: 420px;
	padding: 20px 0!important;
	font-size: 26px;
	line-height:138%;
	background-image: url(../img/btn_arrow02.png)!important;
	background-repeat:no-repeat;
	background-position: 377px 45px;
	margin:0 auto;
}
.btn01 a:hover{
	text-decoration: none;
}







/*.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;
}
.btn a{
margin: 20px auto;
text-indent:100%;
white-space: nowrap;
overflow: hidden;
width:278px;
height:39px;
display:block;background:url(/jalcard/jalcard_common_rn/img/btn_mm.jpg);
background-position:left top;
}
.btn a:hover{
background-position:left bottom;
}
.bgGr {
background-color: #D6D6D6;
}
.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 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/change_masterg1811/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/change_masterg1811/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:#cfc39f;
  /* background:url("/jalcard/information/change_masterg1811/img/bg_appeal_g.jpg") repeat-y; */
}
.appeal_p{
  padding: 20px 15px;
  background:url("/jalcard/information/change_masterg1811/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;
}


#video_conts{
 background-color:#fff;
 padding:20px;
 min-height:333px;
 width:910px;
 background:url("/jalcard/information/change_masterg1811/img/bg_appeal_g.jpg") repeat-y;
margin:30px 0;
}
.video_conts_in{
  width: 830px;
  padding:20px 35px;
  background: #fff;
}
#video_conts .mds_video{
  height: 50px;
  margin-bottom: 10px;
  padding-left: 155px;
  color: #816505;
 font-weight: bold;
 font-size: 24px;
 background:url("/jalcard/information/change_masterg1811/img/icon_mds_video.png") no-repeat;
}
#video {
width: 496px;
height: 279px;
margin: auto 0;
position: relative;
}
#video_conts .left{
 width:501px;
 float:left;
}
#video_conts .right{
 width:300px;
 float:right;
 min-height:263px;
}
#video_conts .right p{
 line-height:1.7;
}
#play_button {
width: 500px;
height: 281px;
background-color: #364;
cursor: pointer;
}

.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;
}