@charset "UTF-8";


#hpe_slider {
  height: 628px;
  max-height: 628px;
  position: relative;
}

#hpe_slider li {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 110px 0;
}

#hpe_slider_wrap {
  position: relative;
}

#hpe_slider_wrap .arrow {
  display:none;
  position: absolute;
  z-index: 99;
}

#hpe_slider_wrap .arrow.prev {
  top: 280px;
  left: calc((100% - 980px) / 4);
}

#hpe_slider_wrap .arrow.next {
  top: 280px;
  right: calc((100% - 980px) / 4);
}

#hpe_slider .hpe_slider_item01 {
  background: url(../img/bg_hpe_slider01.png) center center no-repeat;
  background-size: cover;
  height: 408px;
  text-align: center;
}

#hpe_slider .hpe_slider_item02 {
  background: url(../img/bg_hpe_slider02.png) center center no-repeat;
  background-size: cover;
  height: 408px;
  text-align: center;
}

#hpe_slider .hpe_slider_item03 {
  background: url(../img/bg_hpe_slider03.png) center center no-repeat;
  background-size: cover;
  height: 408px;
  text-align: center;
}

#hpe_slider .hpe_slider_item04 {
  background: url(../img/bg_hpe_slider04.png) center center no-repeat;
  background-size: cover;
  height: 408px;
  text-align: center;
}

#hpe_slider .hpe_slider_item05 {
  background: url(../img/bg_hpe_slider05.png) center center no-repeat;
  background-size: cover;
  height: 408px;
  text-align: center;
}

#hpe_slider .hpe_slider_item02,
#hpe_slider .hpe_slider_item03,
#hpe_slider .hpe_slider_item04,
#hpe_slider .hpe_slider_item05 {
  display: none;
}

#hpe_slider li a {
  display: block;
  margin: auto;
  width: 980px;
}

#HPE_CONTENT *,
#HPE_PRODUCT_CONTENT-01 * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  color: #000 !important;
  line-height: 1 !important;
  list-style-type: none !important;
}

#HPE_CONTENT h2,
#HPE_PRODUCT_CONTENT-01 h2 {
  font-size: 36px !important;
  margin: 0 0 30px 0 !important;
}

#HPE_CONTENT h3{
  font-size: 20px !important;
  font-weight: bold !important;
  margin: 0 0 20px 0 !important;
}

#HPE_PRODUCT_CONTENT-01 h3 {
  font-size: 36px !important;
  margin: 0 0 30px 0 !important;
}

#HPE_CONTENT h4,
#HPE_PRODUCT_CONTENT-01 h4 {
  font-size: 24px !important;
  font-weight: bold !important;
  color: #15919a !important;
  margin: 0 0 15px 0 !important;
}

#HPE_CONTENT p,
#HPE_PRODUCT_CONTENT-01 p {
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
}

#HPE_CONTENT p a,
#HPE_PRODUCT_CONTENT-01 p a {
  font-size: 18px !important;
  color: #15919a !important;
}



#HPE_NAVIGATION {
  border-top: 1px solid #fff;
  position: relative;
  height: 60px;
  z-index: 1;
}

#HPE_NAVIGATION > div {
  background: #15919a;
  position: absolute;
  width: 100%;
  top: 0;
}

#HPE_NAVIGATION div > ul {
  max-width: 1024px;
  margin: auto;
}

#HPE_NAVIGATION div > ul > li {
  float: left;
  width: 182px;
  border-left: 1px solid #fff;
  position: relative;
}

#HPE_NAVIGATION div > ul > li > span {
  display: table;
  height: 60px;
  width: 182px;
}

#HPE_NAVIGATION div > ul > li > span > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

#HPE_NAVIGATION div > ul > li span a:hover {
  text-decoration: none;
  background: #81c4c9;
}

#HPE_NAVIGATION div > ul > li > span > a > img {
  vertical-align: middle;
}

#HPE_NAVIGATION div > ul > li:last-child {
  width: 60px;
  float: right;
}

#HPE_NAVIGATION div > ul > li:nth-last-child(2) {
    border-right: 1px solid #fff;
}

#HPE_NAVIGATION div > ul > li:last-child > span {
  width: 60px;
  border-right: 1px solid #fff;
}

#HPE_NAVIGATION div > ul > li > ul {
  background: #fff;
  border: 1px solid #15919a;
  border-top: none;
  border-bottom: none;
  position: absolute;
  width: 360px;
  display: none;
}

#HPE_NAVIGATION div > ul > li > ul > li {
  border-bottom: 1px solid #15919a;
  text-align: center;
}

#HPE_NAVIGATION div > ul > li > ul > li > a {
  display: block;
  padding: 10px;
  color: #333;
}

#HPE_NAVIGATION div > ul > li > ul > li > a:hover {
  text-decoration: none;
  background: #f7f7f7;
}



#HPE_CONTENT .hpe_lineup p {
  font-size: 15px !important;
}

#HPE_CONTENT .hpe_lineup p a {
  font-size: 15px !important;
  color: #15919a !important;
}

#HPE_CONTENT .hpe_block .hpe_block_inner {
  width: 980px;
  margin: auto !important;
}

#HPE_CONTENT .hpe_block01 {
  height: 500px;
  background: url(../img/bg_block01.png) center top no-repeat;
  background-color: #fff;
}

#HPE_CONTENT .hpe_block01 .ly {
  overflow: hidden;
  padding: 140px 0 !important;
}

#HPE_CONTENT .hpe_block01 .ly .ly-main {
  float: left;
  width: 476px;
}

#HPE_CONTENT .hpe_block01 .ly .ly-sub {
  float: right;
  width: 207px;
  margin: 0 140px 0 0 !important;
}

#HPE_CONTENT .hpe_block02 {
  height: 500px;
  background: url(../img/bg_block02.png) center top no-repeat;
  background-color: #d2f1f2;
}

#HPE_CONTENT .hpe_block02 .ly {
  overflow: hidden;
  padding: 140px 0 !important;
}

#HPE_CONTENT .hpe_block02 .ly .ly-main {
  float: right;
  width: 476px;
}

#HPE_CONTENT .hpe_block02 .ly .ly-sub {
  float: left;
  width: 261px;
  margin: 0 0 0 56px !important;
}

#HPE_CONTENT .hpe_block03 {
  background: url(../img/bg_block03.png) center top no-repeat;
  height: 840px;
  background-color: #fff;
}

#HPE_CONTENT .hpe_block03 .ly {
  overflow: hidden;
  padding: 140px 0 50px 0 !important;
}

#HPE_CONTENT .hpe_block03 .ly .ly-main {
  float: left;
  width: 476px;
}

#HPE_CONTENT .hpe_block03 .ly .ly-sub {
  float: right;
  width: 137px;
  margin: 0 140px 0 0 !important;
}

#HPE_CONTENT .hpe_lineup ul li {
  border: 1px solid #81c4c9;
  margin: 0 0 30px 0 !important;
  padding: 30px 40px !important;
  background: #fff;
}

#HPE_CONTENT .hpe_lineup ul li p {
  margin: 10px 0 0 0 !important;
}

#HPE_CONTENT .hpe_block04 {
  background: url(../img/bg_block04.png) center top no-repeat;
  background-color: #d2f1f2;
  padding: 0 0 100px 0 !important;
}

#HPE_CONTENT .hpe_block04 .hpe_block_inner > .ly {
  overflow: hidden;
  padding: 100px 0 50px 0!important;
}

#HPE_CONTENT .hpe_block04 .hpe_block_inner > .ly .ly-main {
  float: right;
  width: 476px;
}

#HPE_CONTENT .hpe_block04 .hpe_block_inner > .ly .ly-sub {
  float: left;
  width: 395px;
  margin: 85px 0 0 40px !important;
}

#HPE_CONTENT .hpe_block04 .hpe_lineup ul li {
  
}

#HPE_CONTENT .hpe_block04 .hpe_lineup ul li .ly {
  overflow: hidden
}

#HPE_CONTENT .hpe_block04 .hpe_lineup ul li .ly .ly-main {
  float: right;
  width: 640px;
}

#HPE_CONTENT .hpe_block04 .hpe_lineup ul li .ly .ly-sub {
  float: left;
  width: 230px;
  margin: 0 0 0 20px !important;
}



#HPE_PRODUCT_HEADER-01 {
  background: url(../img/bg_product01_header.jpg) center bottom no-repeat;
  background-color: #81c4c9;
  height: 614px;
}

#HPE_PRODUCT_HEADER-01 .inner {
  width: 980px !important;
  margin: auto !important;
}

#HPE_PRODUCT_HEADER-01 h2 {
  font-size: 36px !important;
  font-weight: normal !important;
  color: #fff !important;
  padding: 140px 0 10px 0 !important;
}

#HPE_PRODUCT_HEADER-01 p {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 2 !important;
  width: 440px !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block01 {
  background: url(../img/bg_product01_block01.jpg) center bottom;
  background-size: cover;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block01 .inner {
  width: 980px;
  padding: 80px 0 !important;
  margin: auto !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block01 .inner p {
  font-size: 18px;
  line-height: 2 !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 {
  background: #f2f2f2;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner {
  width: 980px;
  padding: 80px 0 !important;
  margin: auto !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul {
  overflow: hidden;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li {
  float: left;
  width: 476px;
  margin: 0 28px 28px 0 !important;
  background: #fff;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li:nth-child(2n) {
  margin: 0 0 28px 0 !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section h4 {
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 40px 40px 10px 40px !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .txt {
  padding: 0 40px 20px 40px !important;
  font-size: 18px !important;
  height: 6em;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .btn {
  margin: 0 40px 40px 40px !important;
  text-align: center;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .btn a {
  display: block;
  border: 1px solid #00929b;
  padding: 15px 0 !important;
  transition: .2s all linear;
  position: relative;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .btn a:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 15px;
  width: 5px;
  height: 10px;
  background: url(../img/bg_product01_btn_arrow.png);
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .btn a:hover {
  text-decoration: none;
  background: #00929b;
  color: #fff !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 .inner ul li section .btn a:hover:after {
  background: url(../img/bg_product01_btn_arrow_hover.png);
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block02 {
  background: #f2f2f2;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner {
  width: 980px;
  padding: 80px 0 !important;
  margin: auto !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul {
  overflow: hidden;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li {
  float: left;
  width: 476px;
  margin: 0 28px 28px 0 !important;
  background: #f2f2f2;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li:nth-child(2n) {
  margin: 0 0 28px 0 !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section h4 {
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 40px 40px 10px 40px !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .txt {
  padding: 0 40px 20px 40px !important;
  font-size: 18px !important;
  height: 6em;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .btn {
  margin: 0 40px 40px 40px !important;
  text-align: center;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .btn a {
  display: block;
  border: 1px solid #00929b;
  padding: 15px 0 !important;
  transition: .2s all linear;
  position: relative;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .btn a:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 15px;
  width: 5px;
  height: 10px;
  background: url(../img/bg_product01_btn_arrow.png);
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .btn a:hover {
  text-decoration: none;
  background: #00929b;
  color: #fff !important;
}

#HPE_PRODUCT_CONTENT-01 .HPE_PRODUCT_CONTENT-01_block03 .inner ul li section .btn a:hover:after {
  background: url(../img/bg_product01_btn_arrow_hover.png);
}


#HPE_PRODUCT_HEADER-02 {
  background: url(../img/bg_product02_header.jpg) center bottom no-repeat;
  background-color: #81c4c9;
  height: 260px;
}

#HPE_PRODUCT_HEADER-02 .inner {
  width: 980px !important;
  margin: auto !important;
}

#HPE_PRODUCT_HEADER-02 h2 {
  font-size: 30px !important;
  font-weight: normal !important;
  color: #fff !important;
  padding: 70px 0 0 0 !important;
}

#HPE_PRODUCT_HEADER-02 h2 span {
  font-size: 16px;
  vertical-align: middle;
}

#HPE_PRODUCT_HEADER-02 p {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 2 !important;
  width: 640px !important;
}


#HPE_PAR_HEADER-01 {
  background: url(../img/bg_par01_header.jpg) center bottom no-repeat;
  background-color: #81c4c9;
  height: 614px;
}

#HPE_PAR_HEADER-01 .inner {
  width: 980px !important;
  margin: auto !important;
}

#HPE_PAR_HEADER-01 h2 {
  font-size: 36px !important;
  font-weight: normal !important;
  color: #fff !important;
  padding: 240px 0 10px 0 !important;
}

#HPE_PAR_HEADER-01 p {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 2 !important;
  width: 440px !important;
}


#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block01 {
  background: url(../img/bg_par01_block01.jpg) center bottom;
  background-size: cover;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block01 .inner {
  width: 980px;
  padding: 80px 0 !important;
  margin: auto !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block01 .inner h3 {
  margin: 0 0 20px 0 !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block01 .inner p {
  font-size: 18px;
  line-height: 2 !important;
}


#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 {
  background: url(../img/bg_par01_block02.jpg) center bottom;
  background-size: cover;
  height: 480px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner {
  width: 980px;
  padding: 120px 0 0 0 !important;
  margin: auto !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner .ly {
  overflow: hidden;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner .ly-main {
  float: right;
  width: 476px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner h3 {
  margin: 0 0 20px 0!important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner p a {
  text-decoration: none !important;
  color: #15919a !important;
  font-size: 16px !important;
  font-weight: bold;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block02 .inner .ly-sub {
  float: left;
  width: 443px;
}



#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 {
  background: url(../img/bg_par01_block03.jpg) center bottom;
  background-size: cover;
  height: 480px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner {
  width: 980px;
  padding: 130px 0 0 0 !important;
  margin: auto !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner .ly {
  overflow: hidden;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner .ly-main {
  float: left;
  width: 476px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner h3 {
  margin: 0 0 20px 0!important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner p a {
  text-decoration: none !important;
  color: #15919a !important;
  font-size: 16px !important;
  font-weight: bold;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block03 .inner .ly-sub {
  float: right;
  width: 443px;
}


#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 {
  background: url(../img/bg_par01_block04.jpg) center bottom;
  background-size: cover;
  height: 480px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner {
  width: 980px;
  padding: 110px 0 0 0 !important;
  margin: auto !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner .ly {
  overflow: hidden;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner .ly-main {
  float: right;
  width: 476px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner h3 {
  margin: 0 0 20px 0!important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner p a {
  text-decoration: none !important;
  color: #15919a !important;
  font-size: 16px !important;
  font-weight: bold;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block04 .inner .ly-sub {
  float: left;
  width: 443px;
}


#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 {
  background: url(../img/bg_par01_block05.jpg) center bottom;
  background-size: cover;
  height: 473px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner {
  width: 980px;
  padding: 100px 0 !important;
  margin: auto !important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner .ly {
  overflow: hidden;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner .ly-main {
  float: left;
  width: 476px;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner h3 {
  margin: 0 0 20px 0!important;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner p a {
  text-decoration: none !important;
  color: #15919a !important;
  font-size: 16px !important;
  font-weight: bold;
}

#HPE_PAR_CONTENT-01 .HPE_PAR_CONTENT-01_block05 .inner .ly-sub {
  float: right;
  width: 443px;
}


#HPE_PAR_HEADER-02 {
  background: url(../img/bg_par02_header.jpg) center bottom no-repeat;
  background-color: #81c4c9;
  height: 260px;
}

#HPE_PAR_HEADER-02 .inner {
  width: 980px !important;
  margin: auto !important;
}

#HPE_PAR_HEADER-02 h2 {
  font-size: 30px !important;
  font-weight: normal !important;
  color: #fff !important;
  padding: 70px 0 0 0 !important;
}

#HPE_PAR_HEADER-02 h2 span {
  font-size: 16px;
  vertical-align: middle;
}

#HPE_PAR_HEADER-02 p {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 2 !important;
  width: 640px !important;
}

body {
  background: #f5f5f5;
}

.cpBoxDetail_none {
  margin-top: 30px;
}

#EtcWrap {
  margin: 50px auto;
}

.slick-prev
{
    background-image: url("/solutions_products/hybrid_cloud/hpe/img/hpe_slider_arrow_prev.png") !important;
}

.slick-next
{
    background-image: url("/solutions_products/hybrid_cloud/hpe/img/hpe_slider_arrow_next.png") !important;
}

div#footerLink #nisshoEleGNav { float: none; width: auto; margin: 0; }
nav#nisshoEleGNav ul {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #aaa;
}

nav#nisshoEleGNav ul li {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #616769;
  background: none;
  padding: 0;
}
nav#nisshoEleGNav ul li + li {
  margin-left: 25px;
}
@media screen and (max-width:767px) {
  nav#nisshoEleGNav ul li + li {
    margin-left: 0;
  }
}