@charset "Shift_JIS";
/*.bg{ background:url("/jalcard/information/change_vma2012/img/bg_img.gif") repeat-y;}*/
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 20px 20px 70px;
text-align:left;
border:solid 2px #cc0000;
background:url("/jalcard/information/change_vma2012/img/attention.png") no-repeat 22px center;
}
#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_vma2012/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_vma2012/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/change_vma2012/img/bg_appeal_g.jpg") repeat-y;
}

.appeal_p{
  padding: 20px 15px;
  background:url("/jalcard/information/change_vma2012/img/bg_appeal_p.jpg") repeat-y;
}
.appeal_svList li{
  float: left;
  /*height: 140px;*/
	/*height: 205px;*/
	height: 350px;
  padding:35px 10px 25px;
  background-color:#fff;
}
.appeal_a .appeal_svList li{
  width: 260px;
  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_vma2012/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_vma2012/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;
}


.count_area{width:100%;color:#fff;background:#000;}
.count_area.end{padding:50px 0 34px;}
.count_area .count_area_inner{width:950px;margin:0 auto;padding:30px 0 20px;}
.count_area.end .count_area_inner{display:none;}
.count_area .count_area_inner:after{display:block;clear:both;content:'';}
.count_area .count_txt{float:left;width:260px;margin-top:49px;padding-right:20px;text-align:right;color:#fff!important;}
.count_area .txt1{font-size:17px;}
.count_area .txt2{font-size:13px;position:relative;top:4px;left:7px;}
.count_area .count{font-size:30px;float:left;width:670px;letter-spacing:0;color:#fff!important;}
.count_area .count .num_wrap{margin:0 5px 0 10px;}
.count_area .count .num{font-size:70px;line-height:85px;display:inline-block;width:67px;height:85px;margin:0 3px;text-align:center;vertical-align:bottom;color:#333;border-radius:5px;background:#eee;}
.count_area .count_area_inner_end{display:none;}
.count_area.end .count_area_inner_end{display:block;}
.count_area_inner_end .end_txt{width:950px;margin:0 auto;color:#fff!important;}
.count_area_inner_end .end_txt{font-size:18px;line-height:1.5em;text-align:center;}
.count_area_inner_end .end_txt a{color:#fcff00;}
.count_area_inner_end .end_txt a:hover{color:#feffa3;}