@charset "utf-8";
/* CSS Document */

.wid130 { width:130px !important; }
.wid790 { width:790px !important; }

/* mainVisual */
.mainVisual { position:relative; width:950px; height:280px; }
.mainVisual ul { position:absolute; bottom:0; left:0; }
.mainVisual ul li { float:left; width:237px; background-image:url("//www.jal.co.jp/jp/commonY15/img/bg_black_opacity-50.png"); overflow:hidden; }
.mainVisual ul li:first-child { width:239px; }
.mainVisual ul li.current { background-image:url("//www.jal.co.jp/jp/commonY15/img/bg_white_opacity-20.png"); }
.mainVisual ul li dl { padding:5px 20px 0; }
.mainVisual ul li dl dt,
.mainVisual ul li dl dd { float:left; }
.mainVisual ul li dl dd { margin-left:15px; padding:5px 0 5px 10px; background:url("//www.jal.co.jp/jp/commonY15/img/icon_arrow_right_white_01.png") no-repeat 0 12px; }
.mainVisual ul li dl dd span,
.mainVisual ul li dl dd span a {color:#fff;text-decoration:none;;}
.mainVisual ul li dl dd span a:hover{text-decoration:underline;}

/* tabs_parent */
.tabs_parent > li > a { padding: 22px 0 20px; }

/* box_typeA */
.box_typeA .status dt { float:left; width:190px; }
.box_typeA .status dd { margin-left:200px; width:710px; }

/* integration */
.integration { padding:15px 19px; background-color:#eaeaea;}
.integration ul.graph > li { float:left; }
.integration ul.graph > li.mark { width: 40px; }
.integration li > div { width:155px; }
.integration li > div.unit4 { width:315px; }
.integration li.mark > div { width:auto; display: table; }
.integration li.mark > div > span { display: table-cell; vertical-align: middle; line-height: 1; }
.integration .integration_title { background:#b05a5a; border:solid 1px #FFF; color:#FFF; font-weight:bold; text-align:center; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.integration .integration_title span { display:block;font-size:16px; padding: 0 15px; }
.integration li > div.unit1 .integration_title span { font-size:18px; }
.integration .integration_list { padding:15px; background:#f7ecec; border-bottom:solid 1px #FFF; border-left:solid 1px #FFF; border-right:solid 1px #FFF; }
.noteList_star > li > span.listMark_2 {
    width: 20px;
    margin-left: -20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}