@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 0px;
	line-height: 18px;
}


ul.attention {
	margin:10px 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: 10px;
	line-height: 16px;
	
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	
}

div.pagetop2 {
	
	margin: 0;
	padding: 2px 4px 2px 0;
	_padding: 4px 4px 4px 0;
	/*\*//*/
	padding: 2px 4px 4px 0;
	/**/
	text-align: right;
	line-height: 16px;
}



/* -----------------------------------------------
                  Card Navigation
   ----------------------------------------------- */


#cardNavi {
	width: 940px;
	margin: 0;
	padding: 0;
	background-image: url("../img/bg_flyon_cardnavi.gif");
	background-repeat: repeat-x;
}
#cardNavi ul{
	margin: 0 0 15px 19px;
	padding: 0;
	list-style-type: none;
}
#cardNavi li {
	display: inline;
	margin: 0;
	padding: 0;
}


/* -----------------------------------------------
                    Card contents
   ----------------------------------------------- */

#card div.leftBlock {
	width: 660px;
	float: left;
}

#card div.rightBlock {
	width: 255px;
	float: right;
}


#card ul {
	margin: 0 0 0 20px;
}

#card li {

	line-height: 18px;
	color: #354243;

}


#card p {
	margin:0 0 0 20px;
	padding: 0;
	line-height: 20px;
	color: #354243;
}

#card p.attention {
	color: #CC0000;
	font-weight: bold;
}



#serviceAnchor {
	width: 940px;
	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;
}


#serviceBody div.leftBlock {
	width: 440px;
	float: left;
	margin-left:10px;
}

#serviceBody div.rightBlock {
	width: 440px;
	float: right;
	margin-right:10px;
}



div.serviceCategory {
	margin: 0;
	padding: 0;
}



div.serviceBlock {
	color: #354243;
}

div.serviceBlock p {
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 20px;
	color: #354243;
}

div.serviceBlock h5{
margin-left:12px ;
	border-bottom: 1px solid #BABABA;
	background: url("../img/bg_service-title_01_2.gif") no-repeat right center;
}


div.serviceBlock h5.period2 {
	margin: 0;
	border-bottom: 1px solid #BABABA;
	background: url("../img/bg_service-title_02.gif") no-repeat right center;
}
div.serviceBlock h5.period3 {
	margin: 0;
	border-bottom: 1px solid #BABABA;
}


div.serviceBlock h6 {
	margin: 0 0 0 15px;
	padding: 0 0 4px 0;
	font-weight: normal;
	color: #354243;
	border-bottom: 1px solid #E1E1E1;
}

div.serviceBlock ul {
	margin: 8px 0 0 15px;
	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;
}


div.serviceBlock ul.attention {
	margin: 16px 0 0 15px;
	padding: 4px;
	list-style-type: none;
	border:1px dotted #D7D7D7;
	
	border: 1px solid #DADADA;
	background-color: #F7F7F7;
}


div.serviceBlock li.chekin {
	margin: 0;
	padding: 0;
	line-height: 18px;
	color: #354243;
	background-image: url("../img/txt_mark-check.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}



div.maru
	{
	margin: 0 0 0 32px;	
	padding-left: 1em;
	line-height: 1.4;
	text-indent: -1em;
	list-style-type: none;
	}

#card h3{border-bottom:1px solid #BABABA;}

#card div.logoBlock {
	width: 41px;
	margin-right:10px;
	padding-left:15px;
	float: left;
	margin-left:20px;
}



div.rightOnew {
	width: 41px;
	float: right;
}
#card ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#card li {
background-image:url(../img/txt_mark-attention.gif);
background-position:left top;
background-repeat:no-repeat;
color:#354243;
line-height:18px;
margin:0;
padding:0 0 0 12px;
}

.serviceBlock .nomark {
	margin: 0px;
	padding: 0px;
	background: url(none);
}

div.serviceBlock h6 { width:870px;}


div.serviceBlock div.serviceIcon {
	margin: 0 0 0 15px;
	text-align: right;
	background: url("../img/bg_service-icons-line1.gif") no-repeat left 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.campaign {
	margin: 8px 0 0 15px;
	padding: 4px 12px;
	list-style-type: none;
	border: 1px solid #DADADA;
	background-color: #FFFDE8;
}
div.campaign ul {
	list-style-type: none;
	border: none;
	background-color: #FFFDE8;
}




/*--------------------------------------
       JMB Sapphire
	   JAL グローバルクラブのご紹介
  --------------------------------------*/

#jgcBody {
	margin: 0 0 0 24px;
}

#jgcBody div.leftBlock {
	width: 166px;
	float: left;
}

#jgcBody div.rightBlock {
	width: 750px;
	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 24px;
	padding: 0;
	list-style-type: none;
}



#points ul.simple li {
	margin: 0 0 4px 0;
	padding-left:1em;
	line-height: 18px;
	text-indent:-1em;
	color: #5A5A5A;
}




div.addBG {
	width: 600px;
	display:inline;
	margin-left: 24px;
	float: left;
	background-color: #F2F2D0;
	display:inline;
}

div.addBG p {
	padding: 12px;
	margin: 0;
}
div.leftList {
	width: 600px;
	float: left;
}

div.rightList {
	width: 310px;
	float: right;
}


div.rightList ul {
	margin: 0 0 0 10px;
	padding: 4px 10px;
	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;
}



/* -----------------------------------------------
              サービスステイタス一覧
   ----------------------------------------------- */

#statusServiceTable {
	margin-left:87px;
	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;
}



/* -----------------------------------------------
               ラウンジご利用方法
   ----------------------------------------------- */

#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: 720px;
	margin: 0;
	padding: 0;
	float: left;
}

#loungeUseAttention ul {
	margin: 0;
	padding: 0;
}

#loungeOne div.leftBlock{
	margin: 0 0 0 0;
	padding: 0;
	width: 850px;
	float: left;
}

#loungeOne div.leftBlock ul{
	margin: 0 0 0 24px;
	padding: 4px 12px;
}

#loungeOne div.rightBlock{
	margin: 0;  
	padding: 0;
	width: 76px;
	float: right;
}
#loungeUseIcon {
	width: 190px;
	margin: 0;
	padding: 0;
	float: right;
}


#loungeCoupon h5 {
	margin: 0 0 0 16px;
	padding: 0 0 4px 4px;
	border-left: 4px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	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;
	padding-left: 22px;
}


#loungeCoupon p img {
	float: left;
	margin-right: 16px;
	margin-bottom: 0;
}


#loungeCoupon h6 {
	margin: 0 0 0 24px;
	padding: 0;
}


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

#routefareTable th {
	
	background-color: #5E5E5E;
	color:#FFFFFF;
	padding:4px;	
	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 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;
}

div.area_DPS{background-color:#d5e5e4; width:610px; float:left; min-height:640px; height: auto !important; height: 640px;}
div.area_C{background-color:#eae3e5; width:320px; float:right; min-height:640px; height: auto !important; height: 640px;}
div.area_DPS div.inner,div.area_C div.inner{padding:15px 20px;}
div.btn_ttl{border:solid 1px #ccc; padding:10px 20px;}


/* -----------------------------------------------
                IC クラスJクーポン
   ----------------------------------------------- */

div#contentsBody div#icclassJ {
	margin: 0;
	padding: 0;
	width: 765px;
}

div#contentsBody div#icclassJ h3 {
	margin: 0;
	padding: 0;
}

div#contentsBody div#icclassJ p {
	margin: 0 0 0 3px;
	paddnig: 0;
	line-height: 18px;
	color: #3a3a3a;
}

div#aboutICclassJ {
	margin: 0;
	padding: 0;
	width: 765px;
}

div#aboutICclassJ h3 {
	margin: 0;
	padding: 0;
}

div#aboutTable,
div#useTable {
	margin: 0 0 0 24px;
	padding: 0;
	width: 740px;
}

div#aboutTable table th {
	text-align: left;
	background: url("../img/bg_about-table-head.gif") no-repeat 0 0;
}

div#aboutTable h4 {
	margin: 0;
	padding: 0;
}

div#linkICclassJ {
	margin: 0;
	padding: 0 0 9px 9px;
	background-color: #f3f3f3;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

div#aboutTable ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#aboutTable li {
	margin: 0;
	padding: 0;
	display: inline;
}

div#useTable table th {
	text-align: left;
	background: url("../img/bg_use-table-head.gif") no-repeat 0 0;
}

div#useTable table td.webBefore {
	vertical-align: top;
	background: url("../img/bg_use-table_web1.gif") no-repeat 0 0;
}
div#useTable table td.webAir {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_web2.gif") no-repeat 0 0;
}
div#useTable table td.webFlow {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_web3.gif") no-repeat 0 0;
}

div#useTable table td.airportBefore {
	vertical-align: top;
	background: url("../img/bg_use-table_airport1.gif") no-repeat 0 0;
}
div#useTable table td.airportAir {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_airport2.gif") no-repeat 0 0;
}
div#useTable table td.airportFlow {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_airport3.gif") no-repeat 0 0;
}

div#useTable table td.paperBefore {
	vertical-align: top;
	background: url("../img/bg_use-table_paper1.gif") no-repeat 0 0;
}
div#useTable table td.paperAir {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_paper2.gif") no-repeat 0 0;
}
div#useTable table td.paperFlow {
	vertical-align: top;
	text-align: center;
	background: url("../img/bg_use-table_paper3.gif") no-repeat 0 0;
}

div#useTable table td.webBefore h4,
div#useTable table td.airportBefore h4,
div#useTable table td.paperBefore h4 {
	margin: 4px 0 0 4px;
	padding: 0;
}
div#useTable table td.webBefore h5,
div#useTable table td.airportBefore h5,
div#useTable table td.paperBefore h5 {
	margin: 0;
	padding: 0;
}
div#useTable table td.webBefore p,
div#useTable table td.airportBefore p,
div#useTable table td.paperBefore p {
	margin: 0;
	padding: 0;
}
div#useTable table td div.flowBtn {
	text-align: center;
}
div#useICclassJ p.useLink {
	float: right;
}


div.importantMessage
	{
	border: #990000 solid 1px;
	padding: 5px 6px;
width: 450px;
	}