@charset "utf-8";

/* -----------------------------------------------
                   Common Style
   ----------------------------------------------- */
#contentsBody{
	margin: 0;
	padding: 0;
	color: #354243;
}
div.clear {
	clear: both;
}
div.divideLine {
	margin: 0 0 0 24px;
	padding: 0;
	height: 1px;
	border-top: 1px dotted #DADADA;
	border-top: 1px solid #EAEAEA;
}
p {
	margin: 0 0 0 24px;
	line-height: 18px;
}
ul.attention {
	margin: 0 0 0 24px;
	padding: 4px 12px;
	list-style-type: none;
	border-top: 1px dotted #DADADA;
	border-bottom: 1px dotted #DADADA;
	background-color: #F7F7F7;
}
ul.attention li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	color: #5A5A5A;
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
div.pagetop {
	margin: 0 0 0 4px;
	padding: 2px 4px 2px 0;
	_padding: 4px 4px 4px 0;
	
	/*\*//*/
	padding: 2px 4px 4px 0;
	/**/
	
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	
}
div.pagetop2 {
	margin: 0;
	padding: 2px 4px 2px 0;
	_padding: 4px 4px 4px 0;
	
	/*\*//*/
	padding: 2px 4px 4px 0;
	/**/
	
	text-align: right;
	font-size: 12px;
	line-height: 16px;
}
/* -----------------------------------------------
                  Card Navigation
   ----------------------------------------------- */
#cardNavi {
	width: 765px;
	margin: 0;
	padding: 0;
	background-image: url("../img/bg_flyon_cardnavi.gif");
	background-repeat: repeat-x;
}
#cardNavi ul{
	margin: 0 0 0 19px;
	padding: 0;
	list-style-type: none;
}
#cardNavi li {
	display: inline;
	margin: 0;
	padding: 0;
}
/* -----------------------------------------------
                    Card contents
   ----------------------------------------------- */
#card div.leftBlock {
	width: 724px;
	float: left;
}
#card div.rightbox {
	width: 724px;
	float: right;
}
#card div.rightBlock {
	width: 41px;
	float: right;
}
#card div.logoBlock {
	width: 41px;
	float: left;
	margin-right:10px;
	padding-left:15px;
}
#card h1 {
	border-bottom: 1px solid #BABABA;
}
#card ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#card li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	color: #354243;
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#card p {
	margin:0 0 0 20px;
	padding: 0;
	line-height: 20px;
	color: #354243;
}
#card p.attention {
	color: #CC0000;
	font-weight: bold;
}
#serviceAnchor {
	width: 765px;
	border-bottom: 1px dotted #DADADA;
	
	_border: none;
	_background-image: url("../img/bg_dotline-ie.gif");
	_background-repeat: repeat-x;
	_background-position: left bottom;
}
.anchorIndex {
	margin: 0;
	padding: 0;
}
.anchorIndex ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.anchorIndex li {
	margin: 0 10px 0 0;
	
	/*\*//*/
	margin: 0 15px 0 0;
	/**/
	
	padding: 0;
	list-style: none;
	display:inline;
}
.anchorIndex li.leftSide {
	margin: 0;
	padding: 0;
	list-style: none;
	display:inline;
}
div.serviceCategory {
	margin: 0;
	padding: 0;
}
div.serviceCategory h2 {
	margin: 0 0 0 4px;
	padding: 0;
}
div.serviceBlock {
	color: #354243;
}
div.serviceBlock p {
	margin: 0 0 0 32px;
	padding: 0;
	line-height: 20px;
	color: #354243;
}
div.serviceBlock h3 {
	margin: 0 0 0 12px;
	border-bottom: 1px solid #BABABA;
}
div.serviceBlock h3.period1 {
	margin: 0 0 0 12px;
	border-bottom: 1px solid #BABABA;
	background: url("../img/bg_service-icons1.gif") no-repeat right center;
}
div.serviceBlock h3.period2 {
	margin: 0 0 0 12px;
	border-bottom: 1px solid #BABABA;
	background: url("../img/bg_service-icons2.gif") no-repeat right center;
}
div.serviceBlock h4 {
	margin: 0 0 0 32px;
	padding: 0 0 4px 0;
	font-size: 12px;
	font-weight: normal;
	color: #354243;
	border-bottom: 1px solid #E1E1E1;
}
div.serviceBlock ul {
	margin: 8px 0 0 32px;
	padding: 4px 12px;
	
	list-style-type: none;
	
	border-top: 1px dotted #DADADA;
	border-bottom: 1px dotted #DADADA;
	background-color: #F7F7F7;
}
div.serviceBlock li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	color: #354243;
	
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.serviceBlock .nomark {
	margin: 0px;
	padding: 0px;
	background: url(/hkl/zhhk/jalmile/fly_on/css/none);
}
div.serviceBlock ul.attention {
	margin: 16px 0 0 32px;
	padding: 4px;
	list-style-type: none;
	border:1px dotted #D7D7D7;
	
	border: 1px solid #DADADA;
	background-color: #F7F7F7;
}
div.serviceBlock ul.tableNoteListA01 {
	margin: 4px 0 0 32px;
	padding: 4px;
	border: none;
	background: none;
}
div.serviceBlock ul.tableNoteListA01 li {
	background: none;
}
div.serviceBlock div.serviceIcon {
	margin: 0 0 0 32px;
	text-align: right;
	background: url("../img/bg_service-icons-line1.gif") no-repeat left center;
}
div.serviceBlock div.serviceIcon1 {
	margin: 0 0 0 32px;
	text-align: right;
	background: url("../img/bg_service-icons1.gif") no-repeat left center;
	background: url("../img/bg_service-icons1.gif") no-repeat 445px center;
}
div.serviceBlock div.serviceIcon2 {
	margin: 0 0 0 32px;
	text-align: right;
	background: url("../img/bg_service-icons2.gif") no-repeat left center;
	background: url("../img/bg_service-icons2.gif") no-repeat 445px center;
}
div.serviceBlock div.serviceIcon3 {
	margin: 0 0 0 32px;
	text-align: right;
	background: url("../img/bg_service-icons-line2.gif") no-repeat left center;
}
div.serviceBlock div.serviceIcon4 {
	margin: 0;
	float: right;
	padding: 0px;
}
/*---------------------------------------------------
         JMB Sapphire
	     Introduction of "JAL Global Club"
  ---------------------------------------------------*/
#jgcBody {
	margin: 0 0 0 24px;
}
#jgcBody div.leftBlock {
	width: 166px;
	float: left;
}
#jgcBody div.rightBlock {
	width: 575px;
	float: right;
}
#jgcBody ul {
	margin: 8px 14px 8px 14px;
	padding: 0;
	list-style-type: none;
}
#jgcBody li {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #354243;
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#jgcBody p {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #354243;
}
div.attention {
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
	border: 1px dotted #D7D7D7;
}
/* -----------------------------------------------
                   FLY ON Point
   ----------------------------------------------- */
#points ul.simple {
	margin: 0 0 0 35px;
	padding: 0;
	list-style-type: none;
}
#points ul.simple li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	color: #5A5A5A;
	text-indent:-1.0em;
}
div.leftList {
	width: 445px;
	float: left;
}
div.leftList.addBG {
	width: 445px;
	width: 421px;
	margin-left: 24px;
	_margin-left: 12px;
	float: left;
	background-color: #F2F2D0;
}
div.leftList.addBG p {
	padding: 12px;
	margin: 0;
	line-height: 18px;
}
div.rightList {
	width: 320px;
	float: right;
}
div.rightList ul {
	margin: 0 0 0 12px;
	padding: 4px 12px;
	list-style-type: none;
	border-top: 1px dotted #DADADA;
	border-bottom: 1px dotted #DADADA;
	background-color: #F7F7F7;
}
div.rightList li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	color: #5A5A5A;
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#pointUse h3 {
	margin: 0 0 0 24px;
	line-height: 18px;
	font-weight: normal;
	font-size: 12px;
}
#pointUse ul.circle {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
}
#pointUse ul.circle li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	color: #343432;
	background-image: url("../img/parts_listmark-circle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}
#pointUse .redColor {
	color: #CC0000;
}
/* -----------------------------------------------
                    Service Status
   ----------------------------------------------- */
#statusService {
	margin: 0;
	padding: 0;
	width: 765px;
}
#statusService p {
	line-height: 18px;
}
#statusServiceTable {
	margin: 0 0 0 24px;
	color: #354243;
	border: 1px solid #FFFFFF;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-left: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
}
#statusServiceTable td {
	background-color: #F5F5F5;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	text-align: center;
	vertical-align: top;
}
#statusServiceTable th {
	color: #FFFFFF;
	padding: 4px 0 0 0;
	background-color: #5A5A5A;
	border-left: 1px solid #7A7A7A;
	border-top: 1px solid #7A7A7A;
	border-right: 1px solid #3A3A3A;
	border-bottom: 1px solid #3A3A3A;
	text-align: center;
}
#statusServiceTable td.diamond {
	background-color: #EFEFEF;
	border-none;
	border-left: 4px solid #342F2E;
	text-align: center;
	vertical-align: top;
}
#statusServiceTable td.jgp {
	background-color: #EFEFEF;
	border-none;
	border-left: 4px solid #CF8B2D;
	text-align: center;
	vertical-align: top;
}
#statusServiceTable td.sapphire {
	background-color: #EFEFEF;
	border-none;
	border-left: 4px solid #2484C6;
	text-align: center;
	vertical-align: top;
}
#statusServiceTable td.crystal {
	background-color: #EFEFEF;
	border-none;
	border-left: 4px solid #B01116;
	text-align: center;
	vertical-align: top;
}
#statusService ul.tableNoteListA01 {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
}
#statusService ul.tableNoteListA01 li {
	padding-left: 1.5em;
	line-height: 1.4;
	text-indent: -1.5em;
	list-style-type: none;
}
/* -----------------------------------------------
                Airport Lounge Access
   ----------------------------------------------- */
#loungeUse ul {
	margin: 0;
	padding: 0;
}
#loungeUse li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	color: #5A5A5A;
	background-image: url("../img/txt_mark-attention.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#loungeUseFooter {
	margin: 0 0 0 4px;
	padding: 0;
}
#loungeUseAttention {
	width: 571px;
	margin: 0;
	padding: 0;
	float: left;
}
#looungeUseAttention ul {
	margin: 0;
	padding: 0;
}
#loungeUseIcon {
	width: 190px;
	margin: 0;
	padding: 0;
	float: right;
}
#loungeCoupon h3 {
	margin: 0 0 0 16px;
	padding: 0 0 4px 4px;
	border-left: 4px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	font-size: 12px;
	line-height: 16px;
}
#loungeCoupon ul.circle {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
}
#loungeCoupon ul.circle li {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
	color: #354243;
	background-image: url("../img/parts_listmark-circle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}
#loungeCoupon li .telMark {
	background-image: url("../img/icon_freedial-mark.gif");
	background-repeat: no-repeat;
	background-position: left center;
	_background-position: left 2px;
	padding-left: 22px;
}
#loungeCoupon p {
	line-height: 18px;
}
#loungeCoupon p img {
	float: left;
	margin-right: 16px;
	margin-bottom: 0;
}
#loungeCoupon h4 {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 12px;
}
#loungeCoupon ul.useNumber {
	margin: 0 0 0 48px;
	padding: 4px;
}
#loungeCoupon ul.useNumber li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	background-image: none;
	list-style-type: decimal !important;
}
#routefareTable {
	margin: 0 0 0 24px;
	color: #343232;
	table-layout: auto;
	border: 1px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	font-size: 12px;
}
#routefareTable th {
	background-color: #5E5E5E;
	color:#FFFFFF;
	border-top: 1px solid #7A7A7A;
	border-left: 1px solid #7A7A7A;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#routefareTable td.header {
	background-color: #EFEFEF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
}
#routefareTable td {
	background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
}
#routefareTable th p {
	margin:4px;
	padding: 0;
	text-align: center;
}
#routefareTable td.header p {
	margin:4px;
	padding: 0;
	text-align: center;
}
#routefareTable td p {
	margin:4px;
	padding: 0;
	text-align: left;
}
#loungeAttention em.InPara {
	color: #CC0000;
}
/*--------------------------------------
       JMB FLY ON 2007[oneWorld]
  --------------------------------------*/
#jmbStat div.txtBlock {
	width: 330px;
	float: left;
}
#jmbStat div.imgBlock {
	width: 41px;
	float: left;
}
div.leftOnew {
	width: 724px;
	float: left;
}
div.rightOnew {
	width: 41px;
	float: right;
}
#loungeOne div.leftBlock{
	margin: 0 0 0 0;
	padding: 0;
	width: 675px;
	float: left;
}
#loungeOne div.rightBlock{
	margin: 0;  
	padding: 0;
	width: 76px;
	float: right;
}
/*--------------------------------------
       JGC Crystal for [oneWorld]
  --------------------------------------*/
#crystalBody div.rightBlock p{
	margin: 0 15px 0 20px;
}
#crystalBody div.leftBlock {
	width: 41px;
	float: left;
}
#crystalBody div.rightBlock {
	width: 724px;
	float: right;
}
#crystalBody ul {
	margin: 8px 14px 8px 14px;
	padding: 0;
	list-style-type: none;
}
#crystalBody li {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #354243;
	
	background-image: url(/hkl/zhhk/jalmile/fly_on/img/txt_mark-attention.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#crystalBody p {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #354243;
}
div.cryInd {
	margin: 0px 10px 10px 0px;
	padding: 0;
}
div.attention {
	margin: 0;
	padding: 0;
	border:1px dotted #D7D7D7;
}
div.pagetop2 {
	
	margin: 0;
	padding: 2px 4px 2px 0;
	_padding: 4px 4px 4px 0;
	
	/*\*//*/
	padding: 2px 4px 4px 0;
	/**/
	
	text-align: right;
	
	font-size: 12px;
	
	line-height: 16px;	
	
	/*margin-left: 649px;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;*/
}
#crystalBody ul.circle {
	margin: 10px 0 0 24px;
	padding: 0;
	list-style-type: none;
}
#crystalBody ul.circle li {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 18px;
	
	color: #343432;
	
	background-image: url("../img/parts_listmark-circle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}
div.importantMessage {
border: #990000 solid 1px;
padding: 5px 5px;
width: 560px;
margin: 0 0 0 0px;
}
.jmbStat .logoBlock{
width: 41px;
float: left;
margin-right:10px;
padding-left:15px;}