@charset "shift_jis";

#disasterInfo{
	padding: 10px 10px 10px 30px;
	margin-bottom: 15px;
	border: 1px solid red;
	background-color: #faf8f0;
	font-weight:bold;
	background:url("/dp/images/icon_error.gif") no-repeat 10px 9px;
}
#disasterInfo span {
	color:#cc0000;
}
#disasterInfo h2{
	font-weight: bold;
	font-size: 14px;
	color: red;
}
#jalInfo{
	margin: 5px 0;
	padding-left: 60px;
	background: url("/dp/top_image/logo_step1_jal.gif") top left no-repeat;
}

#anaInfo{
	margin: 5px 0;
	padding-left: 60px;
	background: url("/dp/top_image/logo_step1_ana.gif") top left no-repeat;
}

#jrInfo{
	margin: 5px 0;
	padding-left: 60px;
	background: url("/dp/top_image/logo_step1_jr.gif") top left no-repeat;
}
#popupinfo {
	margin:0;
	padding:0;
}
#popupinfo h1 {
	background-color: #eee;
	font-size: 14px;
	margin: 10px 10px 30px;
	padding: 8px 10px;
	line-height:1.5;
}
#popupinfo h1.jal {
	border-bottom: 2px solid #e40000;
}
#popupinfo h1.ana {
	border-bottom: 2px solid #00a0df;
}
#popupinfo h1.jr {
	border-bottom: 2px solid #333333;
}
#popupinfo dl {
	margin:5px 10px;
	font-size:12px;
	line-height:1.5;
	color:#444;
}
#popupinfo dl dt {
	font-weight:bold;
	background:url("/dp/images/icon_q.gif") no-repeat 0 0;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
}
#popupinfo dl dd {
	margin:0 0 50px;
	background:url("/dp/images/icon_a.gif") no-repeat 0 0;
	padding-left:20px;
}
#popupinfo .btn-close {
	text-align:center;
}
#popupinfo .btn-close img {
	border: 0;
}
#popupheader {
	border-bottom:1px solid #ccc;
}
#popupheader p {
	background: url("/assets/img/common/sitetitle.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 52px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 124px;
	z-index: 100;
	margin-left:10px;
}
#contact {
  margin:0 30px 50px;
  padding:10px;
  background-color:#fffde6;
  border:2px solid #d9b690;
  font-size:14px;
}
#contact p {
  margin:5px 0 15px;
}
#contact table {
  marigin:0;
  padding:0;
  border:none;
}
#contact table caption {
  text-align:left;
}
.contactCap {
	white-space: pre;
}

/*--2014/06/13追加--*/
.bold{
	font-weight:bold;
	color:#666666;
	margin:5px 0;
	}

.boxline{
	border:#7C7C7C 1px solid;
	padding:7px;
	max-width:850px;}
/*--2014/06/13追加--*/


/*--2015/04/6追加--*/
.textcolor{
color:#EB0D18;
}

.bolded{
font-weight:bold;
color:#444;
margin:0;
}

.bannerarea{
margin:15px 0;
background-color:#BDD7EE;
padding:10px;
}
/*--2015/04/6追加--*/

/*-- 2015/12/14 --*/
#wrapper {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 810px;
}

#popupinfo h1 {}
#popupinfo h1.jal,
#popupinfo h1.ana {
	background-color: transparent;
	border-bottom: none;
	border-left: 6px solid #FF5A00;
	font-size: 17px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 5px;
	line-height:1.5;
}

.imgWrap {
	text-align: center;
	/*margin: 20px auto 30px;*/
	margin: 20px auto 10px;
}
.imgWrap__ana {
	margin: 20px 10px;
}
.infoImg__ana {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.weatherChart01{
	position: relative;
	width: 750px;
	/*margin: auto;*/
}
.btnConfirmation01 a {
	position: absolute;
	background: url(/dp/images/jal_info/pc/btn_confirmation.png) no-repeat;
	width: 141px;
	height: 20px;
	text-indent: -9999px;
	left: 36px;
	top: 41px;
}
.btnConfirmation02 a {
	position: absolute;
	background: url(/dp/images/jal_info/pc/btn_confirmation.png) no-repeat;
	width: 141px;
	height: 20px;
	text-indent: -9999px;
	left: 411px;
	top: 41px;
}
#weatherInfo {
	padding-bottom: 30px;
}
#weatherInfo p {
	font-size: 12px;
	margin-top: 10px;
	padding: 0 30px;
	line-height: 150%
}
.weatherTxt {
	font-size: 14px !important;
	font-weight: bold;
}
.weatherSubttl {
	font-size: 14px !important;
	font-weight: bold;
	margin-bottom: 0;
}
.weatherInfoTtl {
	background: #666 url(/dp/images/jal_info/pc/icon_check.png) no-repeat 10px 50%;
	border: 2px solid #c00;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px 5px 30px;
}
.weatherInfoChartTtl {
	background-color: #d02d2d;
	color: #fff;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
}
.weatherInfoChartTtl.before {
	background: #d02d2d url(/dp/images/jal_info/pc/icon_bag.png) no-repeat 10px 40%;
}
.weatherInfoChartTtl.after {
	background: #d02d2d url(/dp/images/jal_info/pc/icon_airplane.png) no-repeat 10px 50%;
}

#cancelInfo {
	margin-top: 10px;
}
#cancelInfo .imgWrap {
	margin: 30px auto;
}
#cancelInfo dl {
	border-top: 1px solid #aaa;
	margin: 0;
	padding: 10px 0;
}
#cancelInfo dl dt {
	background:url(/dp/images/jal_info/icon_q.png) no-repeat 0 0;
	background-size: 15px;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
}
#cancelInfo dl dd {
	background:url(/dp/images/jal_info/icon_a.png) no-repeat 0 0;
	background-size: 15px;
	margin:0 0 20px;
	background-size: 15px;
	padding-left:20px;
}
#cancelInfo dl dd em {
	font-style: normal;
	font-weight: bold;
}
.cancelInfoTtl {
	border-top: 1px solid #aaa;
	font-size: 18px;
	margin-bottom: 0;
	padding: 3px 10px 3px 0;
	position: relative;
}
.cancelInfoTtl span {
	display: inline-block;
  height: 0;
  padding-top: 27px;
  overflow: hidden;
	margin-right: 5px;
	width: 27px;
	vertical-align: middle;
}
.icon-no1 {
	background: #333 url(/dp/images/jal_info/pc/icon_no1.png) no-repeat 0 0;
}
.icon-no2 {
	background: #333 url(/dp/images/jal_info/pc/icon_no2.png) no-repeat 0 0;
}
.icon-no3 {
	background: #333 url(/dp/images/jal_info/pc/icon_no3.png) no-repeat 0 0;
}
.ans-subttl {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
.ans-subttl + p {
	margin-top: 0;
}

.closeBtnArea{}
.btn-window-close {
	background-color: #d8d8d8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgb(153, 153, 153) 0px 2px 0px 0px;
	-webkit-box-shadow:rgb(153, 153, 153) 0px 2px 0px 0px;
	-moz-box-shadow:rgb(153, 153, 153) 0px 2px 0px 0px;	color: #333;
	display: block;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	width: 230px;
}
.btn-window-close:hover {
	opacity: 0.7;
}

/*-- for ana --*/
#cancelInfo__ana dd p:first-child {
	margin-top: 0;
}
.ans-intro {
	margin-bottom: 20px;
}
.bolded + p{
	margin-top: 0;
}
.bannerarea .imgWrap__ana {
	margin: 20px 0 15px;
}
.underline {
	text-decoration: underline;
}
.fw-bold {
	font-weight: bold;
}
.c-red {
	color: #ff0000;
}
.anainfo-announce {
	background:#feeeee;
	border:1px solid #ff0000;
	padding:4px 6px;
	font-size:0.8em;
	margin:10px;
}
.anainfo-announce p {
	font-weight:bold;
	background:url(../images/icon_announce.gif) no-repeat 0 1px ;
	margin-bottom:3px;
	padding-left:14px;
}


/*-- for sp --*/
@media screen and (max-width: 480px) {
	#wrapper {
		font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
		width: auto;
	}
	#popupinfo h1.jal,
	#popupinfo h1.ana {
		font-size: 16px;
		margin: 10px 0 0 10px;
	}
	.imgWrap {}
	.imgWrap img {
		display: none;
	}
	/*#weatherInfo {
		padding-bottom: 20px;
		border-bottom: 2px solid #d02d2d;
		margin-bottom: 20px;
		position: relative;
	}*/
	/*#weatherInfo:after {
		content: "";
		background: url(/dp/images/jal_info/sp/bg_arrow_down.png) no-repeat 0 0;
		background-size: 29px;
		display: block;
		height: 13px;
		width: 29px;
		position: absolute;
		bottom: -13px;
		left: 50%;
		margin-left: -15px;
	}*/
	#weatherInfo p {
		font-size: 12px;
		margin-top: 10px;
		padding: 0 10px;
	}
	.weatherInfoTtl {
		background: #666 url(/dp/images/jal_info/sp/icon_check.png) no-repeat 10px 50%;
		background-size: 16px;
		border: 2px solid #c00;
		padding: 5px 10px 5px 30px;
	}
	.weatherInfoChartTtl {
		padding: 5px 10px 5px 10px;
	}
	.weatherInfoChartTtl.before {
		background: #d02d2d url(/dp/images/jal_info/sp/icon_bag.png) no-repeat 10px 50%;
	}
	.weatherInfoChartTtl.after {
		background: #d02d2d url(/dp/images/jal_info/sp/icon_airplane.png) no-repeat 10px 50%;
	}
	.weatherInfoChartTtl.before,
	.weatherInfoChartTtl.after {
		background-size: 16px;
	}
	#cancelInfo {
		border-top: 2px solid #aaa;
		margin-top: 30px;
	}
	#cancelInfo dl {
		border-top: none;
		border-bottom: 2px solid #aaa;
		margin: -2px 0 0;
		padding: 20px 10px 10px;
	}
	.cancelInfoTtl {
		border-top: none;
		border-bottom: 2px solid #aaa;
		font-size: 16px;
		margin-top: -2px;
		margin-bottom: 0;
		padding: 7px 10px;
		position: relative;
	}
	.cancelInfoTtl span {
		background-color: #ff5800;
		background-image: none;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		height: 24px;
		line-height: 24px;
		margin-right: 5px;
		text-align: center;
		padding: 0;
		width: 24px;
	}
	.cancelInfoTtl i {
		background-size: 22px;
		display: inline-block;
		height: 22px;
		margin-top: -11px;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 22px;
	}
	.icon-plus {
		background: url(/dp/images/jal_info/sp/icon_plus.png) no-repeat 0 0;
	}
	.icon-minus {
		background: url(/dp/images/jal_info/sp/icon_minus.png) no-repeat 0 0;
	}
	.cancelInfoTtl + dl {
		display: none;
	}
	.weatherChart01 {
		background: url(/dp/images/jal_info/sp/disasterInfo_chart_01.png) no-repeat 50% 0;
		background-size: 300px;
		width: 300px;
		height: 184px;
	}
	.weatherChart02 {
		background: url(/dp/images/jal_info/sp/disasterInfo_chart_02.png) no-repeat 50% 0;
		background-size: 300px;
		width: 300px;
		height: 116px;
	}

	.weatherChart03 {
		background: url(/dp/images/jal_info/sp/disasterInfo_chart_03.png) no-repeat 50% 0;
		background-size: 280px;
		height: 293px;
	}
	.cancelChart01 {
		background: url(/dp/images/jal_info/sp/flightCancel_chart_01.png) no-repeat 50% 0;
		background-size: 280px;
		height: 486px;
	}
	.btnConfirmation01 a {
		position: absolute;
		background: url(/dp/images/jal_info/sp/btn_confirmation.png) no-repeat;
		width: 141px;
		height: 20px;
		text-indent: -9999px;
		left: 20px;
		top: 26px;
	}
	.btnConfirmation02 a {
		position: absolute;
		background: url(/dp/images/jal_info/sp/btn_confirmation.png) no-repeat;
		width: 141px;
		height: 20px;
		text-indent: -9999px;
		left: 20px;
		top: 123px;
	}
	.closeBtnArea{
		padding: 0 10px;
 }
	.btn-window-close {
		width: 100%;
	}
	.btn-window-close:hover {
		opacity: 1;
	}
}

/* 25/05/16 追加 */
html {
	scroll-behavior: smooth;
}

.anchor-amadeusInfo {
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #00e;
}

#alteaAwc {
	scroll-margin-top: 10px;
}
/* 25/05/16 追加 -> */


/*-- for ana sp --*/
@media screen and (max-width: 480px) {
	.imgWrap__ana {
		margin: 20px 10px;
	}
	#cancelInfo__ana dl {
		border-top: 1px solid #ccc;
		margin: 5px 0;
	}
	#cancelInfo__ana dl dt {
		background-position: 7px 10px;
		margin-bottom: 0;
		padding: 7px 35px 7px 25px;
		position: relative;
	}
	#cancelInfo__ana dt i {
	  background-size: 22px;
	  display: inline-block;
	  height: 22px;
	  margin-top: -11px;
	  position: absolute;
	  right: 10px;
	  top: 50%;
	  width: 22px;
	}
	#cancelInfo__ana .icon-plus {
		background: url(/dp/top_image/ana_icon_plus.png) no-repeat 0 0;
		background-size: 22px;
	}
	#cancelInfo__ana .icon-minus {
	  background: url(/dp/top_image/ana_icon_minus.png) no-repeat 0 0;
		background-size: 22px;
	}
	#cancelInfo__ana dl dd {
		background-position: 7px 10px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0;
		padding: 7px 10px 30px 25px;
		display: none;
	}

	/* 25/05/16 追加 */
  .anchor-amadeusInfo {
    margin-left: 10px;
  }
	/* 25/05/16 追加 -> */
}