@charset "Shift_JIS";
* html {filter:expression(document.execCommand("BackgroundImageCache",false,true));}
/*
 * JAL CARD
 * オンライン入会ご希望の皆さまへ
 */

/*-----------------------------------------------------
初期クリア
-------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
/*
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";*/
   /* フォントファミリーを優先順に指定  */
  line-height: 133%;
  font-size: 14px;
  color: #333333;
  text-align: left;
}

img {
   border: 0;
}
/* reset
------------------------------------------ */


body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,th,td,address{margin:0;padding:0;}

h2{
	margin:30px 0 15px;
	text-align: left;
}

h3{
   /* color: #1f497d; */
    font-weight: bold;
    margin: 30px 0 15px;
    text-align: left;
}

h4{
	padding:2px 10px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	text-align: left;

}

h5{
	padding-top:10px;
	font-weight:bold;
	font-size:13px;
	height:40px;
	text-align: center;

}


table{margin:0;padding:0;border:none;border-spacing:0;border-collapse:collapse;}

img,a img,fieldset{border:none;}

ol,ul,li{list-style-type:none;}


hr{border:none;display:none;height:0;visibility:hidden;}


/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

.clearfix {
	display: inline-table;
}

/* IE7 */
.clearfix {
	display:inline-block;
}
.cb { clear:both;}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*-----------------------------------------------------
ブロックわけ
-------------------------------------------------------*/
#wrapper {
/*
	width: 950px;
	text-align: center;
*/
}

#header {
/*
	height: 63px;
	text-align: left;
	background: url(/img/head_950.gif) left bottom no-repeat;
*/
}

#content {
/*
  border-bottom-color:#333333;
  border-bottom-style:solid;
  border-bottom-width:2px;
*/
  margin:0;
  padding:0;
}

_#content p{  margin:0;
  padding:0;
}

#main {
/*
	padding-left:10px;
	margin:20px 0;
	overflow:hidden;
	text-align:left;
*/
	}

#footer {
/*
 border-top: 1px solid #C00 ;
 text-align: left;
 width:950px;
*/
}

.footer-Line{border-bottom:2px solid  #333333; width:950px;}

/* text */

.bold{font-weight:bold;}
.txRe1{color:#cc0000;};}


/* linksList */

.linksListA01{text-align:left;}

.linksListA01 li{line-height:1.4; padding:0; margin:0;}

.linksListA02{text-align:right;}

.linksListA02 li{margin-left:10px;display:inline;line-height:1.4;}

.linksListA01 li{ padding:0; margin:0;text-indent:-6px;line-height:1.4;}

.linksListB01 li.iconTypeA01{text-indent:-14px;}

.linksListB02 li{line-height:1;}

.linksListB03 li{margin-bottom:4px;line-height:1;}

.linksListC01{width:710px;}

.linksListC01 li{margin:0 10px 4px 0;display:block;float:left;width:225px;line-height:1;}






.withIcon img{vertical-align:middle;}

/* notesList */

.notesListA01 li{padding-left:1em;text-indent:-1em;line-height:1.4;}

.notesList2_3 li {
    line-height: 1.4;
    padding-bottom: 5px;
    padding-left: 2em;
    text-indent: -3em;
}


.notesField{
  padding: 0;
  border:1px solid #a8a8a8;
}
.alL{
	text-align:left;
}

.alR{
	text-align:right;
}
.alC{
	text-align:center;
}
.floatL{float:left;}
.floatR{float:right;}


.notesFieldRed {
    border: 1px solid #cc0000;
    padding: 10px;
}


/* relatedLinkBlockA01

------------------------------------------ */

div.relatedLinkBlockA01{
	padding:5px 0 0 0;
	border-top:1px dotted #dedede;width:940px;
}

div.relatedLinkBlockA01 td.linkListItem{
	padding:5px;border:1px solid #dedede;
	vertical-align:top;
}

div.relatedLinkBlockA01 td.linkListItem img.icon{
	float:right;
	margin-left:5px;
	vertical-align:top;
}

div.relatedLinkBlockA01 td.linkListItem a{font-weight:bold;}

div.relatedLinkBlockA01 td.linkListItem p{line-height:1.4;}

div.relatedLinkBlockA01 ul{margin:5px 0 0 0;}

div.relatedLinkBlockA01 li{margin:0 1px 1px 0;width:187px;float:left;}

div.relatedLinkBlockA01 li a.linkBtnA{margin:0;}



/*-----------------------------------------------------
幅・高さ
-------------------------------------------------------*/
.w40{width:40px;}
.w100{width:100px;}
.w110{width:110px;}
.w105{ width:105px;}
.w120{width:120px;}
.w180{width:180px:}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w234{width:234px;}
.w240{width:240px;}
.w260{width:260px;}
.w270{width:270px;}
.w284{width:284px;}
.w285{width:285px;}
.w293{width:293px;}
.w300{width:300px;}
.w304{width:304px;}
.w350{width:350px;}
.w450{width:450px;}
.w460{width:460px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}


.w930{width:930px;}
.w940{width:940px;}

.h320{ height:320px;}
.h300{ height:300px;}
.h290{ height:290px;}
.h280{ height:280px;}
.h270{ height:270px;}
.h260{ height:260px;}
.h250{ height:250px;}
.h240{ height:240px;}
.h160{ height:160px;}
.h150{ height:150px;}
.h170{ height:170px;}
.h110{ height:110px;}
.h115{ height:115px;}
.h26{ height:26px;}
.h40{height:40px;}
.h45{height:45px;}



/*-----------------------------------------------------
マージン　＆　パディング
-------------------------------------------------------*/
ul {
margin: 0 0 0 1em;
padding: 0;
}
.mpa00 {
  margin: 0;
  padding: 0;
}
.pd05{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}

.mb00 {margin-bottom:0!important;}
.mb05 {margin-bottom:5px!important;}
.mb08 {margin-bottom:8px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb40 {margin-bottom:40px!important;}

.mt05 {margin-top:5px!important;}
.mt06 {margin-top:6px!important;}
.mt08 {margin-top:8px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt40 {margin-top:40px!important;}

.mtb05 {margin:5px 0!important;}
.mtb08 {margin:8px 0!important;}
.mtb10 {margin:10px 0!important;}
.mtb15 {margin:15px 0!important;}
.mtb20 {margin:20px 0!important;}
.mtb30 {margin:30px 0!important;}
.mtb35 {margin:35px 0!important;}
.mtb40 {margin:40px 0!important;}

.ml04 {margin-left:4px!important;}
.ml05 {margin-left:5px!important;}
.ml08 {margin-left:8px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml35 {margin-left:35px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml60 {margin-left:60px!important;}

.mr05 {margin-right:5px!important;}
.mr08 {margin-right:8px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.mr35 {margin-right:35px!important;}
.mr40 {margin-right:40px!important;}

.ma05 {margin:5px!important;}
.ma08 {margin:8px!important;}
.ma10 {margin:10px!important;}
.ma15 {margin:15px!important;}
.ma20 {margin:20px!important;}
.ma30 {margin:30px!important;}
.ma40 {margin:40px!important;}

.pt00 {padding-top:0!important;}
.pt02 {padding-top:2px!important;}
.pt05 {padding-top:5px!important;}
.pt08 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pt35 {padding-top:35px!important;}
.pt40 {padding-top:40px!important;}

.pb02 {padding-bottom:2px!important;}
.pb05 {padding-bottom:5px!important;}
.pb08 {padding-bottom:8px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb35 {padding-bottom:35px!important;}
.pb40 {padding-bottom:40px!important;}
.pb70 {padding-bottom:70px!important;}

.pl02 {padding-left:2px!important;}
.pl05 {padding-left:5px!important;}
.pl08 {padding-left:8px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}

.pr02 {padding-right:2px!important;}
.pr05 {padding-right:5px!important;}
.pr08 {padding-right:8px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}
.pr35 {padding-right:35px!important;}
.pr40 {padding-right:40px!important;}
.pr50 {padding-right:50px!important;}

.ptb02 {padding:2px!important;}
.ptb05 {padding:5px!important;}
.ptb08 {padding:8px!important;}
.ptb10 {padding:10px!important;}
.ptb15 {padding:15px!important;}
.ptb20 {padding:20px!important;}
.ptb30 {padding:30px!important;}
.ptb35 {padding:35px!important;}
.ptb40 {padding:40px!important;}

div.mo a:hover img{
filter: alpha(style=0; opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
background: #fff;
}

/*オンライン入会確認書とあわせてお送りいただく証明書類のご案内*/

.attention{
	padding:10px;
}


/*20140207追加（強調の為のCSS）*/
.larger01{font-size:118%!important;}
.bold{font-weight:bold;}

/*20151016 レスポンシブ対応*/
#main h2{
/* font-size:18px;
 color:#444;*/

 background: #999;
 color: #fff;
 margin: 0 0 5px;
 padding: 5px;
}

#main .txt_st1{
 font-size: 16px;
 color:#444;
}

#main .txt_st_10{
 font-weight: bold;
 font-size: 14px;
 color:#444;
 margin: 45px 0 7px;
 text-align: left;
}

.mod-link a, .mod-link-list li a {

    display: inline-block;
    padding-left: 13px;
    color:#0f56a2;
    text-decoration: none;

}

.mod-link, .mod-link-list li {
    font-weight: bold;
    line-height: 1.3em;
    background: url(/sp/common_renewal/img/parts/mod-icon_arrow.png) no-repeat center 0;
        background-position-x: center;
        background-position-y: 0px;
        background-size: auto;
    background-size: 8px 13px;
    background-position: 0 1px;
}
.mod-link_blank a::after {

    content: "";
    display: inline-block;
    top: 0;
    right: 0;
    width: 12px;
    height: 10px;
    background: url(/sp/common_renewal/img/parts/mod-icon_blank.png) no-repeat center 0;
        background-size: auto;
    background-size: 12px 10px;
    margin: 0 0 1px 4px;

}

.weight-bold{
  font-weight: bold;
}
.color-strong{
  color: #c00 !important;
}
.size-xsmall {
  font-size: 85.71% !important;
}
.size-small {
  font-size: 92.86% !important;
}
.size-medium {
  font-size: 100% !important;
}
.size-large {
  font-size: 107.14% !important;
}
.size-xlarge {
  font-size: 114.29% !important;
}
.size-xxlarge {
  font-size: 121.43% !important;
}
/* Table
   ========================================================================== */
.mod-table {
  margin-top: 25px;
  width: 100%;
  table-layout: fixed;
}
.mod-table:first-child {
  margin-top: 0;
}
.mod-section-title_1st + .mod-table,
.mod-section-title_2nd + .mod-table,
.mod-section-title_3rd + .mod-table,
.mod-section-title_4th + .mod-table,
.mod-section-title_5th + .mod-table {
  margin-top: 0;
}
.mod-table caption {
  padding: 10px;
  border: #d5d5d5 1px solid;
  border-bottom: none;
  background: #ddd;
}
.mod-table th,
.mod-table td {
  padding: 10px;
  border: #d5d5d5 1px solid;
}
.mod-table .mod-table_verticalMiddle {
  vertical-align: middle;
}
.mod-table thead th {
  background: #666;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
}
.mod-table thead th:first-child {
  background: #505050;
}
.mod-table tbody {
  text-align: left;
}
.mod-table tbody th {
  background: #eff1f3;
  color: #222;
}
.mod-table th.opt-table_bgTotal {
  background-color: #e7eaed;
}
.mod-table td.opt-table_bgTotal {
  background-color: #eff1f3;
}
.mod-section-title_3rd {
  margin-bottom: 15px;
  padding-bottom: 0px;
  border-bottom: 2px solid #ccc;
}
.mod-section-title_3rd:first-child {
  margin-top: 0;
}
.mod-section-title_3rd h1,
.mod-section-title_3rd h2,
.mod-section-title_3rd h3,
.mod-section-title_3rd h4,
.mod-section-title_3rd h5,
.mod-section-title_3rd h6 {
  position: relative;
  display: block;
  padding-left: 12px;
  border-left: 4px solid #cc0000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-ul{
  margin-left: 0;
}
.mod-ul > li {
  margin-top: 8px;
  margin-left: 2em;
  list-style-type: disc;
}
.mod-ul > li:first-child {
  margin-top: 0;
}
.mod-note-ul{
  margin-left: 0;
}
.mod-note-ul > li {
  position: relative;
  padding-left: 1.5em;
  margin-left: 0.5em;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #555;
  margin-top: 8px;
}
.mod-note-ul > li:first-child {
  margin-top: 0;
}
.mod-note-ul > li > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

.tag{
    display: inline-block;
    margin: 0 5px 0;
    padding: 0 3px;
    color: #fff;
    border-radius: 3px;
  }
  .tag_a{
    background: rgb(255,51,153);
  }
  .tag_b{
    background: rgb(288,108,10);
  }
  .tag_c{
    background: rgb(0,112,192);
  }
  dd .mod-note-ul > li{
    font-size: 1.2rem;
  }
  .mod-ul li > .mod-note-ul > li{
    font-size: 1.2rem;
  }
  .dl_img img{
    max-width:100%;
  }

  @media screen and (max-width: 768px) {

    .dl_img{
      padding: 0 6.25%;
    }
  }
.sas-r {
    bottom: 0.3em;
    padding-right: 0px;
    font-size: 80%;
    vertical-align: top;
    margin-top: -5px;
    display: inline;
}

.paperList-wrap{
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  border: 1px solid #d5d5d5;
}
  @media screen and (max-width: 768px) {
    .paperList-wrap{
      display: block;
      border: none;
    }
  }
.paperList{
  padding: 10px;
  border-right: 1px solid #d5d5d5;
  -webkit-box-flex:1;
	-ms-flex:1 1 33%;
	flex:1 1 33%;
}
@media screen and (max-width: 768px) {
  .paperList{
    border-right: none;
    padding: 0;
    margin-top: 20px;
  }
}
.paperList:last-of-type{
  border-right: none;
}
.style-lined{
  text-decoration: underline;
}
