/* 全ページ共用 */
div.campaignData {
	width: 765px;
}
div.campaignData div.headingA07{
	margin-top:20px;
	margin-bottom: 8px;
}
div.campaignData h3 {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(/121campaign/img_camp/parts_maru.gif) no-repeat 0 50%;
	margin-bottom: 5px;
	padding-left: 12px;
}
div.campaignData p {
	font-size: 12px;
	line-height: 1.3;
	margin-left: 10px;
}
div.campaignData p.period {
	background: #FFFFFF url(/121campaign/img_camp/pic_campaignPeriod_bk.gif) no-repeat left bottom;
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.campaignData div.period {
	background: #FFFFFF url(/121campaign/img_camp/pic_campaignPeriod_bk.gif) no-repeat left bottom;
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.campaignData p.period .date, span.date {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
br.clear {
	clear: left;
}


/* キャンペーン参加登録 */
div.campaignRegistration {
	background: url(/121campaign/img_camp/bg_campaign_01.gif) no-repeat bottom;
	width: 765px;
}
div.campaignRegistration02 {
	padding: 10px 15px 12px;
}
div#jmb_user{width:362px;height:116px;position:relative;}
div#camp_toroku01{position:absolute;top:67px;left:142px;}
div#camp_toroku02{position:absolute;top:67px;left:67px;}
div#jmb_visit{width:362px;height:116px;position:relative;}
div#camp_nyukai01{position:absolute;top:80px;left:167px;}
div#camp_nyukai02{position:absolute;top:80px;left:191px;}


/* JOHN（JAL ONLINE会員ページ用） */
table.form {
	margin:31px 10px 10px 12px ;
}
td.john01 {
	background: url(/121campaign/img_camp/pic_jalonline_bg.gif) no-repeat left top;
	height: 116px;
	width: 362px;
}


/* キャンペーン受付ダイヤル（国際線共用） */
div.campaignPhone {
	width: 375px;
	margin-right: 15px;
	float: left;
	margin-top: 20px;
}
div.campaignPhone div {
	background: url(/121campaign/img_camp/bg_campaignphone.gif) no-repeat left top;
	height: 50px;
}
div.campaignPhone p {
	text-align: center;
	padding-top: 15px;
}
td.campaignPhone02 {
	background: url(/121campaign/img_camp/bg_campaignphone_02.gif) no-repeat left top;
	height: 60px;
	width: 170px;
	text-align: center;
}
span.phone {
	font-size: 17px;
	color: #996600;
}

/* ホテル（国際線共用） */
div.campaignHotel {
	width: 375px;
	float: left;
	margin-top: 20px;
}
div.campaignHotel div {
	background: url(/121campaign/img_camp/bg_hotel.gif) no-repeat left top;
	height: 60px;
	padding-right: 12px;
	padding-left: 12px;
}
div.campaignHotel p.t01 {
	font-size: 12px;
	line-height: 1.6;
	padding-top: 3px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
div.campaignHotel p.t02 {
	margin-left:180px;
}

#header-Template
{
position:relative;
height:57px;
width:765px;
}

#header-Template #Icon
{
position:absolute;
top:0px;
}

#header-Template #JMB-card
{
position:absolute;
right:0px;
}


#header-Template #Period
{
position:absolute;
top:23px;
left:163px;
}



/***** 以下0800804 jpより追加 ******/
/* キャンペーン参加登録方法（各ページ共用） */
div.campaignChart01 {
	background: url(/121campaign/jp/img_campaign/pic_campaign_chart_bg2.gif) no-repeat left bottom;
	width: 765px;
}
div.campaignChart02 {
	padding-right: 9px;
	padding-left: 10px;
}
div.campaignChart02 p {
	padding-top: 2px;
}
div.campaignChart02 .chartBlock {
	float: left;
	width: 164px;
	margin-top: 5px;
}
div.campaignChart02 .chartArrow {
	float: left;
	width: 30px;
	margin-top: 100px;
}
div.campaignChart02 .chartZoom01 {
	background: url(/121campaign/jp/img_campaign/txt_step01.gif) no-repeat left;
	height: 14px;
	width: 164px;
	text-align: right;
	padding-top: 8px;
	/*\*//*/
    height: 21px;
    /**/
}
div.campaignChart02 .chartZoom02 {
	background: url(/121campaign/jp/img_campaign/txt_step02.gif) no-repeat left;
	height: 14px;
	width: 164px;
	text-align: right;
	padding-top: 8px;
	/*\*//*/
    height: 21px;
    /**/
}
div.campaignChart02 .chartZoom03 {
	background: url(/121campaign/jp/img_campaign/txt_step03.gif) no-repeat left;
	height: 14px;
	width: 164px;
	text-align: right;
	padding-top: 8px;
	/*\*//*/
    height: 21px;
    /**/
}
div.campaignChart02 .chartZoom04 {
	background: url(/121campaign/jp/img_campaign/txt_step04.gif) no-repeat left;
	height: 14px;
	width: 164px;
	text-align: right;
	padding-top: 8px;
	/*\*//*/
    height: 21px;
    /**/
}
div.campaignData h3 {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(/121campaign/jp/img_campaign/parts_maru.gif) no-repeat 0 50%;
	margin-bottom: 5px;
	padding-left: 12px;
}

div.campaignData h3.campaign_head{
	margin:0;
	padding:0;
	background:none;
}


/* JMB会員（会員ログイン済ページ用） */
td.jmbLogin {
	background: url(/121campaign/jp/img_campaign/pic_jmblogin_01.gif) no-repeat left bottom;
	height: 74px;
	width: 368px;
	padding-top: 15px;
	padding-left: 10px;
}


/* JMB会員の方はこちら・JMBにご入会いただいてない方はこちら（一部各ページ共用） */
td.jmbMember01 {
	background: url(/121campaign/jp/img_campaign/pic_jmbmember_bg.gif) no-repeat left top;
	height: 48px;
	width: 362px;
	text-align: right;
	padding-right: 10px;
}
td.jmbMember02 {
	background: url(/121campaign/jp/img_campaign/pic_jmbmember_bg2.gif) no-repeat left top;
	height: 35px;
	width: 362px;
	text-align: right;
	padding: 5px 10px 0 0;
}


/* JOHN（JAL ONLINE会員ページ用） */
table#john {
	padding: 8px 0px 0px;
}
table#john table.form {
	margin:5px 10px;
}
/* class名が重なるのでrename john01→john02 */
td.john02 {
	background: url(/121campaign/jp/img_campaign/pic_jalonline_bg.gif) no-repeat left top;
	height: 70px;
	width: 362px;
}

/*-fareBox----- */
.fareBox {
	border: 1px solid #990000;
	border-collapse: collapse;
	font-size: 12px;
	margin: 10px 0;
	table-layout: auto;
	}
.fareBox th {
	background-color: #900;
	color: #FFF;
	padding: 10px;
	width: 160px;
	}
.fareBox th,
.fareBox td {
	padding: 10px 5px;
	text-align: center;
	}
.fareBox .plusCell,
.fareBox .equalCell {
	padding: 0;
	width: 16px;
	}
.fareBox th.plusCell,
.fareBox th.equalCell {
	background: url(/121campaign/img_camp/bg_fareBox_th.gif) repeat-y center;
	 }
.fareBox td.PC-1 {
	background: url(/121campaign/img_camp/bg_fareBox_rightPink.gif) repeat-y center;
	 }
.fareBox td.PC-2 {
	background: url(/121campaign/img_camp/bg_fareBox_Pink.gif) repeat-y center;
	 }
.fareBox td.equalCell {
	background: url(/121campaign/img_camp/bg_fareBox_leftPink.gif) repeat-y center;
	 }
.fareBox td.doubleCell {
	background-color:#FFEBEB;
	}
.fareBox td.totalCell {
	color: #900;
	font-weight: bold;
	}