@charset "utf-8";

/* =========================================================
 /ecoene/about/
========================================================= */

/* Common Parts
--------------------------------------------------------- */


table {
	width: 100%;
	border-top: 2px solid #17b9db;
}
table th {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #17b9db;
	background-color: #d1f1f8;
	text-align: center;
	font-weight: bold;
	color: #118ba4;
	word-break: break-all;
	vertical-align:top;
}

table tr td {
	padding: 10px;
	border-bottom: 1px solid #17b9db;
	background-color: #fff;
	word-break: break-all;
}

table tr .th_nrw {
	width: 76px;
	padding: 10px 0;
	background-color: #ccffff;
	text-align: center;
	font-weight: bold;
	color: #1478b4;
}
table tr th.th_nrw {
	border-right: 1px solid #a6f4f4;
}

/* ----- Tour buttons ----- */
.tour-btns {
	text-align: center;
}
.tour-btns a {
	width: 32.5%;
	margin-right: 3px;
}
.tour-btns a.last {
	margin-right: 0;
}
/* ----- Tour .nav-tabs ----- */
/* Default and suiryoku */
  #tour-tabs {
	padding: 16px 10px 1px 10px;
	background: transparent url(../../images/common/bg_blue_tab.png) left top repeat-x;
}



.nav-tabs {
	border-bottom: 0;
}
.nav-tabs li {
	/*width: 190px;*/
    width: 32.7586206896552%;
	margin-right: 5px;
	text-align: center;
}
.nav-tabs li a {
	width: 190px;
	padding: 12px 0 10px 0;
	display: inline-block;
	font-size: 16px;
	color: #3399ff;
	background-color: #fff;
}
.nav-tabs li a span {
	display: inline-block;
	font-weight:bold;
}
#tour-tabs .nav-tabs>li>a,  #tour-tabs .nav-pills>li>a {
	margin-right: 0;
}
.nav-tabs li.active a,  .nav-tabs li a:hover {
	padding-bottom: 13px;
}
.nav-tabs li a:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
.nav-tabs li.active a span,  .nav-tabs li a:hover span {
	color: #fff;
	background: transparent url(../images/hydraulic/cs_okutadami/icon_arrow_blue_on.png) left center no-repeat;
}
.nav-tabs>li>a {
	padding-left: 0;
	padding-right: 0;
}
.nav-tabs>.active>a,  .nav-tabs>.active>a:hover,  .nav-tabs>li>a:hover {
	color: #fff;
	padding-bottom: 13px;
	background-color: #3399ff;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.nav-tabs li.last {
	margin-right: 0;
}


/* ----- Title ----- */
h2 {
	color: #17b9db;
  }


/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .company h3 span,
  .ttl_03 span {
    background-image: url(../../assets/images/common/icon_other@x2.png);
    }
}


.philosophy-box{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/* ----- Sidebar Navigation ----- */

.catnavi #catnavi-ttl {
  padding: 23px 15px 19px 15px;
  background-color: #17b9db;
  display:block;
  -webkit-border-top-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  }
  
  
  .catnavi ul li a:hover {
    color: #099d0c;
    }

.catnavi #nav-outline {

  background: transparent url(/ecoene/assets/images/about/nav_s_01.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-outline.active,
  .catnavi #nav-outline:hover {
	  
    background: #099d0c url(/ecoene/assets/images/about/nav_s_01_on.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-message {
  background: transparent url(/ecoene/assets/images/about/nav_s_02.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-message.active,
  .catnavi #nav-message:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_02_on.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-staff {
  background: transparent url(/ecoene/assets/images/about/nav_s_03.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-staff.active,
  .catnavi #nav-staff:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_03_on.png) 0 center no-repeat;
    background-size: 227px;
    }
.catnavi #nav-adviser {
  background: transparent url(/ecoene/assets/images/about/nav_s_04.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-adviser.active,
  .catnavi #nav-adviser:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_04_on.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-cs {
  background: transparent url(/ecoene/assets/images/about/nav_s_05.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-cs.active,
  .catnavi #nav-cs:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_05_on.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-ps {
  background: transparent url(/ecoene/assets/images/about/nav_s_06.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-ps.active,
  .catnavi #nav-ps:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_06_on.png) 0 center no-repeat;
    background-size: 227px;
    }


/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.catnavi #nav-outline {
  background: transparent url(/ecoene/assets/images/about/nav_s_01@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-outline.active,
  .catnavi #nav-outline:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_01_on@x2.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-message {
  background: transparent url(/ecoene/assets/images/about/nav_s_02@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-message.active,
  .catnavi #nav-message:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_02_on@x2.png) 0 center no-repeat;
  background-size: 227px;
    }

.catnavi #nav-staff {
  background: transparent url(/ecoene/assets/images/about/nav_s_03@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-staff.active,
  .catnavi #nav-staff:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_03_on@x2.png) 0 center no-repeat;
  background-size: 227px;
    }
.catnavi #nav-adviser {
  background: transparent url(/ecoene/assets/images/about/nav_s_04@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-adviser.active,
  .catnavi #nav-adviser:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_04_on@x2.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-cs {
  background: transparent url(/ecoene/assets/images/about/nav_s_05@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-cs.active,
  .catnavi #nav-cs:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_05_on@x2.png) 0 center no-repeat;
    background-size: 227px;
    }

.catnavi #nav-ps {
  background: transparent url(/ecoene/assets/images/about/nav_s_06@x2.png) 0 center no-repeat;
  background-size: 227px;
  }
  .catnavi #nav-ps.active,
  .catnavi #nav-ps:hover {
    background: #099d0c url(/ecoene/assets/images/about/nav_s_06_on@x2.png) 0 center no-repeat;
    background-size: 227px;
    }

}




/* ----- Links ----- */
.company .link01 {
  height: 36px;
  line-height: 36px;
  background: transparent url(../../images/common/arrow_blue.png) left top no-repeat;
  }

.grid {
  background:transparent url(/ecoene/assets/images/about/bg_grid.png) 0 0 repeat;
  }



/* Responsive max-width: 768px
--------------------------------------------------------- */

@media screen and (max-width: 768px){
  
  .w310 {
    width: auto !important;
    }
  .pt30,
  .pb30,
  .p20 {
    padding: 10px !important;
    }
	
table th {
	padding: 5px;
	border-bottom: 1px solid #17b9db;
	background-color: #d1f1f8;
	text-align: center;
	font-weight: bold;
	color: #118ba4;
	word-break: break-all;
	vertical-align:top;
}

table tr td {
	padding: 5px;
	border-bottom: 1px solid #17b9db;
	background-color: #fff;
	word-break: break-all;
}
  
 
  .staff_summary.fl {
    float: none !important;
    }
  .staff_tags {
    text-align: center;
    }
  .staff_tags img {
    width: 25% !important;
    display: block;
    float: left;
    margin: 0 !import;
    }
  
  .staff_photo {
    width: 93.625% !important;
    float: none !important;
    margin: auto;
    }
  .staff_photo.fr {
    float: none !important;
    }
}