@charset "UTF-8";
/*------------------------------
    RESET
--------------------------------*/
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, ul, ol {
  margin: 0;
  padding: 0; }

a, a:link, a:active, a:visited {
  color: #1111cc;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

a:hover {
  color: #C60;
  text-decoration: underline; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

ol, ul, li {
  padding: 0;
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

th, td {
  text-align: left;
  border: 1px solid #cccccc;
  padding: 7px 10px; }

th {
  background: #f5f5f5;
  font-weight: normal; }

img {
  border: 0;
  vertical-align: top; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=70 )"; }

a:hover img.not_filter {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )"; }

/*------------------------------
    装飾
--------------------------------*/
.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

/*------------------------------
    共通
--------------------------------*/
.gnav {
  font-size: 138.5%; }

.gnav li {
  line-height: 32px;
  margin-bottom: 18px; }

.gnav li a {
  display: block;
  height: 32px;
  background: url(images/common/arrow_gnav_off.png) no-repeat left center;
  padding-left: 43px;
  text-decoration: none;
  color: #333333; }

.gnav li a:hover {
  background: url(images/common/arrow_gnav_on.png) no-repeat left center;
  color: #1111cc;
  text-decoration: underline; }

h2 {
  border-bottom: 1px solid #696969;
  margin-bottom: 20px; }

.pan {
  margin-bottom: 5px; }

.pan li {
  display: inline-block;
  font-size: 77%;
  color: #696969; }

.pan li a {
  color: #696969; }

.link_btn {
  text-align: center; }

.link_btn a {
  display: inline-block;
  padding: 8px 50px;
  margin-top: 25px;
  border-radius: 6px;
  background: #3f86d5;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f86d5), to(#2b6db6));
  background: -webkit-linear-gradient(#3f86d5 0% #2b6db6 100%);
  background: -moz-linear-gradient(#3f86d5 0% #2b6db6 100%);
  background: -o-linear-gradient(#3f86d5 0% #2b6db6 100%);
  background: -ms-linear-gradient(#3f86d5 0% #2b6db6 100%);
  background: linear-gradient(#3f86d5 0%, #2b6db6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3f86d5', endColorstr='#2b6db6');
  font-size: 108%;
  color: #ffffff;
  box-shadow: 2px 2px 2px #CCC;
  -webkit-box-shadow: 2px 2px 2px #CCC; }

.link_btn a:hover {
  background: #FEAE31;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFE457), to(#FEAE31));
  background: -webkit-linear-gradient(#EFE457 0% #FEAE31 100%);
  background: -moz-linear-gradient(#EFE457 0% #FEAE31 100%);
  background: -o-linear-gradient(#EFE457 0% #FEAE31 100%);
  background: -ms-linear-gradient(#EFE457 0% #FEAE31 100%);
  background: linear-gradient(#EFE457 0%, #FEAE31 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#EFE457', endColorstr='#FEAE31');
  color: #E5005A;
  text-decoration: none; }

/*------------------------------
    BASE
--------------------------------*/
body {
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  background: url(images/common/bg.gif) repeat-x; }

#container {
  width: 960px;
  margin: 0px auto;
  overflow: hidden;
  height: 100%;
  min-height: 100%; }

body > #container {
  height: auto; }

#header {
  position: relative;
  height: 120px; }

#header h1 {
  height: 64px;
  width: 503px;
  position: absolute;
  top: 25px; }

#header .logo {
  height: 64px;
  width: 503px;
  position: absolute;
  top: 25px; }

#header .btn-members {
  position: absolute;
  top: 45px;
  right: 0;
  font-size: 18px; }
  #header .btn-members a {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px; }
    #header .btn-members a:hover, #header .btn-members a.active {
      text-decoration: none;
      background: #B3292C; }

#wrapper {
  padding: 30px 0;
  overflow: hidden; }

#side {
  float: left;
  width: 170px;
  padding-top: 10px; }

#main {
  float: right;
  width: 690px;
  border: 3px solid #696969;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 2px 2px 2px #CCC;
  -webkit-box-shadow: 2px 2px 2px #CCC;
  margin-right: 2px;
  font-size: 123.1%; }

#footer {
  clear: both;
  text-align: center; }

#footer .gnav {
  float: right; }

#footer .copyright {
  clear: both;
  font: 93% Arial, Helvetica, sans-serif; }

/*------------------------------
    ホーム
--------------------------------*/
.title_news {
  font: 85% Arial, Helvetica, sans-serif;
  color: #696969;
  border-bottom: 1px solid #696969; }

.news-wrap {
  height: 400px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 1em;
  margin-bottom: 50px; }

.news li {
  margin-bottom: 5px; }

.salutation p {
  margin-bottom: 30px; }

.salutation .images {
  float: left;
  margin: 0 25px 0 0; }

.salutation .name {
  text-align: right; }

/*------------------------------
    組合員紹介
--------------------------------*/
.members_list {
  font-size: 14px;
  margin-top: 25px; }

.members_list .num {
  text-align: center; }

.members_list td:last-child {
  white-space: nowrap; }

.member_detail h3 {
  margin-bottom: 5px; }

.member_detail .main_img {
  margin-bottom: 20px; }

.member_detail th {
  width: 25%; }

.member_detail table {
  margin-bottom: 20px; }

.section.img_box .row {
  overflow: hidden;
  margin-bottom: 10px; }

.section.img_box .row p {
  width: 165px;
  float: left;
  margin-right: 10px; }

.section.img_box .row p:last-child {
  margin-right: 0; }

/*------------------------------
    リンク
--------------------------------*/
.link_list li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #CCC; }

/*------------------------------
    活動報告
--------------------------------*/
.report-list li {
  float: left;
  width: 210px;
  font-size: 13px;
  margin-right: 30px;
  margin-bottom: 20px; }

.report-list li:nth-child(3n) {
  margin-right: 0; }

.report-list li:nth-child(3n+1) {
  clear: left;
  float: left; }

.report-list li img {
  width: 210px;
  margin-bottom: 5px; }

.imgGallery li {
  float: left;
  width: 165px;
  font-size: 13px;
  margin-right: 10px;
  margin-bottom: 10px; }

.imgGallery li:nth-child(4n) {
  margin-right: 0; }

.imgGallery li:nth-child(4n+1) {
  clear: left;
  float: left; }

.imgGallery li img {
  width: 165px;
  margin-bottom: 5px; }