@chareset "utf-8";

/* 基本要素 */
body {
  margin: 0;
  padding:0;
  color:#333333;
  background-color: #fcf9ee;
}
a { color: #b7a077; }
a:visited { color: #a8a8a8; }
a:hover {
  color: #988564;
  font-weight: bold;
  text-decoration: none;
}
a img: { transition: opacity 0.2s linear; }
a:hover img { opacity: 0.7; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p {
  margin-top: 0;
  line-height: 1.6;
}
img { vertical-align: bottom; }

#main h1 {
  background-image: url(../images/header_bg.jpg);
  padding: 10px 30px 10px 20px;
  margin: 10px 0;
  font-size: 24px;
  border-bottom: solid 5px #498262;
}
#main h2 {
  font-size: 18px;
  color: #f7f5eb;
  background-color: #398A3B;
  padding: 5px 20px;
  margin: 0 0 0 10px;
  border-radius: 28px;
}
#main h3 {
  font-size: 16px;
  border-left: solid 5px #67BA59;
  border-bottom: solid 2px #67BA59;
  margin: 50px 0 10px 10px;
  padding: 4px 9px 4px 14px;
}
#main h4 {
  font-size: 16px;
  color: #f7f5eb;
  background-color: #398A3B;
  padding: 5px 20px;
  margin: 0 0 0 10px;
  border-radius: 28px;
}
#main h5 {
  font-size: 16px;
  position: relative;
  margin: 5px 0 5px 10px;
  padding: 4px 8px 8px 30px;
}
#main h5:before,
#main h5:after {
  position: absolute;
  content: '';
  border-radius: 100%
}
#main h5:before {
  top: 3px;
  left: 3px;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #5858ed;
}
#main h5:after {
  top: 10px;
  left: 10px;
  width: 13px;
  height: 13px;
  background: #b2b2b2;
}
#main p {
  font-size: 16px;
  margin: 10px;
}
#greeting3 img {
  float: right;
  margin: 10px 20px 10px 20px;
}
.bosyu {
  float: right;
  margin: 30px 30px 10px 20px;
}
/* ヘッダー */
header {
  width: 980px;
  margin: 0 auto;
}
#header_top {
  background-color: #1d915c;
  color: #f7f5eb;
  padding: 5px;
}
header h1 {
  float: left;
  margin: 20px 40px 20px 10px;
}
header #title {
  float: right;
  margin: 200px 30px 20px 10px;
}

#pulldown ul li div{
	padding: 0;
	display: none;
}
/* ナビゲーション */
#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 244px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
/* wrapper */
#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
#wrapper2 {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
/* メイン */
#main {
  width: 725px;
  float:left;
}
/* サイド */
#sidebar {
  width: 225px;
  float: right;
}
#side_banner { margin-bottom: 30px; }
#side_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#side_banner ul li{ margin-bottom: 20px; }
#side_contact { margin-bottom: 30px; }
#side_contact {
  border: 1px solid #b7a077;
  color: #7f7259;
  text-align: center;
}
#side_contact h2 {
  background-color: #b7a077;
  color: #fff;
  padding: 7px;
  font-size: 14px;
}
#side_contact address {
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
  padding: 20px;
}
#side_contact address img {
  vertical-align: middle;
  margin-right: 5px;
}
#side_contact .contact_button {
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color:#b7a077;
  padding: 10px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
}
#side_contact .contact_button:hover{
  background: #b7a077;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
  background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
  background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
  color: #fff;
}
/* フッター */
footer {
  background-color: #95760b;
  text-align: center;
}
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}
/* パンくず */
#breadcrumb { font-size:smaller; }
#breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after {content: none; }

/* メインビジュアル */
#main_visual {
  width: 980px;
  height: 240px;
  margin: 0 auto 48px;
}
#photolist{
  position: relative;
  padding: 0;
}

#photolist li{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
}
/* こだわり */
#point { margin-bottom: 30px; }
#point section {
  margin-bottom: 10px;
  overflow: hidden;
}
#point img {
  padding: 10px;
}
/* 更新情報 */
#news dl {
  padding: 0 30px;
  overflow: hidden; }
#news dt {
  width: 8em;
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news dd {
  margin-left: 8em;
  margin-bottom: 10px;
}
#news a {
  color: #333;
}
/* サブナビ */
#sub_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#sub_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sub_navi ul li {
  width: 243px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
#sub_navi ul li a {
  padding: 20px;
  display: block;
  background: rgb(208,228,247); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 16%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 84%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 16%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 84%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 16%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 84%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #f7f5eb;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#sub_navi ul li.current a {
  background: rgb(208,228,247); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(104,144,209,1) 16%, rgba(9,86,181,1) 50%, rgba(76,145,206,1) 84%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(104,144,209,1) 16%,rgba(9,86,181,1) 50%,rgba(76,145,206,1) 84%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(104,144,209,1) 16%,rgba(9,86,181,1) 50%,rgba(76,145,206,1) 84%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#sub_navi ul li a:hover {
  background: rgb(208,228,247); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* テーブル */
#wrapper table {
  width: 480px;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#wrapper th,
#wrapper td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#wrapper th {
  background-color: #f1ede4;
  text-align: left;
  width: 8em;
}
#wrapper td {
  background-color: #ffffff;
  text-align: left;
}
#wrapper2 table {
  width: 480px;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#wrapper2 th,
#wrapper2 td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#wrapper2 th {
  background-color: #f1ede4;
  text-align: left;
  width: 8em;
}
#wrapper2 td {
  background-color: #ffffff;
  text-align: left;
}
/* 会社情報 */
#profile table {
  width: 650px;
  margin: 5px 25px;
}
#profile p {
  margin: 5px 25px;
}
#member table {
  width: 950px;
  margin: 5px 25px;
}
#member2 table {
  width: 670px;
  margin: 5px 25px;
}
#profile_photo ul {
  list-style: none;
}
#profile_photo ul li {
  padding: 0 5px 2px 5px;
  text-align: center;
}
  #partner table {
    width: 275px;
    margin: 5px 40px;
  }
#channel_dealer { float: right; }
#other_partner { float: left; }
#map {
  clear: both;
}
#greeting ul,
#rikuso ul.photo,
#haken ul.photo {
  list-style: none;
}
#greeting ul li,
#rikuso ul.photo li,
#haken ul.photo li {
  float: right;
  padding: 10px;
}
.message img {
  margin: 20px 126px;
}
#rikuso p,
#haken p {
  width: 480px;
  margin: 20px;
}
#greeting p {
  width: 700px;
  margin: 20px;
}
#greeting p.right {
  text-align: right;
  padding: 30px 10px;
}
#profile h3,
#map h3,
#history h3,
#partner h3,
#greeting h3 {
  font-size: 16px;
  border-left: solid 5px #6868d8;
  border-bottom: solid 2px #6868d8;
  margin: 50px 0 10px 10px;
  padding: 4px 9px 4px 14px;
}
/* 入会案内 */
#nyukai table {
  width: 650px;
  margin: 5px 25px;
}
#nyukai p {
  margin: 5px 25px;
}
/* 環境方針 */
#main p.policy_visual {
  float: left;
}
.policy_visual {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative; /* 相対位置指定 */
}
.policy_visual img {
  width: 100%;
}

.text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: rgba(0,0,0,0.2); /* 帯の透明度 */
  position: absolute;/* 位置指定 */
  top: 30px;
  left: 20px;
}
#policy_name p {
  padding: 0px 5px;
}
#policy_name p.right {
  text-align: right;
  padding: 30px 10px;
}
#policy_em ol li {
  padding 30px;
}
/* お問い合わせ */
#entry dl {
  background: #f1ede4;
  border: 1px solid #ddd;
  border-top: 0;
}
#entry dl dt,
#entry dl dd {
  padding: 10px;
  border-top: 1px solid #ddd;
}
#entry dl dt {
  width: 13em;
  float: left;
  clear: both;
  font-weight: bold;
}
#entry dl dd {
  background-color: #fff;
  border-left: 1px solid #ddd;
  margin-left: 13em;
}
.must { color: #f00; }
#entry #name {
  width: 15em;
  padding: 3px;
}
#entry #email {
  width: 25em;
  padding: 3px;
}
#entry #questionnaire2 {
  margin-left: 15px;
}
#entry #detail {
  width: 32em;
  height: 15em;
}
#entry #submit_button_cover {
  text-align: center;
}
#greeting3 .president {
  text-align: center;
}