@charset "UTF-8";

/* RESEARCH PAGES / 研究についての下層ページ共通部分 */
.researchNavi_item, .researchNavi_subItem {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.researchNavi_items {
    height: 50px;
    display: table;
    position: relative;
}
li.researchNavi_item {
    width: 180px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background: #f5f5f5;
}

li.researchNavi_item a {
    width: 180px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    color: #666666;
    background: url(../img/common/research_navi_sprite.png) no-repeat 0 0;
}

li.researchNavi_item--01 a {background-position: 0 0;}
li.researchNavi_item--02 a {background-position: -180px 0;}
li.researchNavi_item--03 a {background-position: -360px 0;}
li.researchNavi_item--04 a {background-position: -540px 0;}
li.researchNavi_item--05 a {background-position: -720px 0;}

.developPageCurrent li.researchNavi_item--01 a, li.researchNavi_item--01 a:hover {background-position: 0 -50px;}
.historyPageCurrent li.researchNavi_item--02 a, li.researchNavi_item--02 a:hover {background-position: -180px -50px;}
li.researchNavi_item--03 a:hover {background-position: -360px -50px;}
li.researchNavi_item--04 a:hover {background-position: -540px -50px;}
.reportsPageCurrent li.researchNavi_item--05 a, li.researchNavi_item--05 a:hover {background-position: -720px -50px;}

li.researchNavi_item:hover:after, .developPageCurrent li.researchNavi_item--01:after, .historyPageCurrent li.researchNavi_item--02:after, .reportsPageCurrent li.researchNavi_item--05:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 90px;
    border: 3px solid transparent;
    border-top-color: #fff;
}

.researchNavi_item--02 {
    overflow: visible;
}

.researchNavi_subItems {
    width: 380px;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    left: 0;
    background: #e6f9fe;
    transition: all 0.2s linear;
}
li.researchNavi_item--02:hover .researchNavi_subItems {
    visibility: visible;
    opacity: 1;
}

.researchNavi_subItem a {
    width: 380px !important;
    height: 30px !important;
    display: block !important;
    background: url(../img/common/research_subnavi_sprite.png) no-repeat 0 0 !important;
}
.researchNavi_subItem--02 a {
    margin-top: 10px;
    background-position: 0 100% !important;
}
.researchNavi_subItem a:hover {
    background-color: #b9effe !important;
}


.research_mainTitle {
    padding-left: 20px;
    line-height: 3.68;
    color: #ff9340;
    font-size: 30px;
    border: 5px solid #2bc6f1;
}
.research_flowImg {
    margin-top: 30px;
}

.research_contentBox {
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #2bc6f1;
}
.research_ttl {
    padding: 0 0 0 50px;
    line-height: 29px;
    font-size: 22px;
    color: #01b1e0;
    background: url(../img/common/flow_numb_sprite.png) no-repeat 0 0;
}
.research_ttl--numb2 {background-position: 0 -29px;}
.research_ttl--numb3 {background-position: 0 -58px;}
.research_ttl--numb4 {background-position: 0 -87px;}
.research_ttl--numb5 {background-position: 0 -116px;}
.research_ttl--numb6 {background-position: 0 -145px;}
.research_ttl--numb7 {background-position: 0 -203px;}
.research_ttl--numb8 {background-position: 0 -232px;}

.research_txt {
    font-size: 18px;
}
#suntory_contents .research_txt--heroTxt {
    margin-top: 30px;
    padding: 0 30px;
}
.research_txt--bottomTxt {
    margin-top: 50px;
    padding: 0 30px;
}
#suntory_contents .research_txt p {
    margin-top: 20px;
    line-height: 1.6;
}
.research_maskBar {
    float: right;
    width: 20px;
    height: 280px;
}
.research_txtImg {
    height: 280px;
    float: right;
    clear: both;
}