/*-----------------------------------------------------
BODY
-------------------------------------------------------*/
BODY	{
  text-color: #333333;
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  font-family: 'Noto Sans JP', sans-serif;
}


/*-----------------------------------------------------
BODY
-------------------------------------------------------*/
BODY#SELECT	{
  background-image: url(/admission/img/cl_bg.gif);
  background-repeat: repeat-y;
  text-color: #333333;
  margin: 0px;
  padding: 0px;
}
/*-----------------------------------------------------
WRAPPER
-------------------------------------------------------*/
#wrapper {
  /*
  position: absolute;
  left: 11px;
  top: 0px;
  */
}

/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
/*
#header	{

}

#logo	{

top : 0;
width: 100%;
height: 53px;
}

#under_line	{
top: 53px;
margin: 0;
left: 0px;
width: 100%;
height: 10px;
background: #FFFFFF url(/admission/img/head_line.gif)  left top repeat-x;
}
*/
/*-----------------------------------------------------
back_link
-------------------------------------------------------*/
.back_link	{
  FONT-SIZE: 12px;
  LINE-HEIGHT: 16px;
  background: #FFFFFF url(/admission//img/icon.gif) left center no-repeat;
  padding: 4px 10px 4px 10px;
}

/*-----------------------------------------------------
FOOTER
-------------------------------------------------------*/
/*
#footer	{
margin-top: 5px;
height: 30px;
}



#upper_line	{
margin: 0;
left: 0px;
width: 100%;
height: 3px;
background: #FFFFFF url(/admission//img/foot_line.gif)  left top repeat-x;
}


#copyright	{
margin-top: 3;
left: 0px;
height: 33px;
width: 100%;
}
*/
/*-----------------------------------------------------
A
-------------------------------------------------------*/
A {
  TEXT-DECORATION: none
}
A:hover {
  COLOR: #0033cc; TEXT-DECORATION: underline
}

A:active {
  color: #cc0000;
}

A:visited {
  color: #0033cc;
}

A:link {
  color: link=#0033cc;
}

/*-----------------------------------------------------
TABLE cell (TH)
-------------------------------------------------------*/
th {
  width: 220px;
  FONT-SIZE: 12px;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  background-color: #CCCCCC;
}

/*-----------------------------------------------------
TABLE cell (DEL Button)
-------------------------------------------------------*/
.card_del {
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  height: 26px;
}

/*-----------------------------------------------------
TABLE cell (Hidden cell for Width)
-------------------------------------------------------*/
.hdn_wid {
  width: 155px;
  background-color: #FFFFFF;

}

/*-----------------------------------------------------
TABLE cell (ordinary card)  pink
-------------------------------------------------------*/
.item_card_pink {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #FFD2D2;
}


.box_p01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #FFE6E6;
}

.box_p02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #FFE6E6;
}

.box_p03 {
  width: 140px;
  text-align: center;
  background-color: #FFE6E6;
}

.box_p03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}

/*-----------------------------------------------------
TABLE cell (CLUB-Acard)  blue
-------------------------------------------------------*/
.item_card_blue {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #ACBFE8;
}


.box_b01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #C8D5F0;
}

.box_b02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #C8D5F0;
}

.box_b03 {
  width: 140px;
  text-align: center;
  background-color: #C8D5F0;
}

.box_b03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}

/*-----------------------------------------------------
TABLE cell (CLUB-A GOLDcard) yellow
-------------------------------------------------------*/
.item_card_yellow {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #FDE491;
}


.box_y01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #FFFF99;
}

.box_y02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #FFFF99;
}

.box_y03 {
  width: 140px;
  text-align: center;
  background-color: #FFFF99;
}

.box_y03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}

/*-----------------------------------------------------
TABLE cell (JAL Diners card) violet
-------------------------------------------------------*/
.item_card_violet {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #B895DB;
}


.box_v01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #E1C4FF;
}

.box_v02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #E1C4FF;
}

.box_v03 {
  width: 140px;
  text-align: center;
  background-color: #E1C4FF;
}


.box_v03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}


/*-----------------------------------------------------
TABLE cell (JAL AMEX card) platinum
-------------------------------------------------------*/
.item_card_platinum {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #505363;
  color:#ffffff;
}


.box_pl01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #A3A6B6;
}

.box_pl02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #A3A6B6;
}

.box_pl03 {
  width: 140px;
  text-align: center;
  background-color: #A3A6B6;
}


.box_pl03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}


/*-----------------------------------------------------
TABLE cell (JAL navi card) green
-------------------------------------------------------*/
.item_card_green {
  FONT-SIZE: 12px;
  border: solid 1px #888888;
  text-align: center;
  vertical-align: middle;
  background-color: #ccff99;
}


.box_g01 {
  FONT-SIZE: 12px;
  vertical-align: top;
  text-align: center;
  background-color: #ccffcc;
}

.box_g02 {
  width: 155px;
  FONT-SIZE: 12px;
  text-align: left;
  vertical-align: top;
  background-color: #ccffcc;
}

.box_g03 {
  width: 140px;
  text-align: center;
  background-color: #ccffcc;
}


.box_g03 img	{
  margin-top: 3px;
  margin-bottom: 3px;
}

/*-----------------------------------------------------
TABLE cell (MEMO)
-------------------------------------------------------*/
table.tbl_memo {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  background-color: #FFFFCC;
}

.tbl_memo td {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
  padding: 3px;
}

/*-----------------------------------------------------
TABLE cell (POPUP)
-------------------------------------------------------*/
table.tbl_popup {
}

.tbl_popup td {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
  padding: 3px;
}


/*-----------------------------------------------------
TABLE cell (SELECT1)
-------------------------------------------------------*/
table.w854 {
  width: 854px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px none;
}
/*-----------------------------------------------------
TABLE cell (SELECT2)
-------------------------------------------------------*/
table.w844 {
  width: 844px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

/*-----------------------------------------------------
TABLE cell (ALL ZERO)
-------------------------------------------------------*/
table.tbl_normal {
  font-size: 12px;
  border-collapse: collapse!important;
  border-spacing: 0!important;
  border: 0px none!important;
  margin: 0px!important;
  padding: 0px!important;
}

.tbl_normal td {
  border-collapse: collapse!important;
  border-spacing: 0!important;
  margin: 0px!important;
  padding: 0px!important;
  border: 0px none!important;
}
/*-----------------------------------------------------
MARGIN
-------------------------------------------------------*/

.mar_tit {
  margin:20px 0 17px 10px;
}

.mar_l15 {
  margin-left:15px;
}

.mar_l10 {
  margin-left:10px;
}

.mar_b30 {
  margin-bottom:30px;
}

.mar_b20 {
  margin-bottom:20px;
}

.mar_b10 {
  margin-bottom:10px;
}

.mar_b5 {
  margin-bottom:5px;
}

.pad10 {
  padding:10px;
}

/*-----------------------------------------------------
BG
-------------------------------------------------------*/

.bg01 {
  background-image:url(/admission/img/cl_bg_01.gif);
  background-repeat:repeat-y;
}

.bg02 {
  background-image:url(/admission/img/cl_bg_02.gif);
  background-repeat:repeat-y;
}

.c_ord1 {
  background-image:url(/admission/img/cl_c_ord_b1.gif);
  background-repeat:no-repeat;
}

.c_ord2 {
  background-image:url(/admission/img/cl_c_ord_b2.gif);
  background-repeat:repeat-x;
}

.c_ca1 {
  background-image:url(/admission/img/cl_c_ca_b1.gif);
  background-repeat:no-repeat;
}

.c_ca2 {
  background-image:url(/admission/img/cl_c_ca_b2.gif);
  background-repeat:repeat-x;
}

.c_cag1 {
  background-image:url(/admission/img/cl_c_cag_b1.gif);
  background-repeat:no-repeat;
}

.c_cag2 {
  background-image:url(/admission/img/cl_c_cag_b2.gif);
  background-repeat:repeat-x;
}

.c_din1 {
  background-image:url(/admission/img/cl_c_din_b1.gif);
  background-repeat:no-repeat;
}

.c_din2 {
  background-image:url(/admission/img/cl_c_din_b2.gif);
  background-repeat:repeat-x;
}

.c_nav1 {
  background-image:url(../img/cl_c_nav_b1.gif);
  background-repeat:no-repeat;
}

.c_nav2 {
  background-image:url(/admission/img/cl_c_nav_b2.gif);
  background-repeat:repeat-x;
}

/*-----------------------------------------------------
CHECKBOX
-------------------------------------------------------*/

.cbox {
  margin-left:10px;
}


/*-----------------------------------------------------
TEXT
-------------------------------------------------------*/

strong.item {
  FONT-SIZE: 12px;
  padding-left: 20px;
  padding-top: 10px;
}
.bt6 {
  FONT-SIZE: 12px; LINE-HEIGHT: 16px;
}
.bt8 {
  FONT-SIZE: 12px; LINE-HEIGHT: 18px
}
.s1014 {
  FONT-SIZE: 10px; LINE-HEIGHT: 14px;
}
.s1016 {
  FONT-SIZE: 10px; LINE-HEIGHT: 16px;
}
.s1115 {
  FONT-SIZE: 11px; LINE-HEIGHT: 15px;
}
.s1117 {
  FONT-SIZE: 11px; LINE-HEIGHT: 17px
}
.s1214 {
  FONT-SIZE: 12px; LINE-HEIGHT: 14px;
}
.s1214b_red {
  FONT-SIZE: 12px;
  LINE-HEIGHT: 14px;
  font-weight: bold;
  color: #FF0000;
}
.s1214b {
  FONT-SIZE: 12px; LINE-HEIGHT: 14px;
  font-weight: bold;
}
.s1216 {
  FONT-SIZE: 12px; LINE-HEIGHT: 16px;
}
.s1218 {
  FONT-SIZE: 12px; LINE-HEIGHT: 18px;
}
.s1418 {
  FONT-SIZE: 14px; LINE-HEIGHT: 18px;
}

.s1420 {
  FONT-SIZE: 14px; LINE-HEIGHT: 20px;
}
.f0 {
  FONT-SIZE: 10px;
}
.f1 {
  FONT-SIZE: 11px;
}
.f2 {
  FONT-SIZE: 12px;
}
.f3 {
  FONT-SIZE: 13px;
}
.f4 {
  FONT-SIZE: 14px;
}
.f6 {
  FONT-SIZE: 16px;
}
.f8 {
  FONT-SIZE: 18px;
}

.red_12 {
  FONT-SIZE: 12px;
  color : #CC0000;
}

.red_10 {
  FONT-SIZE: 10px;
  color : #CC0000;
}

.amex_memo {
  margin:20px 0 20px;
  font-size: 10px;
  color : #666666;
}
.attention{
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  background-color: #FFFFCC;
}

.attention ul{
  padding: 4px;
  margin: 2px;
  list-style: none;
}
.attention ul li{
  padding-left:0.8em;
  text-indent:-0.5em;
  line-height: 16px;
  font-size: 12px;
  margin-bottom:8px;
}

/*箱リンク*/

a.linkBtnA, a.linkBtnA:link, a.linkBtnA:visited {
  -moz-text-blink: none;
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  background-color: #FEFEFE;
  background-image: url("../img/bg_link-button.gif");
  background-position: left top;
  background-repeat: repeat-x;
  border-bottom-color: #CDCDCD;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #D6D6D6;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-right-style-value: solid;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-right-width-value: 1px;
  color: #0F0F69;
  display: block;
  line-height: 1.1;
  margin-bottom: 1px;
  padding-bottom: 4px;
  padding-left: 11px;
  padding-right: 5px;
  padding-top: 4px;
  text-indent: -6px;
}
a.linkBtnA:hover, a.linkBtnA:active {
  -moz-text-blink: none;
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  background-color: #DEDEDE;
  background-image: url("/admission/img/bg_link-button_o.gif");
  background-position: left top;
  background-repeat: repeat-x;
  color: #0F0F69;
}
a.linkBtnA img {
  vertical-align: middle;
}
.iconTypeA01 a.linkBtnA, .iconTypeA01 a.linkBtnA:link, .iconTypeA01 a.linkBtnA:visited {
  padding-left: 0;
  text-indent: -14px;
}

.boxlinkA01 { margin: 0 aute 0;
  margin-left :25px;
  width: 110px;
  margin-bottom: 0px;
}

/* Firefox hack start */
@-moz-document url-prefix() {
  .boxlinkA01 {
    margin-left :25px;
    width: 110px;
  }
}
/* Firefox hack end */

/*リンクボタン*/
.btnRD{display:inline-block;color:#0f0f69;text-decoration:none;text-align:center;padding:7px 20px 5px!important;background-image:none!important;}
.btnRD{background-color:#cc0000;color:#fff!important;}
.btnRD span{padding-left:10px;display:inline-block;line-height:24px;background:url(/commonY15/img/icon_arrow_right_white_01.png) 0 7px no-repeat;}
.btnRD:hover span,.btnRD:focus span{text-decoration:underline;cursor:pointer;}

body{margin:0!important;padding:0!important;color:#333333;font-size:14px;}
#wrapper{
  min-width: 0;
}
#main{}
  h1,p{margin:0;padding:0;}
  p{line-height:130%;}
  .mt10{margin-top:10px;}
  .gfield{border: solid 1px #ccc; padding: 6px;background-color:#EAEAEA;}
  ul{ list-style : none;margin:0;padding:0;zoom:1;}
  ul li{padding:0 0 0.5em 1em;text-indent:-1em;line-height:130%;}
  .alC{text-align:center;}
  .bold{font-weight:bold;}
  div.notesField ul.textListA01, div.notesField ul.textListA02, div.notesField ul.notesListA01, div.notesField p.text, div.notesField .linkBtnA01 {margin: 0 10px 7px;}
  .w610{ width:610px;}
  .pt3{ padding-top:3px;}

  div.notesField{
    height:auto;
  }

  #main .mds_st{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 35px;
  }

  #main .mds_st1{
    font-size:18px;
    font-weight:bold;
  }


  div.notesField {
    height: auto;
  }
  div.notesField {
    border: 1px solid #a8a8a8;
    padding-bottom: 5px;
  }

  .mgt20{
    margin-top:20px;
  }
  .mgt30{
    margin-top:30px;
  }
  .mgt40{
    margin-top:40px;
  }
  .mgt50{
    margin-top:50px;
  }

  .mgb05{
    margin-bottom: 5px;
  }
  .mgb10{
    margin-bottom: 1px;
  }
  .mgb50{
    margin-bottom: 50px;
  }


  .pdt15{
    padding-top:15px;
  }


  .pdb10 {
    padding-bottom: 10px !important;
  }


  .sp{
    display: none;
  }
  img.img_liquid{
    max-width: 100%;
    height: auto;
  }
  .-bgP{
    background: #ffecf0!important;
  }
  .-bgB{
    background: #d8dfee!important;
  }
  .fcRed{
    color: #cc0000!important;
  }

  #main p{
    color: inherit;
  }

  #main .merit_list{
    display: flex;
    flex-direction: row;
    width: 65%;
    font-size: 18px;
    border-bottom: 1px solid #000;
  }
  #main .merit_list dt{
    font-size: 14px;
    flex: 0 1 14%;
  }
  #main .merit_list dd{
    align-self: center;
    font-size: 14px;
  }
  #main .merit_list .-num{
    font-size: 18px;
  }
  .online_block{
    display: block;
    position: relative;
  }
  .online__hd{
    background: url(/admission/img/account/hd_bg.png) repeat center center;
    background-size: cover;
    color: #fff!important;
    max-width: 693px;
    padding: 0 15px;
    padding-right: 31px;
    font-size: 14px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
  }
  .online__txt{
    align-self: center;
    flex: 0 1 50%;
    padding: 3px 0;
  }
  #main .online__txt p{
    white-space: nowrap;
    font-size: 14px;
  }
  .online__time{
    text-shadow:  #cc0000 1px 3px 0px, #cc0000 -1px 3px 0px, #cc0000 1px -1px 0px, #cc0000 -1px -1px 0px;
    font-size: 17px;
    font-weight: bold;
  }
  .online__time .__no{
    display: inline-block;
    margin: -16px 0;
    font-size: 33px;
    letter-spacing: 2px;
    padding-left: 2px;
  }
  .online__time p{
    font-size: 14px;
  }

  .step_block{
    display: flex;
    flex-direction: row;
    margin: 10px auto 0;
  }
  .step_box{
    background: #e6e6e6;
    color: #000;
    width: 37%;
    text-align: center;
    padding: 10px 0 15px;
  }
  #main .step_hd{
    font-size: 18px;
  }
  #main .step_hd span{
    font-size: 24px;
  }
  #main .step_txt{
    font-size: 15px;
    align-self: center;
  }
  .step_box.-arrow{
    width: 5%;
    align-self: center;
    background: #fff;
  }
  .step_box.-balloon{
    width: 30%;
    background: #fff;
    padding: 0 0 0 23px;
    margin-top: -30px;
  }
  .step_txt{
    padding: 15px 0;
    font-size: 15px;
  }


  /*オンライン口座振替サービスを利用しない*/
  .online_block.online_off .online__hd{
    background: url(/admission/img/account/off_hd_bg.png) repeat center center;
    max-width: 930px;
  }
  .online_block.online_off .online__time{
    text-shadow:  #777777 1px 3px 0px, #777777 -1px 3px 0px, #777777 1px -1px 0px, #777777 -1px -1px 0px;
    font-size: 17px;
    font-weight: bold;
  }
  .online_block.online_off .step_block{
    margin-top: 40px;
  }
  .online_block.online_off .step_box{
    position: relative;
  }
  #main .-need{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: -36px;
    padding: 5px 0;
    border: 1px solid #2e5098;
    width: 213%;
    color: #2e5098;
  }
  #main .-need p{
    font-size: 14px;
  }
  #main .-emit{
    font-size: 21px;
  }

  /*出し分け*/
  .__cgi{
    display: none;
  }

  /*======SP======*/
  @media only screen and (max-width: 768px){
    .sp{
      display: block;
    }
    .pc{
      display: none;
    }

    #main .merit_list{
      flex-wrap: wrap;
      width: 100%;
    }
    #main .merit_list dt{
      flex:0 1 100%;
    }

    .online__hd{
      flex-wrap: wrap;
      justify-content:center;
      background: url(/admission/img/account/hd_bg_sp@2x.png) no-repeat center bottom;
      background-size: cover;
      padding: 15px 0 10px;
      max-width: 100%;
    }
    .online__txt{
      flex: 0 1 100%;
      text-align: center;
      font-size: 17px;
    }
    #main .online__txt p{
      font-size: 17px;
    }
    .online__time .__no{
      margin: 0 auto;
    }
    #main .online__time p{
      font-size: 17px;
    }

    .step_block{
      flex-wrap: wrap;
      justify-content: center;
      margin-top: -5px;
    }
    .step_box{
      width: 100%;
      padding: 10px 30px 15px;
    }
    #main .step_hd{
      font-size:22px;
    }
    #main .step_hd span{
      font-size:27px;
    }
    #main .step_txt{
      font-size: 17px;
    }
    .step_box.-arrow{
      width: auto;
      max-width: 80px;
    }
    .step_box.-balloon{
      width: 100%;
      margin: 0 auto;
      padding: 0;
    }

    /*オンライン口座振替サービスを利用しない*/
    .online_block.online_off .step_block{
      margin-top: -10px;
      position: relative;
      z-index: -1;
    }
    .online_block.online_off .online__hd{
      background: url(/admission/img/account/off_hd_bg_sp@2x.png) no-repeat center bottom;
      background-size: cover;
      max-width: 100%;
    }
    .step_box.step_send{
      margin-top: 40px;
    }
    #main .-need{
      /*position: relative;*/
      margin-top: -40px;
      margin-bottom: 20px;
      width: 100%;
    }
    #main .-emit{
      font-size: 24px;
    }
  }