@charset "utf-8"; /*-[共通]----------------------*/ .section { margin-bottom: 20px; } /*-[index01]----------------------*/ #index01 .box3B{ width:940px; background:url(/jmb/img_01/bg_index_box3B.gif) no-repeat left bottom; } #index01 .box3B_inner{padding-left:5px;} #index01 .box_ctsB_inner{margin:8px 11px 22px 11px;} #index01 .box_cts{float:left;width:302px;} #index01 .box_B{margin-left:11px;} #index01 .box_first{margin-left:0;} #index01 .box_ctsB_inner p{margin-bottom:7px;} #index01 .box3Blink{width:185px;} /* 今すぐ入会!JALマイレージバンク */ #index01 .imsg_box{width:940px;padding:0;margin:0;} #index01 .imsg_box_inner1{padding:14px 0;border-bottom:solid 1px #d0d0d0;border-left:solid 1px #d0d0d0;border-right:solid 1px #d0d0d0;} #index01 .imsg_box_inner2{padding:4px 4px 0 0;text-align:right;border-bottom:solid 1px #d0d0d0;border-left:solid 1px #d0d0d0;border-right:solid 1px #d0d0d0;} #index01 .boximsg_link{width:169px;} #index01 .btn_imsg{margin-bottom:5px;} /* //今すぐ入会!JALマイレージバンク */ #index01 * html .imsg_box { height: 1px; } #index01 .psr{ margin-bottom: 20px;position:relative;} #index01 .btn1{ position:absolute; top:105px; right:10px;} #index01 .btn2{ position:absolute; top:110px; right:10px;} #index01 .btn3{ position:absolute; top:99px; right:10px;} #index01 .btn4{ position:absolute; top:132px; right:10px;} /*-[index01_140930]----------------------*/ #index01 #mile-Area .inContent-Box { background: #bee0fb url(/jmb/common/img/01/inContent_bg_top.jpg) no-repeat top; } #index01 #mile-Area .inContent-Box-inner { background: url(/jmb/common/img/01/inContent_bg_bottom.jpg) no-repeat bottom; padding: 0 20px; } #index01 .field-Content img { vertical-align: middle; } #index01 .field-Footer { text-align: right; } #index01 .item-Box { position: relative; } #index01 #tameru-Field { background: url(/jmb/common/img/01/tameru_bg.gif) no-repeat bottom; } #index01 #tsukau-Field { background: url(/jmb/common/img/01/tsukau_bg.gif) no-repeat bottom; margin-bottom: 25px; } #index01 #otoku-Field .field-Content { background: url(/jmb/common/img/01/otoku_bg.gif) no-repeat bottom; } #index01 #tameru-Field .field-Footer { padding: 20px 20px 80px 20px; } #index01 #tsukau-Field .field-Footer { padding: 20px; } /*ボタンの位置を設定*/ .item-Box .item-btn { position: absolute; bottom: 10px; } #index01 #tsukau-Field #eJAL .item-btn, #index01 #tsukau-Field #Ippin .item-btn, #index01 #tsukau-Field #Waon2 .item-btn, #index01 #tsukau-Field #Coupon .item-btn, #index01 #tameru-Field #Waon .item-btn, #index01 #tameru-Field #Flight .item-btn { right: 30px; } #index01 #tsukau-Field #ClassJ .item-btn, #index01 #tsukau-Field #MiniMile .item-btn, #index01 #tsukau-Field #Tokuten .item-btn, #index01 #tameru-Field #Shopping .item-btn, #index01 #tameru-Field #Life .item-btn { right: 55px; } #index01 #tsukau-Field #Waon2 .item-btn { right: 10px; } /*各BOXのサイズを設定*/ #index01 #tameru-Field #Flight { height:237px; width:900px; } #index01 #tameru-Field #Life { height: 143px; width: 450px; } #index01 #tameru-Field #Shopping { height: 143px; width: 450px; } #index01 #tameru-Field #Waon { height: 288px; width: 450px; } #index01 #tsukau-Field #Tokuten, #index01 #tsukau-Field #Coupon { height: 223px; width: 450px; } #index01 #tsukau-Field #Waon2 { height: 200px; width: 204px; } #index01 #tsukau-Field #MiniMile { height: 200px; width: 246px; } #index01 #tsukau-Field #Ippin { height: 200px; width: 450px; } #index01 #tsukau-Field #ClassJ, #index01 #tsukau-Field #eJAL { height: 190px; width: 450px; } /*各BOXの位置を設定*/ #index01 #tsukau-Field #ClassJ, #index01 #tsukau-Field #MiniMile, #index01 #tsukau-Field #Waon2, #index01 #tsukau-Field #Tokuten, #index01 #tameru-Field #Shopping, #index01 #tameru-Field #Life { float: left; } #index01 #tsukau-Field #eJAL, #index01 #tsukau-Field #Ippin, #index01 #tsukau-Field #Coupon, #index01 #tameru-Field #Waon { float: right; } /*otoku-Field*/ #index01 #otoku-Field { padding-bottom: 20px; } #index01 #otoku-Field .field-Content-inner { padding: 10px 20px; } #index01 #otoku-Field .item-Box { float: left; } #index01 #otoku-Field #List { width: 560px; } #index01 #otoku-Field #Button { text-align: right; width: 300px; } #index01 #otoku-Field .otoku_List li { background:url(/jmb/common/img/01/otoku_icon.gif) no-repeat left top; font-weight: bold; padding:0 0 10px 20px; } /*-[index02]----------------------*/ #index02 .living-linkList, #index02 .card-content .card-content-list { margin-top: 10px; } #index02 .living-linkList td { padding-bottom: 5px; } #index02 .living-linkList .linklist-matgin-center { width: 12px; } #index02 .card-content .card-content-list, #index02 .waon-content .waon-content-list { float: left; font-size: 0; line-height: 0; } #index02 .card-content #card-list-flight, #index02 .waon-content #waon-list-airport { margin-right: 8px; margin-bottom:5px; } #index02 .pickup{ margin: 10px 0 20px 0; } #index02 .subT-Caption { border-bottom: 1px dotted #B8B8B8; margin-bottom: 10px; padding-bottom: 10px; text-align: center; } #index02 .subT-Caption .caption-Btn { margin-top: 5px; } #index02 .shop-List .shop-List-item { border-right: 1px solid #B8B8B8; float: left; line-height: 1.4em; margin: 3px 0; padding: 0 10px; } #index02 .shop-Banner { padding-left: 5px; } #index02 .shop-Banner .shop-Banner-item { display: inline ; padding: 0 5px; } #index02 .pickup{ margin: 10px 0 20px 0;} /*-[index02]----*/ /*Right*/ #index02 #section-side-campaign .bottom li { text-align: right; } #index02 #section-side-campaign .headLineList { width: 270px; } #index02 #section-side-campaign .headLineList th, #index02 #section-side-campaign .headLineList td { vertical-align: top; } /*-[index03]----------------------*/ #index03 #FlightJAL .underBanner, #index03 #Ticket .underBanner { clear: both; margin-top: 20px; } #index03 .col2Box #Item, #index03 .col2Box #Ippin, #index03 .col2Box #Point, #index03 .col2Box #Cmony, #index03 .col2Box #Charity, #index03 .col2Box #Partner { width: 290px; float: left; } #index03 .col2Box #Item, #index03 .col2Box #Point, #index03 .col2Box #Ippin, #index03 .col2Box #Charity, #index03 .col2Box #Ippin { margin-right: 10px; } #index03 .col2Box #Item .list, #index03 .col2Box #MiniMile .list, #index03 .col2Box #Athlete .list, #index03 .col2Box #Ippin .list, #index03 .col2Box #Cmony .list, #index03 .col2Box #Point .list, #index03 .col2Box #Partner .list, #index03 .col2Box #Charity .list { background: none; } #index03 .jmb-pickup { background: url(/jmb/common/img/03/bg_jmb_pickup.gif) repeat-x top; border: 1px solid #FC6; margin-top:10px; padding: 5px 10px; width: 260px; } /*-[index04]----------------------*/ #index04 #Link { margin-bottom: 20px; } #index04 #Link .link-List li { float: left; margin-right: 20px; } #index04 #Link .link-List .last-Line { margin-right: 0; } #index04 .svc-subTitle { margin-bottom: 15px; } #index04 .svc-subTitle .subTitle-name { margin-bottom: 1em; } #index04 #cards-List .cards-item { border: 1px solid #999; vertical-align: top; width: 303px; } #index04 #cards-List .cardslist-matgin-center { width: 10px; } #index04 #cards-List .cardslist-matgin-bottom { height: 10px; } #index04 #cards-List #Diamond { background:url(/jmb/common/img/04/bg_list_diamond.gif) no-repeat center 70px; } #index04 #cards-List #Premier { background:url(/jmb/common/img/04/bg_list_premier.gif) no-repeat center 70px; } #index04 #cards-List #Sapphire { background:url(/jmb/common/img/04/bg_list_sapphire.gif) no-repeat center 70px; } #index04 #cards-List #Crystal { background:url(/jmb/common/img/04/bg_list_crystal.gif) no-repeat center 70px; } #index04 #cards-List .cards-item-name { line-height: 0; } #index04 #cards-List .cards-item-content { font-size: 88%; padding: 0 10px 10px 10px; } #index04 #JGC .jgc-btn { padding-left: 120px; } #index04 #HeadLien .headLineList { } /*-[index08]----------------------*/ #index08 li.strRight{ text-align:right;} #index08 div.detail { border:1px solid #A8A8A8; padding:10px;} #index08 div.open { visible:hidden;display:none;} #index08 #Faq .faqList li { margin-bottom:4px; } #index08 .merit-contentsBox .merit-contents-item { float:left; } #index08 .merit-contentsBox #merit-point { margin-right: 20px; width: 470px; } #index08 .merit-contentsBox #merit-point dd { margin-bottom: 1em; } #index08 .merit-contentsBox #merit-button { margin-top: 110px; width: 413px; } #index08 #Login .textArea { background:url(/jmb/common/img/08/pic_login_cards.jpg) no-repeat top right; } #index08 .passInfo { border: 1px solid #CC0000; paddoing: 10px; } #index08 #Simulation .twoColBox .list { background:url(/common_rn/img/bg_base_line_001.gif) repeat-y center; } #index08 * html #Simulation .twoColBox .list{background:url(/common_rn/img/bg_base_line_001-02.gif) repeat-y center;} #index08 #Simulation .twoColBox .list li {margin-left:0;padding:0 0 4px 0;width:450px;line-height:1.5;zoom:1;} #index08 #Simulation .twoColBox .list li img{float:left;margin-right:10px;} #index08 #Simulation .twoColBox .imgL340textR{width:340px; float:right} #index08 #Simulation .twoColBox .imgL340textR dt{margin-bottom:10px;} #index08 #Simulation .twoColBox .imgL340textR dd{} #index08 #Proce .ProceList { padding-bottom: 20px;} #index08 #Proce .ProceList .ProceList-title { border-bottom: 1px solid #000; font-weight: bold; margin-bottom: 10px; } /*-[index09]----------------------*/ #index09 table#cardTbl { width:940px; border-collapse:collapse; border-left:1px solid #ccc; border-top:1px solid #ccc;} #index09 table#cardTbl tr th { padding:0 20px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #index09 table#cardTbl tr td { border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #index09 table#cardTbl h3 { margin:0 0 30px 0;} #index09 table#cardTbl h4 { margin:0 0 10px 0;} /*table#cardTbl p { width:127px; margin:0 auto; padding:20px 0 10px 0;}*/ #index09 #cardTbl .linkBtnA01 { margin: 0 auto; padding: 20px 10px; width: 8em; } #index09 #jmbT { border:1px solid #fff; background:#E2EBFD none left top no-repeat;} #index09 #jmbT h3 { padding:7px 0; background:#0B4C9D left top no-repeat;} #index09 #jmbM { padding:20px 0; border:1px solid #fff; background:#E2EBFD none left top no-repeat;} #index09 #jmbB { padding:20px 0; border:1px solid #fff; background:#E2EBFD none left top no-repeat;} #index09 #jalT { border:1px solid #fff; background:#FFFBE7 none left top no-repeat;} #index09 #jalT h3 { padding:14px 0 15px 0; background:#B8A57A left top no-repeat;} #index09 #jalM { padding:20px 0; border:1px solid #fff; background:#FFFBE7 none left top no-repeat;} #index09 #jalB { padding:20px 0; border:1px solid #fff; background:#FFFBE7 none left top no-repeat;} #index09 #uniT { border:1px solid #fff; background:#F3F3F3 none left top no-repeat;} #index09 #uniT h3 { padding:7px 0; background:#999999 left top no-repeat;} #index09 #uniM { padding:20px 0; border:1px solid #fff; background:#F3F3F3 none left top no-repeat;} #index09 #uniB { padding:20px 0; border:1px solid #fff; background:#F3F3F3 none left top no-repeat;} /*-[Tabi-Plus]----------------------*/ #tabi_index #Slider { height: 209px; margin-bottom: 20px; position: relative;} #tabi_index #Slider .slider-caption { position: absolute; top: 10px; left: 10px; z-index:999; } #tabi_index #Login .login-item-box { float:left; width: 285px; } #tabi_index #Login #login-member { margin-right: 20px; } #tabi_index #What { background:url(/jmb/tabi-plus/img/bg_what.jpg) no-repeat bottom center; } #tabi_index #What .section-middle-inner { padding: 0 14px 20px 14px; } #tabi_index #What .whatList { background:url(/jmb/tabi-plus/img/bg_whatList.gif) no-repeat bottom center; } #tabi_index #What .whatList li { float: left; width: 290px; } #tabi_index #What .whatList .whatList-link { font-weight: bold; padding: 0 10px; } #tabi_index #What .whatList .whatList-content{ padding: 10px; } #tabi_index #What02 { background:url(/jmb/tabi-plus/img/bg_what02.gif) no-repeat top center; } #tabi_index #What02 .section-middle-inner { padding: 0 14px 20px 14px; } #tabi_index #What02 .whatList { background:url(/jmb/tabi-plus/img/bg_whatList.gif) no-repeat bottom center; } #tabi_index #What02 .whatList li { float: left; width: 290px; } #tabi_index #What02 .whatList .whatList-link { font-weight: bold; padding: 0 10px; } #tabi_index #What02 .whatList .whatList-content{ padding: 10px; } #tabi_index #What02 .whatList02 { background:url(/jmb/tabi-plus/img/bg_whatList02.gif) no-repeat bottom center; } #tabi_index #What02 .whatList02 li { float: left; width: 290px; } #tabi_index #What02 .whatList02 .whatList-link { font-weight: bold; padding: 0 10px; } #tabi_index #What02 .whatList02 .whatList-content{ padding: 10px; } #tabi_index .tokutenBlockIndex03 .nyukai{background: url(/jmb/tabi-plus/img/tabi-plus03_bg01.gif) repeat-y;} #tabi_index .tokutenBlockWaku01 .nyukaiInbox{background:url(/jmb/tabi-plus/img/tabi-plus03_bg04_rn.gif) no-repeat; margin-left:10px; margin-top:15px;} #tabi_index .tokutenBlockIndex03 .nyukaiInbox{background:url(/jmb/tabi-plus/img/tabi-plus03_bg04_rn.gif) no-repeat; margin-left:27px; margin-top:15px;} #tabi_index .tokutenBlockWaku01 .nyukaiBox li, #tabi_index .tokutenBlockIndex03 .nyukaiBox li{ width:413px;float:left; margin-right:20px;} #tabi_index .tokutenBlockWaku01 .nyukaiBox li dl, #tabi_index .tokutenBlockIndex03 .nyukaiBox li dl{padding:12px 15px 0;} #tabi_index .tokutenBlockWaku01 .nyukaiBox li dd, #tabi_index .tokutenBlockIndex03 .nyukaiBox li dd{margin-top:8px;} #tabi_index .tokutenBlockWaku01 .nyukaiBox li dd.img, #tabi_index .tokutenBlockIndex03 .nyukaiBox li dd.img{ float:left;} #tabi_index .tokutenBlockWaku01 .nyukaiBox li dd.text, #tabi_index .tokutenBlockWaku01 .nyukaiBox li dd.btn, #tabi_index .tokutenBlockIndex03 .nyukaiBox li dd.text, #tabi_index .tokutenBlockIndex03 .nyukaiBox li dd.btn{margin-left:165px;} .section02 {padding-bottom: 2px; } #tabi_index .tokutenBlockIndex03 .floatL { position: relative; } #tabi_index #Anq-present { background-color: #FFF; border: 2px solid #E87F7F; font-size: 88%; left: 2px; position: absolute; top: 146px; width: 395px; height: 60px; } #tabi_index #Anq-present-inner { padding: 10px; }