@charset "Shift_JIS";

/*--- Common Setting ---*/
.txRe1 { color: #cc0000!important }
.sas-r {
bottom: 0.3em;
font-size: 80%;
padding-right: 0;
position: relative;
vertical-align: top;
}
/*--- Blocks ----*/
#wrapper { width: 100% }
#wrapper .wrap950_center {
width: 950px;
padding: 0;
margin: 0 auto;
}
#wrapper .wrap940_center {
width: 940px;
padding: 0 5px;
margin: 0 auto;
}
.logo a { outline: none }
.cpn_kikan {
text-align: right;
margin-top: -24px;
font-size: 1.08em;
color: #000;
}
.contents { width: 100% }
#footer {
background: url(/afl/autumn16/img/bg_footer.png);
padding-top: 20px;
}
#footer .flow {
width: 700px;
float: left;
}
#footer .btn_application {
padding-top: 25px;
float: right;
width: 222px;
height: 146px;
}
#footer .image_appeal {
text-align: center;
padding-top: 35px;
clear: both;
}
#footer2 {
border-top: 2px solid #000;
margin-bottom:	132px;
}
#footer2 .footer2_line {
border-top: 1px solid #c00;
height: 1px;
}
#footer3 {
border-top: 2px solid #000;
margin-bottom:	30px;
}
#footer3 .footer3_line {
border-top: 1px solid #c00;
height: 1px;
}
#ttl { background: url(/afl/autumn16/img/ttl.jpg) top center no-repeat #002341 }
#ttl .ttl_inner {
height: 1140px;
width: 950px;
margin: 0 auto;
position: relative;
}
#ttl h2 {
text-indent: -9999px;
}

#ttl .btn_1 {
  position: absolute;
  top: 410px;
  left: 244px;
}

/*---- Original Setting ----*/
/*--- Other Blocks ----*/
.ttl_txt{
text-align: center;
width: 950px;
height: 80px;
position: absolute;
top: 492px;
left: 0;
font-size:	12px;
}
.ttl_attention {
border: 2px solid #cc0000;
margin: 35px 0 10px;
padding: 20px;
text-align: left;
}
.ttl_attention p, .ttl_txt p {
line-height: 1.6;
}
.ttl_attention .text {
float: left;
width: 680px;
}
.ttl_attention .linkBtnA01 {
float: right;
width: 220px;
margin-top: 5px;
}
/* Tab */
#PnlSwitch {
margin: 10px auto 0px;
margin-bottom: 0px;
}
#PnlSwitch ul{
/*  background-image:url(/afl/autumn16/img/bg_tab_navi.gif);*/
background-repeat:repeat-x;
float:left;
position:relative;
top:1px;
}
#PnlSwitch ul li {
float: left;
padding-right: 5px;
}
.pd_p { padding-right: 0px !important }
.panel_wrap {
border-bottom: 1px solid #adadad;
}
#panel_contents>.tab {
border-top: solid 1px #b3b3b3;
background: #f2f3f4;
width: 100%;
}
#panel_contents .card_about {
position:	relative;
margin: 0 auto;
padding:	0;
height: 380px;
width: 100%;
max-width: 1600px;
text-align:	center;
}
#panel_contents #panel_r .card_about {background: transparent url('/afl/autumn16/img/r/bg_card.jpg') no-repeat center top;}
#panel_contents #panel_a .card_about {background: transparent url('/afl/autumn16/img/a/bg_card.jpg') no-repeat center top;}
#panel_contents #panel_g .card_about {background: transparent url('/afl/autumn16/img/g/bg_card.jpg') no-repeat center top;}
#panel_contents #panel_p .card_about {background: transparent url('/afl/autumn16/img/p/bg_card.jpg') no-repeat center top;}
/*
#panel_contents #panel_r .card_about .card_about_inner{
width:940px;
margin:20px auto;
}
*/
#panel_contents .btn_r3_1,
#panel_contents .btn_a3_1,
#panel_contents .btn_g3_1,
#panel_contents .btn_p3_1 {
width:	740px;
height:	80px;
margin:	0;
}
#panel_contents .card_bonus_r,
#panel_contents .card_bonus_a,
#panel_contents .card_bonus_g,
#panel_contents .card_bonus_p {
width: 950px;
height: 308px;
position: relative;
overflow: hidden;
}
#panel_contents .card_bonus_r { background-image: url('/afl/autumn16/img/r/card_bonus1_1.png') }
#panel_contents .card_bonus_a { background-image: url('/afl/autumn16/img/a/card_bonus1_1.png') }
#panel_contents .card_bonus_g { background-image: url('/afl/autumn16/img/g/card_bonus1_1.png') }
#panel_contents .card_bonus_p { background-image: url('/afl/autumn16/img/p/card_bonus1_1.png') }
#panel_contents .card_bonus_r a,
#panel_contents .card_bonus_a a,
#panel_contents .card_bonus_g a,
#panel_contents .card_bonus_p a {
position: absolute;
top: 270px;
left: 321px;
}
.about_jpp {
position: relative;
}
.about_jpp .linkBtn_jpp {
position: absolute;
top: 300px;
left: 271px;
width: 440px;
height: 55px;
}
.about_jpp .linkBtn_jpp2 {
position: absolute;
top: 390px;
left: 271px;
width: 440px;
height: 55px;
}
.acc_about_jpp {
background: url('/afl/autumn16/img/bg_aboutjpp.jpg') top center no-repeat;
margin:	0;
padding:	20px 0;
overflow:	hidden;
}
/*JPP動画*/
.about_jpp .on_block .inner {
background:	rgba(255,255,255,0.85);
margin:	0 0 30px;
padding:	40px 30px;
}
.about_jpp .txt1 {
float: left;
width: 403px;
margin-top: 30px;
}
.about_jpp .jpp_video_title {
width: 460px;
height: 63px;
float:	right;
margin-top: 30px;
}
.about_jpp .jpp_video {
float: right;
width: 460px;
height: 258px;
margin-top: 20px;
border:	1px	solid	#ccc;
}
.about_jpp .jpp_play_button {
width: 460px;
height: 258px;
background-color: #364;
cursor: pointer;
}
.about_jpp .jpp_play_button img {
width: 100%;
height: 100%;
}
.about_jpp .inner .btn {
text-align:	center;
margin:	0 auto;
}
/*家族ボーナス*/
.kazoku_bonus {
position: relative;
}
.kazoku_bonus .linkBtnA01 {
position: absolute;
top: 76px;
left: 626px;
width: 150px;
height: 70px;
}
.kazoku_bonus .linkBtn_kazoku {
position: absolute;
top: 86px;
left: 420px;
width: 150px;
height: 70px;
}
/*○○カードの主なサービス*/
.card_service .brand_select {
background: url('/afl/autumn16/img/icon_select_brand.png') left center no-repeat;
padding-left: 105px;
margin-top: 20px;
min-height: 60px;
}
.card_service .brand_select .select_inner table td {
vertical-align: middle;
height: 60px;
}
.card_select_txt {
clear:	both;
}
/* Lounge */
.lounge {
clear: both;
border: solid 1px #ccc;
padding: 20px;
margin: 20px auto 0;
background: #fff;
position: relative;
}
.lounge .img_element {
width: 203px;
float: left;
margin: 0 10px 10px 0;
}
.lounge .text_element {
width: 685px;
float: right;
}
.lounge .mds {
font-weight: bold;
font-size: 1.2em;
margin-top: 20px;
}
#panel_r .lounge .linkBtnA01 {
position: absolute;
bottom: 5px;
right: 20px;
}
/* /Lounge */
/* 年会費・サービスの（一例）の比較 */
#service { margin-top: 60px }
#service table {
border-top: solid 1px #808080;
border-left: solid 1px #808080;
}
#service table th {
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
text-align: center;
background-color: #ededed;
width: 194px;
padding: 10px;
}
#service table td {
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
padding: 10px;
width: 160px;
}
#service table td a { margin: auto }
.btn_close {
width: 925px;
padding: 6px;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
text-align: center;
}
#service_table_1>div {
border-left: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;
border-bottom: 1px solid #7f7f7f;
text-align: center;
padding: 10px;
cursor: pointer;
}
#service_table_2>div {
border-left: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;
text-align: center;
padding: 10px;
cursor: pointer;
}
#service .btn_taiken2 {
position: absolute;
top: 558px;
left: 233px;
}
#service .btn_taiken2 a {
background-image: url(/afl/autumn16/img/btn_jal_taiken2.png);
width: 666px;
height: 45px;
}
/* Banner （EST navi バナー）*/
.banner {
width: 100%;
margin: 0 auto 30px;
padding: 50px 0;
background-color: #f5f5f5;
}
.banner h3 {
border-left: 7px solid #8C99A0;
font-size: 18px;
font-weight: bold;
line-height: 18px;
padding: 3px 0 3px 7px;
}
/* /Banner */
/* Q&A */
#faq {
padding: 1px 10px 20px 10px;
background-color: #e7e7e7;
zoom: 1;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#faq .faq_kakomi {
margin: 0;
padding: 14px 20px 20px 40px;
background-color: #fff;
background-image: url(/afl/autumn16/img/icon_faq_a.jpg);
background-repeat: no-repeat;
background-position: 15px 15px;
zoom: 1;
position: relative;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#faq .faq_kakomi>ul>li>ul { margin-top: 15px }
#faq .toiawase_box {
margin-top: 10px;
padding: 15px 15px 15px 35px;
width: 34em;
background-color: #e9e9e9;
}
#faq .q_line1_open,
#faq .q_line1_close {
display: block;
line-height: 51px;
background-repeat: no-repeat;
padding-bottom: 2px;
padding-left: 45px;
margin-top: 10px;
}
#faq .q_line2_open,
#faq .q_line2_close {
display: block;
background-repeat: no-repeat;
padding-top: 15px;
padding-left: 45px;
padding-bottom: 15px;
text-align: left;
margin-top: 10px;
}
#faq .q_line1_open { background-image: url(/afl/autumn16/img/faq1_on.png) }
#faq .q_line1_close { background-image: url(/afl/autumn16/img/faq1_off.png) }
#faq .q_line2_open { background-image: url(/afl/autumn16/img/faq2_on.png) }
#faq .q_line2_close { background-image: url(/afl/autumn16/img/faq2_off.png) }
.bgGr {
padding: 5px;
background-color: #D6D6D6;
}
/* /Q&A */
#attention {
margin-bottom: 20px;
margin-top: 60px;
}
/*-----------------------------------------------------
個別ページ共通パーツ
-------------------------------------------------------*/
/*テーブル*/
table.tbl_style1 {
border-left: solid 1px #333;
border-top: solid 1px #333;
margin: 5px 0 20px 0;
}
table.tbl_style1 th {
border-bottom: solid 1px #333;
border-right: solid 1px #333;
text-align: center;
background-color: #faf8d5;
width: 350px;
padding: 5px;
}
table.tbl_style1 td {
border-bottom: solid 1px #333;
border-right: solid 1px #333;
padding: 5px;
text-align: center;
}
/* Button */
.btn a {
display: block;
overflow: hidden;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
}
.btn a:hover { background-position: left bottom }
.wrap_btn_shikaku {
position:	relative;
width:	950px;
height:	280px;
margin:	0 auto;
}
.btn_shikaku {
position:	absolute;
top:	188px;
left:	362px;
width: 110px;
height: 23px;
}
.btn_shikaku2 {
position:	absolute;
top:	220px;
left:	362px;
width: 110px;
height: 23px;
}
.btn_shikaku,.btn_shikaku2 { background-image: url('/afl/autumn16/img/btn_shikaku.png') }

.btn_r3_1 a,
.btn_a3_1 a,
.btn_g3_1 a,
.btn_p3_1 a {
width: 740px;
height: 80px;
}
.btn_r3_1 a { background-image: url('/afl/autumn16/img/r/btn_card_application1.png') }
.btn_a3_1 a { background-image: url('/afl/autumn16/img/a/btn_card_application1.png') }
.btn_g3_1 a { background-image: url('/afl/autumn16/img/g/btn_card_application1.png') }
.btn_p3_1 a { background-image: url('/afl/autumn16/img/p/btn_card_application1.png') }
.btn_r3 a,
.btn_a3 a,
.btn_g3 a,
.btn_p3 a {
width: 660px;
height: 80px;
padding: 0;
}
.btn_r3 a { background-image: url('/afl/autumn16/img/r/btn_card_application2.png') }
.btn_a3 a { background-image: url('/afl/autumn16/img/a/btn_card_application2.png') }
.btn_g3 a { background-image: url('/afl/autumn16/img/g/btn_card_application2.png') }
.btn_p3 a { background-image: url('/afl/autumn16/img/p/btn_card_application2.png') }
}

/*比較表下の入会ボタン*/
.btn_2 a {
background-image: url('/afl/autumn16/img/btn_2.png');
width: 152px;
height: 36px;
}
/*サービスのご登録でさらにおトクな特典*/
.tokuten_list{
clear:	both;
overflow:	hidden;
}
.tokuten_list_01 {
float:	left;
position: relative;
width: 467px;
height:	254px;
}
.tokuten_list_02 {
float:	right;
position: relative;
width: 467px;
height:	254px;
}
.tokuten_list_03 {
clear:	both;
background:	#fff	url('/afl/autumn16/img/tokuten_list_03.gif')	no-repeat	left	top;
margin-top:	20px;
position: relative;
width: 950px;
height:	172px;
}

.btn_tokuteicard a {
width: 149px;
height: 29px;
}
.btn_tokuteicard {
 position:absolute;
 top: 297px;
 left: 292px;
}
#tokuteicard {
text-align:	left;
width:	162px;
background:	#e7e7e7	url('/afl/autumn16/img/btn_close3.png')	no-repeat	184px	8px;
}
div.tokuteicardBox {
position: absolute;
margin: 0;
z-index:	100;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
border:	1px	solid	#e0e0e0;
}

.btn_aboutfree a {
width: 260px;
height: 108px;
background-image: url(/afl/autumn16/img/btn_aboutfree.png);
}
.btn_aboutfree {
 position:absolute;
 top: 550px;
 left: 335px;
}

.btn2_1 a {
width: 194px;
height: 43px;
background-image: url(/afl/autumn16/img/btn_2_1.png);
}
.btn2_1 {
float:	right;
margin:	92px 50px 0 0;
}
#otoku .otoku_box {
border: 1px solid #ccc;
padding: 30px;
width: 400px;
height:	325px;
float: left;
text-align: center;
margin-right: 0px;
}
#otoku .otoku_box.last { margin-right: 0 }
#otoku .linkBtnA01 {
width: 11em;
margin-left: auto;
margin-right: auto;
}
.btn_kuwashiku a {
background-image: url('/afl/autumn16/img/btn_kuwashiku.png');
width: 400px;
height: 35px;
}
/* /Button */
/*マウスオーバー時透過処理*/
#lean_overlay{/*leanModalで使用*/
position: fixed; z-index:100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#mordal_case1, #mordal_case2, #mordal_case3, #mordal_case4 {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
display: none;
width: 100%;
height: 88%;
background: #fff;
overflow: auto;
overflow-x: hidden;
padding: 0;
}
.top_btn {
display: block;
width: 45px;
height: 45px;
position: absolute;
top: 15px;
right: 12px;
z-index: 99999;
}
.compare03 {
position:	relative;
}
.compare03 .btn1 a {
width: 167px;
height: 53px;
background-image: url(/afl/autumn16/img/compare/btn_1.png);
}
.compare03 .btn1.position1 {
position: absolute;
top: 371px;
left: 223px;
}
.compare03 .btn1.position2 {
position: absolute;
top: 371px;
left: 403px;
}
.compare03 .btn1.position3 {
position: absolute;
top: 371px;
left: 585px;
}
.compare03 .btn1.position4 {
position: absolute;
top: 371px;
left: 765px;
}
.card_nyukai {
overflow: hidden;
padding: 40px 0 60px;
}
.mds_about_tokuten {
background:	#fff;
text-align:	center;
margin:	0;
padding:	20px 0;
}
.btn_n3 a {
width: 194px;
height: 43px;
background-image: url(/afl/autumn16/img/btn_card_application2_2.png);
}
.btn_n3.position5 {
float:	right;
margin-top:	-68px;
margin-right:	2px;
}
.btn_b3 a {
float:	left;
width: 263px;
height: 80px;
margin:	0 0 0 17px;
background-image: url(/afl/autumn16/img/btn_card_application2_1.png);
}
.cardlist1 {
position: relative;
width: 950px;
padding:	0 0 0 2px;
margin: 0 auto 10px;
overflow:	hidden;
}
.btn2_2.position1 {
width:	235px;
height:	885px;
float:	left;
}
.btn2_2.position2,.btn2_2.position4 {
width:	236px;
height:	885px;
float:	left;
}
.btn2_2.position3 {
width:	237px;
height:	885px;
float:	left;
}
.btn2_2.position1 {
border-top:	2px	solid	#003f65;
border-left:	2px	solid	#003f65;
border-bottom:	2px	solid	#003f65;
}
.btn2_2.position2 {
border-top:	2px	solid	#003f65;
border-left:	2px	solid	#003f65;
border-bottom:	2px	solid	#003f65;
}
.btn2_2.position3 {
border-top:	2px	solid	#003f65;
border-bottom:	2px	solid	#003f65;
}
.btn2_2.position4 {
border-top:	2px	solid	#003f65;
border-right:	2px	solid	#003f65;
border-bottom:	2px	solid	#003f65;
}
.campaign_list {
clear:	both;
overflow:	hidden;
}
.campaign_list_01, .campaign_list_02, .campaign_list_03 {
position: relative;
width: 310px;
height:	500px;
float:left;
}
.campaign_list_txt {
position: absolute;
width: 310px;
top:125px;
left: 0;
text-align:	center;
font-size:	16px;
}
.btn2_3 a {
width: 266px;
height: 53px;
background-image: url(/afl/autumn16/img/btn_2_10.png);
}
.btn2_3 {
position: absolute;
top: 424px;
left: 22px;
}
/*マウスオーバー時透過処理*/
div.mo a:hover {
filter: alpha(style=0; opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
.mgl03 {margin-left: 3px!important}
.mgt12 {margin-top: 12px!important}
.mgt80 {margin-top: 80px!important}
.mgt140 {margin-top: 140px!important}
.w50p {width: 50%}
.red {color: #cc0000}
table.t_txt td p {
font-size: 16px;
line-height: 1.5;
}
.subttl {
background: #fefefe url('/afl/autumn16/img/bg_subttl.png') repeat-x left top;
border: 1px solid #ccc;
text-align: left;
color: #000;
font-size: 16px;
margin: 0px;
padding: 2px;
}
.subttl span {
display: block;
border-left: 8px solid #d51314;
padding-left: 12px;
}

.invisible{
    display: none;
}
#shikaku1, #shikaku2, #shikaku3 {
text-align:	left;
width:	838px;
padding: 50px;
margin:	172px 0 0 0;
background:	#fff	url('/afl/autumn16/img/btn_close2.png')	no-repeat	900px	25px;
}
#shikaku4 {
text-align:	left;
width:	838px;
padding: 50px;
margin:	202px 0 0 0;
background:	#fff	url('/afl/autumn16/img/btn_close2.png')	no-repeat	900px	25px;
}
#shikaku1 h4, #shikaku2 h4, #shikaku3 h4, #shikaku4 h4 {
color:	#cc0000;
font-size:	18px;
font-weight:	normal;
}
a.clickToolTip{
margin: 0;
}
div.toolBox p {
line-height:	1.6;
padding:	3px 0 0;
}
div.toolBox ul {
margin-left:	-15px;
}
#aboutfree {
text-align:	left;
width:	242px;
background:	#e7e7e7	url('/afl/autumn16/img/btn_close3.png')	no-repeat	264px	8px;
}
div.aboutfreeBox {
position: absolute;
margin: 0;
z-index:	100;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
border:	1px	solid	#e0e0e0;
}
div.disneyBox, div.toolBox  {
position: absolute;
background: #fff;
margin: 0;
z-index:	100;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
border:	1px	solid	#efefef;
}
div.disneyBox:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
div.toolBox:after {
bottom: 100%;
left: 43.5%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 15px;
margin-left: -15px;
}


/*カウントダウン用ＣＳＳ*/

#wrapper.end { margin-top:134px;}

.count_area{
 background: #000;
 color:#fff;
 width:100%;
}

.count_area.end{
 position: fixed;
 height: 50px;
 padding:50px 0 34px;
 top:0;
 left: 0;
 z-index: 999;
}


.count_area .count_area_inner{
 width:950px;
 margin:0 auto;
 padding:30px 0 20px;
}

.count_area.end .count_area_inner{
 display: none;
}

.count_area .count_area_inner:after{
 content: "";
 display: block;
 clear:both;
}


.count_area .count_txt{
	float: left;
	width:260px;
	padding-right: 20px;
	text-align: right;
	margin-top:49px;
  color:#fff;
}

.count_area .txt1{
	font-size:17px;
}

.count_area .txt2{
	font-size:13px;
	position: relative;
	left:7px;
  top:4px;
}

.count_area .count{
 font-size:30px;
 width:670px;
 float: left;
 letter-spacing: 0;
 color:#fff;
}

.count_area .count .num_wrap{
 margin:0 5px 0 10px;
}


.count_area .count .num{
 display: inline-block;
 text-align: center;
 width:67px;
 height:85px;
 background:url(/afl/autumn16/img/bg_count_num.png);
 line-height: 85px;
 color: #000;
 font-size:70px;
 vertical-align: bottom;
 margin:0 3px;
}


.count_area .count_area_inner_end{
 display: none;
}

.count_area.end .count_area_inner_end{
 display: block;
}

.count_area_inner_end .end_txt{
	width:950px;
  margin:0 auto;
 color:#fff;
}

.count_area_inner_end .end_txt{
 font-size:18px;
 text-align: center;
 line-height: 1.5em;
}

.count_area_inner_end .end_txt a{
 color:#fcff00;
}

.count_area_inner_end .end_txt a:hover{
 color:#feffa3;
}