@charset "shift_jis";
/* CSS Document */
/*------------------------------
最新決算資料
------------------------------*/
h2.hdg {
  background-color: #4a90cd;
  border-radius: 5px 5px 0 0;
  margin: 4px;
  color: #fff;
  padding: 3px 0;
  font-size: 15px;
  font-family: -webkit-body;
}
#library-quarter-list2 li { text-align:left; border-bottom:1px dotted #ccc;margin: 5px 10px;background: url("../common/images/com_ic007.gif") 5px 5px; background-repeat:no-repeat;padding-left: 20px;}

/*------------------------------
IRニュース
------------------------------*/
#xj-select-year_s{
  margin-bottom: 1rem;
}

#xj-select-category ul{
  display: flex;
  justify-content: space-between;
}
#xj-select-category li{
  width: calc((100% - 5px) / 6);
  text-align: center;
}
#xj-select-category li a{
  display: block;
  background-color: #0062AC;
  border: 1px solid #0062AC;
  color: #FFFFFF;
  text-decoration: none;
}
#xj-select-category li.active a,
#xj-select-category li a:hover{
  color: #0062AC;
  background: #fff;
}

/* icon */
.xj-list .date:after {color:#fff; font-size:11px;width:80px; text-align:center; line-height:20px; position:absolute; margin-left:30px; border-radius:3px;}
.xj-list .tekiji .date:after { content:"適時開示";background-color:#00CCAD;}
.xj-list .tanshin .date:after { content:"決算短信";background-color:#FF6699;}
.xj-list .hotei .date:after { content:"法定開示";background-color:#9966FF;}
.xj-list .ir .date:after { content:"IR資料";background-color:#3333FF;}
.xj-list .ir_info .date:after { content:"IRのお知らせ";background-color:#99c903;}

.icon-pdf{ background:url("icon_pdf.png")no-repeat; width:16px; height:16px; display:inline-block; vertical-align: text-bottom; margin-left: .5rem;}

/*------------------------------
IRライブラリー
------------------------------*/
.library-section .more_btn a { background:url("../common/images/com_bt_more.gif")no-repeat; width:64px; height:25px; display:inline-block; position:absolute;z-index: 10; margin: 10px 0 0 560px;}
.library-section .more_btn a:hover{ background:url("../common/images/com_bt_moreon.gif")no-repeat;}

/*------------------------------
IRカレンダー
------------------------------*/
#sel_kessanki,#text_ja{display: none;}

/*------------------------------
電子公告
------------------------------*/
.notice li .txt{width: 100%;}


/*------------------------------
graph page
------------------------------*/
/*
	table共通
================================*/
.xj_chart_header_first {
  background: #ECFFFF;
}
.non_title .xj_chart_table td:first-child {
  display: none;
}
/*
	業績・財務ハイライト
================================*/
.jsTabGroup .tab {
    padding: 0 1px 0 3px;
}
.jsTabGroup ul {
  overflow: hidden;
  margin-bottom: 20px;
}
.jsTabGroup li {
  width: 49%;
  text-align: center;
  color: #4d94d0;
  font-size: 125%;
  padding: 5px 0;
  cursor: pointer;
}
.jsTabGroup .tab li {
  display: inline-block;
  border: 2px solid #4d94d0;
}
.jsTabGroup .nav li{
  width: 25%;
  float: left;
}
.jsTabGroup li.active{
  background: #4d94d0;
  color: #fff;
}
.jsTabItem{
  display: none;
}
.jsTabItem.active{
  display: block;
}
.gt-holder{display: none;}
.gt-holder.active{display: block;}
.xj-graph-wrap {
    display: flex;
    flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  padding: 0 1px 0 3px;
}
.xj-graph-item {
    margin-bottom: 40px;
  flex-basis: 48%;
}
.xj-graph-item .figure {
    display: inline-block;
  margin: 5px 0;
}
#Main .xj-graph-item .title {
    background: #4489c9;
    color: #FFF;
    text-align: center;
    font-size: 100%;
    display: block;
    margin: 0 auto;
    font-weight: normal;
    line-height: 22px;
    height: auto;
  padding: 0;
}
.xj-graph-item .unit {
    text-align: left;
}
/*
	配当金
================================*/
#Main .xj-haito h3 {
  background: #4489c9;
  color: #FFF;
  text-align: center;
  font-size: 100%;
  width: 235px;
  display: block;
  margin: 40px auto 5px;
  font-weight: normal;
  line-height: 22px;
  height: auto;
  padding: 0 0 0 5px;
}
.xj-haito .unit {
  width: 240px;
  display: block;
  margin: 0 auto;
  text-align: right;
}
.xj-haito .custom_graph {
  text-align: center;
  margin-bottom: 5px;
}