@charset "UTF-8";
* {
  color: #000;
}

body {
  background: #eaeff2;
}

/* ============================================================================== */
/* header */
/* ============================================================================== */
header {
  border-bottom: 7px solid #0e84cf;
  background: #fff;
}

h1 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ヒラギノ明朝 Pro W3", "HiraMinPro W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #000;
}
h1 span {
  color: #000;
}

/* ============================================================================== */
/* nav */
/* ============================================================================== */
nav li a {
  color: #fff;
  background: #36c0e8;
  border: 1px solid #36c0e8;
}
nav li a:hover {
  background: #fff;
  border: 1px solid #36c0e8;
  color: #36c0e8;
}
nav li a.print {
  background: #0f90ab;
  border: 1px solid #0f90ab;
}
nav li a.print:hover {
  background: #fff;
  color: #0f90ab;
}

.mail {
  background: url(../images/icon.png) no-repeat -24px 0px;
}

.pdf {
  background: url(../images/icon.png) no-repeat -12px 0px;
}

/* ============================================================================== */
/* contents*/
/* ============================================================================== */
.shade {
  background: url(../images/shade.png) center top repeat-y;
}

h2 {
  color: #0e84cf;
}

h3 {
  color: #0592a8;
}

h4 {
  color: #36c0e8;
}

.pb_none {
  margin-bottom: -10px;
}

/* ============================================================================== */
/* bxslider */
/* ============================================================================== */
.bx-next {
  background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-prev {
  background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-pager a {
  background: #666;
}
.bx-pager .pager-active, .bx-pager a:hover {
  background: #0e84cf;
}

/* ============================================================================== */
/* footer */
/* ============================================================================== */
footer {
  background: #0e84cf;
}
footer p {
  color: #fff;
}
footer p a {
  color: #fff;
}
footer p a:hover {
  color: #36c0e8;
}

/* ============================================================================== */
/* 個別設定 */
/* ============================================================================== */
.bg_c1 {
  background: #0e84cf !important;
}

.bg_c2 {
  background: #36c0e8 !important;
}

.bg_c3 {
  background: #0f90ab !important;
}

.f_col1 {
  color: #0e84cf;
}

.f_col2 {
  color: #36c0e8;
}

.f_col3 {
  color: #0f90ab;
}

.red {
  color: #0f90ab;
}

.padding_none {
  padding: 0px !important;
}

.padding15 {
  padding: 15px;
}

/* ============================================================================== */
/* オリジナル設定 */
/* ============================================================================== */
h1 {
  margin-bottom: -10px;
}
h1 em {
  font-size: 16px;
  font-style: normal;
}
h1 span {
  display: block;
  margin-top: -5px;
  padding: 0px;
}

.grid-item {
  width: 300px !important;
  margin: 15px !important;
  position: relative;
}

.grid-item.x2 {
  width: 630px !important;
}

.grid-item.x3 {
  width: 960px !important;
}

#works {
  padding: 0px !important;
}
#works img {
  max-width: 960px;
  min-width: 760px;
  height: auto;
  margin-bottom: -5px;
}
#works h2 {
  display: none;
}

#greeting {
  background: url(../images/img_i1.jpg) no-repeat bottom left #d3f0f8;
  min-height: 600px;
}
#greeting div {
  margin: -15px -15px -15px 285px;
  background: #fff;
  width: 330px;
  padding: 20px;
}
#greeting ul {
  display: block;
  padding: 0px 0px 0px 15px;
}

#pr1 {
  background: #20AED7;
}
#pr1 img {
  margin: -15px -15px 10px -15px;
  width: 300px;
  height: auto;
}
#pr1 h3, #pr1 h2 {
  display: none;
}
#pr1 p, #pr1 strong {
  color: #fff;
}

#profile {
  position: relative;
}
#profile dt {
  float: left;
  width: 90px;
  padding-bottom: 5px;
}
#profile dt:after {
  content: ":";
  text-align: right;
}
#profile dd {
  padding-left: 90px;
  padding-bottom: 5px;
}

#map {
  float: right;
  background: url(../images/map.png) no-repeat top #b9e0eb;
  margin: -15px -15px -15px 0px;
  width: 500px;
  height: 405px;
  margin-left: 15px;
  overflow: hidden;
}