* {
	margin: 0;
	padding: 0;
	text-align: left;
}

img.foot {
	margin-left: 12px;
}

img.cardface {
	margin-top: 12px;
}

label.must .mustIcon {
	color: #cc0000;
}

ul.banner {
	border-bottom: none;
	display: inline-block;
}

ul.banner:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

ul.banner li {
	margin-top: 12px;
	_margin-top: 9px;
	margin-right: 13px;
	float: left;
}

/*--- tab ---*/

ul#flightTab,
ul#benefitTab {
	border-bottom: 1px solid #e9eaea;
}

ul#mainSearchTab li,
ul#flightTab li,
ul#benefitTab li {
	cursor: pointer;
}

/*--- div.contentBlock---*/

#contentBlock {
	padding-bottom: 1px;
	 background: url(../img/bg_head.jpg) top no-repeat #ebf3fa;
	 zoom:1;
}

#contentBlock.ponta {
	padding-bottom: 1px;
	 background: url(../img/bg_ponta_head.jpg) top no-repeat #ebf3fa;
	 zoom:1;
}

#contentBlock ul {
	list-style: none;
}

/*--- div.head  ---*/

#head h2 img {
	margin-top: 8px;
}


/*--- div.searchBlock  ---*/

#searchBlock {
	margin-top: 13px;
	margin-bottom: 11px;
	display: inline-block;
}

#searchBlock:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

#searchBlock div.content {
	margin-top: 0;
	padding-top: 12px;
	zoom:1;
}

#searchBlock ul#mainSearchTab {
	margin-left: 13px;
}
#searchBlock ul#mainSearchTab li button {
	background: none;
	border: 0;
	padding: 0;
}
#searchBlock ul#mainSearchTab li button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
#searchBlock ul#mainSearchTab li button:hover,
#searchBlock ul#mainSearchTab li button:focus {
	opacity: .8;
}
#searchBlock ul#mainSearchTab li {
	display: inline;
}

#searchBlock ul#mainSearchTab li img {
	margin-right: 1px;
}

div.glayBOX {
	padding: 9px 13px 10px;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #dfdfdf;
	background: #d6d6d6;
}

div.glayBOX table.terms {
	border-spacing: 0;
}
div.glayBOX .termsNotes li {
	margin: 0 0 5px 0;
	line-height: 1.2;
}

div.glayBOX table.terms th {
	padding:  1px 0 4px 6px;
	_padding:  1px 0 2px 6px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

div.glayBOX table.terms td {
	padding: 0 0 10px 6px;
}

div.glayBOX table.terms th.areaD {
	width: 104px;
}

div.glayBOX table.terms th.areaA {
	width: 154px;
}

div.glayBOX table.terms th.cityD,
div.glayBOX table.terms th.cityA{
	width: 104px;
	white-space: nowrap;
}

div.glayBOX table.terms th a.indent {
	padding-left: 20px;
}

div.glayBOX table.terms td select option {
	padding-right: 12px;
	line-height: 1.3;
}

div.glayBOX table.terms td ul.checkboxList {
	list-style: none;
	display: inline;
	padding-left: 20px;
}

div.glayBOX table.terms td ul.checkboxList li {
	display: inline;
	padding-right: 10px;
}

div.glayBOX table.terms td ul.checkboxList li input {
	margin: -1px 3px 1px 0;
	_margin: 1px 1px -1px -4px;
}

div.glayBOX table.terms select {
	margin-right: 12px;
}

div.glayBOX table.terms input {
	margin: -1px 3px 1px 0;
	_margin: 1px 1px -1px -4px;
}

div.glayBOX table.terms label {
	padding-right: 12px;
}

div.glayBOX table.terms span.comment {
	margin-top: 6px;
	color: #cc0000;
	display: block;
}

div.glayBOX table.terms input.submit {
	margin-top: 5px;
	float: right;
}

div.glayBOX table.terms td.floatR {
	text-align:right;
}
div.glayBOX table.terms td.floatR input.submit {
	float: none;
}

div.glayBOX table.terms input.inputmile {
	width: 150px;
	line-height: 1.4;
}

/*--- div.resultBlock ---*/

div.resultBlock {
	margin-bottom: 11px;
}

div.resultBlock div.content {
	border-top: 1px solid #e3eaf1;
	background-color:#ffffff !important;
	zoom: 1;
}

div.resultBlock div.resultTable h4.usemile,
div.resultBlock div.resultTable h4.savemile {
	padding: 10px 0 6px 0;
	display: block;
	font-weight:bold;
	color: #000;
	margin: 0 0 12px 0;
	border-bottom: 0;
}
div.resultBlock div.resultTable h4.usemile img,
div.resultBlock div.resultTable h4.savemile img {
	vertical-align: middle;
}
div.resultBlock div.resultTable p {
	padding: 10px 13px;
	border: 1px solid #dfdfdf;
	background: url(../img/bg_resultmile.gif) #ffffe3; /* stripe color behind striped image of alpha. */
	zoom:1;
}
div.resultBlock div.resultTable .notesLeadText {
	background: none;
	padding: 0;
	border: 0;
}

div.resultBlock div.resultTable p.error {
	margin-bottom: 0;
	font-weight: bold;
	color: #cc0000;
}

div.resultBlock div.resultTable p strong.milecount {
	padding: 0 5px 0 10px;
	font-size: 160% !important;
	font-weight: bold;
	color: #cc0000;
}

div.resultBlock div.resultTable p span.before {
	color: #000000;
}

div.resultBlock div.resultTable p em {
	padding: 0 10px;
	font-style: normal;
	font-weight: normal;
}

div.resultBlock div.resultTable p a {
/*	padding-left: 15px; */
}

div.resultBlock div.resultTable ul {
	margin-top: 13px;
	font-weight: bold;
}
div.resultBlock div.resultTable .notesListA02 {
	font-weight: normal;
}

div.resultBlock div.resultTable table {
	margin-top: 3px;
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
}

div.resultBlock div.resultTable table.mile col.mile {
	width: 140px;
}

div.resultBlock div.resultTable table.mile col.class {
	width: 220px;
}

div.resultBlock div.resultTable table.mile col.trip {
	width: 110px;
}

div.resultBlock div.resultTable table.mile col.classUPG {
	width: 420px;
}

div.resultBlock div.resultTable table.mile col.total {
		width: 450px;
}

div.resultBlock div.resultTable table th,
div.resultBlock div.resultTable table td {
	padding: 7px 7px;
}

div.resultBlock div.resultTable table th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

div.resultBlock div.resultTable table thead th,
div.resultBlock div.resultTable table thead td {
	border-right: 1px solid #d9d9d9;
	border-bottom: 2px solid #bbbbbb;
	background: #eaeaea;
}

div.resultBlock div.resultTable table thead th {
	text-align: center;
}

div.resultBlock div.resultTable table tbody th {
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	background: #eaeaea;
}

div.resultBlock div.resultTable table tbody th.ditto,
div.resultBlock div.resultTable table tbody td.ditto {
	border-top: none;
}

div.resultBlock div.resultTable table tbody td {
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	text-align: center;
}

div.resultBlock div.resultTable table.mile td {
	text-align: left;
}




/*--- div.content ---*/

div.content {
	margin: 0 11px 0 13px;
	padding: 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	background: #ffffff !important;
	clear: both;
}

div.content p {
	line-height: 1.3;
}

div.content p.termsTxt {
	margin-top: -1px;
	padding: 7px 15px;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #dfdfdf;
	background: #cfd0d0;
}

div.content h3,
div.content h4 {
	margin: -15px -13px 13px -13px;
	padding: 7px 13px;
	border-bottom: 1px solid #eaefef;
	color: #ffffff;
}

div.content h3.result,
div.content h4.result {
	background: url(../img/bg_resulthead.gif) repeat-x;
}

div.content h3.result img,
div.content h4.result img {
	margin-bottom: -2px;
}

div.content h3.flyon,
div.content h4.flyon {
	background: url(../img/bg_flyonhead.gif) repeat-x;
}

div.content h3.jalcard,
div.content h4.jalcard {
	background: url(../img/bg_jalcardhead.gif) repeat-x;
}

div.content h5 {
	color: #000000;
	margin-bottom: 12px;
	font-size:120%;
}

div.content ul#flightTab li,
div.content ul#benefitTab li {
	display: inline;
}
div.content ul#flightTab li button,
div.content ul#benefitTab li button {
	padding: 0;
	background: none;
	border: 0;;
}
div.content ul#flightTab li button::-moz-focus-inner,
div.content ul#benefitTab li button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
div.content ul#flightTab li button:hover,
div.content ul#benefitTab li button:hover,
div.content ul#flightTab li button:focus,
div.content ul#benefitTab li button:focus {
	opacity: .8;
}

div.content div.flyonCards dl {
	margin-top: 0;
	padding-top: 10px;
	background: url(../img/bg_flyonbody.gif) top repeat-x #ffffff;
	display: inline-block;
}

div.content div.flyonCards dl:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

div.content div.flyonCards dl dt {
	padding-left: 13px;
	line-height: 1.3;
}

div.content div.flyonCards dl dd {
	width: 350px;
	height: 99px;
	margin: 13px 0 0 12px;
	_margin: 13px 6px 0 6px;
	background: url(../img/card_flyon_bg.gif) no-repeat;
	float: left;
}

div.content div.flyonCards dl dd img.card {
	margin: 11px 12px 0 12px;
	float: left;
}

div.content div.flyonCards dl dd span {
	width: 187px;
	line-height: 1.2;
	display: block;
	float: left;
}

div.content div.flyonCards dl dd span a {
	margin: 20px 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	display: block;
}

div.content div.flyonCards dl dd span em {
	padding-left: 3px;
	font-size:140%;
	color: #cc0000;
}

div.content div.simpleContent {
	display: inline-block;
}

div.content div.simpleContent span {
	line-height: 1.3;
}


div.content div.simpleContent ul {
	width: 200px;
	display: inline-block;
	float: right;
}

div.content div.simpleContent:after,
div.content div.simpleContent ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

div.content div.simpleContent ul.card li {
	margin-left: 10px;
	text-align: center;
	float: right;
}

div.content div.simpleContent ul.card span {
	margin-top: 7px;
	font-weight: bold;
	display: block;
}

div.content div.simpleContent div.paragraph {
	width: 344px;
	float: left;
}



div.content div.simpleContent dl.comment {
	margin-top: 7px;
	_margin-top: 5px;
}

div.content div.simpleContent span.mile {
	margin-top: 10px;
	_margin-top: 8px;
	padding: 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	background: #fff;
	display: block;
}

div.content div.simpleContent span.mile em{
	padding-right: 2px;
	color: #cc0000;
	font-size:120%;
}

div.content div.simpleContent img.figure {
	margin-left: 10px;
	float: right;
}

div.content div.simpleContent em.title {
	display: block;
	margin-bottom: 2px;
}

#flyonCards.content {
	padding: 2px;
}

#flyonCards.content h4 {
	margin: -2px 0 0 0;
}

div.content dl {
	margin-top: 13px;
}

div.content dl.comment dt,
div.content dl.comment dd {
	line-height: 1.3;
}

.notesLeadText,
div.content dl.comment dt {
	margin-top: 13px;
	line-height: 1.6;
	color: #660000;
}

div.content dl.comment dt a,
div.content dl.comment dd a {
	padding: 0 2px;
}

div.content dl.comment dd {
	text-indent: -1em;
	padding-left: 1em;
}

div.content dl.mileIcon {
	margin: 5px 0 10px 0;
	padding: 2px 0 10px 57px;
	background: url(../img/icon_milebag.gif) left no-repeat;
}

div.content dl.mileIcon dt {
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: bold;
}

/*--- ul.twoColumn ---*/

ul.twoColumn {
	display: inline-block;
}

ul.twoColumn:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

ul.twoColumn li {
	width: 326px;
	margin-left: 13px;
	padding: 10px;
	border: 1px solid #dadada;
	float: left;
}

ul.twoColumn li.first {
	margin-left: 0;
}

ul.twoColumn li span.lead,
ul.twoColumn li em.title,
ul.twoColumn li span.mile {
	display: block;
	line-height: 1.3;
}

ul.twoColumn li em.title {
	margin-top: 9px;
	font-size:120%;
	text-indent: -6px;
	padding-left: 8px;
}

ul.twoColumn li p.paragraph {
	padding: 12px 110px 12px 0;
}

ul.twoColumn li span.mile {
	padding: 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	background: #fff;
}

ul.twoColumn li span.mile em {
	padding-right: 3px;
	color: #cc0000;
	font-size: 120%;
	line-height: 1.1;
}

ul.twoColumn li.jalcouponBenefit {
	background: url(../img/bg_default_jalcoupon.jpg) top no-repeat;
}

ul.twoColumn li.iccouponBenefit {
	background: url(../img/bg_default_iccoupon.jpg) top right no-repeat;
}

/*--- ul.threeColumn ---*/

ul.threeColumn {
	display: inline-block;
}

ul.threeColumn:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

ul.threeColumn li {
	width: 264px;
	margin-left: 12px;
	padding: 10px;
	border: 1px solid #dadada;
	float: left;
	line-height:1.3;
}

ul.threeColumn li.first {
	margin-left: 0;
}

ul.threeColumn li span.lead,
ul.threeColumn li span.title,
ul.threeColumn li span.mile {
	display: block;
}

ul.threeColumn li span.title {
	font-size: 120%;
	text-indent: -6px;
	padding-left: 8px;
	font-weight:bold;
	display: block;
	margin: 0 0 1em 0;
}

ul.threeColumn li.allianceBenefit span.title,
ul.threeColumn li.jointBenefit span.title,
ul.threeColumn li.oneworldBenefit span.title {
	font-size: 120%;
}

ul.threeColumn li span.figure {
	margin-top: 12px;
	border: 1px solid #e3e3e3;
	display: block;
}

ul.threeColumn li span.mile {
	padding-top: 22px;
	background: url(../img/bg_default_simpleline.gif) top left no-repeat;
}

ul.threeColumn li span.mile strong.milecount {
	padding-right: 3px;
	font-weight:bold;
	color:#cc0000;
	font-size:120%;
}

ul.threeColumn li.allianceBenefit span.mile,
ul.threeColumn li.jointBenefit span.mile,
ul.threeColumn li.oneworldBenefit span.mile {
	padding: 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	background: none;
}

ul.threeColumn li.domesticBenefit {
	background: url(../img/bg_default_domestic.gif) top right no-repeat;
}

ul.threeColumn li.domesticBenefit span.mile {
	background: url(../img/bg_default_flightline.gif) top right no-repeat;
}

ul.threeColumn li.interBenefit {
	background: url(../img/bg_default_inter.gif) top right no-repeat;
}

ul.threeColumn li.interBenefit span.mile {
	background: url(../img/bg_default_flightline.gif) top right no-repeat;
}

ul.threeColumn li.upgradeBenefit {
	background: url(../img/bg_default_upgrade.gif) top right no-repeat;
}

/*--- input style ---*/

table.withWidth {
	width: 857px;
}

select#intDeparture,
select#intArrival {
	width: 117px;
}

select#intDepcity,
select#intArrcity {
	width: 165px;
}

select.year {
	width: 62px;
	_width: 60px;
}

select.date {
	width: 56px;
	_width: 52px;
}

select.day {
	width: 70px;
	_width: 66px;
}

select#intFare {
	width: 220px;
}

select#benCardtype {
	width: 230px;
}

select#domBenClass,
select#intBenClass {
	width: 300px;
}

select#affClass {
	width: 196px;
}

.domFare_en{
	width: 180px;
}

.wid104{
	width: 104px !important;
}
.wid154{
	width: 154px !important;
}

div.tarlist {
margin:15px 0;
padding:10px;
background-color:#FFFFFF;
}
.tarlist .headlineA01{
	color: #000;
	padding: 0 0 4px 0 !important;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	margin: 0 0 7px 0 !important;
}

.tarlist td {
padding:2px !important;
}

table.feelist th{background-color:#ffcccc; font-weight:bold; text-align:center;}
table.feelist td{padding:3px !important;}

.mgt36{margin-top:36px!important;}

table.tbl1{width:560px;float:left;}
div.tbl2{width:48px;float:left;margin-top:50px;text-align:center;}
table.tbl3{width:270px;float:left;}
table.tbl4{width:450px;float:left;}
div.tbl5{width:48px;float:left;margin-top:30px;text-align:center;}
table.tbl6{width:370px;float:left;}

table.tbl7{width:130px;float:left;}
table.tbl8{width:135px;float:left;}
table.tbl9{width:241px;float:left;}
table.tbl10{width:191px;float:left;}
table.tbl11{width:305px;float:left !important;}
table.tbl12{width:300px;float:left;}
table.tbl13{width:240px;float:left;}

.num{font-weight:bold; font-size:120% !important;}

.flyon_TBL_BOX{width:885px;}
.flyon_TBL{float:left;}
.flyon_TBL2{float:left;}
.flyon_TBL th{height: 46px !important;}
.flyon_TBL th x:-moz-any-link{height: 61px !important;}
.flyon_pic{float:left;margin-top:30px;width:56px;text-align:center;}

.banner_area{background-color:#eaeaea !important; background: url(/jmb/milesearch/img/bg_banner.gif) !important; width:885px; padding:10px 0;}
.banner_area .inner{padding:0 0 0 90px;}
.banner_area .bnr{float:left; margin:0 20px 0 0 !important;}
.pdt10{padding-top:10px;}


/*追加*/
.Flightmilebns{width:100%;table-layout:fixed;}
div.resultBlock div.resultTable table.Flightmilebns{border:none;}
div.resultBlock div.resultTable table.Flightmilebns th,div.resultBlock div.resultTable table.Flightmilebns td{border:#d0d0d0 1px solid;}
div.resultBlock div.resultTable table.Flightmilebns th{border-bottom-width:2px;border-bottom-color:#b0b0b0;}
div.resultBlock div.resultTable table.Flightmilebns td.iconPlus{border:none !important;text-align:center;width:40px;padding:0;}

/* clearfix
------------------------------------------ */
.clearfix:after,.rnClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.rnClearfix{display:block;}
.clear{clear:both;}

.psr{position:relative; float:left; margin:0 12px 0 0; width:285px;}
body.is-en .psr{width:228px;}
.btn{position:absolute;float:left;top:35px;left:10px;}
.last{float:left; margin-right:0 !important;}

.mgt30{margin-top:30px;}
.mgt20{margin-top:20px;}
.mgt10{margin-top:10px;}
.mgt5{margin-top:5px;}
.bline{margin-top:30px; margin-bottom:20px;}

div.resultBlock2 {margin-bottom: 11px;}
div.resultBlock2 div.resultTable table th {font-weight: normal;text-align: center;vertical-align: middle;}

div.content div.simpleContent ul.flyoncard li {
	margin-top: 5px;
		display: block;
}
div.content div.simpleContent ul.flyoncard{
	float: left;
width:300px;
}
p.cardtour_txt{width:700px; float:left; margin-right:10px;}
p.flyon_txt{width:570px; float:left; margin-right:10px;}
.wid353{width:353px;}

#benDeparture,#benArrival{
	width:120px;
}
#benDepcity,#benArrcity {
	width:180px;
}


.notesLeadText * {
	font-weight: normal;
}

div.resultBlock .Flightmilebns {
	display: table;
	width: 100%;
	margin: 3px 0 0 0;
}
div.resultBlock .Flightmilebns .FlightmilebnsItem {
	display: table-cell;
	vertical-align: top;
	width: 267px;
}
div.resultBlock div.Flightmilebns .FlightmilebnsMark {
	width: auto;
}
div.resultBlock div.Flightmilebns .FlightmilebnsItem > div * {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	text-align: center;
}
div.resultBlock .Flightmilebns .FlightmilebnsMark {
	padding: 2px;
	vertical-align: middle;
	text-align: center;
}
div.resultBlock .Flightmilebns .FlightmilebnsTitle {
	background: #eaeaea;
	padding: 7px;
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	font-weight: normal;
	border: #d0d0d0 1px solid;
}
div.resultBlock .Flightmilebns .FlightmilebnsTitle > * {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
div.resultBlock .Flightmilebns .FlightmilebnsNum {
	background: #fff;
	padding: 7px;
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	font-size: 120%;
	border: #d0d0d0 1px solid;
	font-weight:bold;
}
div.resultBlock .Flightmilebns .FlightmilebnsNum  > * {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.textNomal {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.resultTable .mile th.ditto{color:#eaeaea !important;}
.resultTable .mile td.ditto{color:#ffffff !important;}
div.resultBlock div.resultTable p span.milecount{color: #cc0000;font-size: 160% !important;font-weight: bold;padding: 0 5px 0 10px;}
div.resultBlock div.Flightmilebns .FlightmilebnsMark{width: 40px;}


table.tTypefare01{
	border-top:1px solid #b0b0b0;
	border-left:1px solid #b0b0b0;
	border-collapse:separate;
	empty-cells:show;
}
table.tTypefare01 th,table.tTypefare01 td{
	padding:4px 5px;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	vertical-align:middle;
	line-height:1.3;
}

.feelist02 th{background:#ccc;}


/*削除対応*/
#benefitBlock.content{box-shadow:none!important;background:none!important;margin:0;padding:0;}
#benefitBlock #benefitTab,
#benefitBlock .termsTxt,
#benefitBlock #benefitBen,
#benefitBlock #benefitBenInt{display:none!important;}
#contentBenefit{margin-top:-23px!important;}



