@charset "UTF-8";

 /* すべてのページに適用　*/
 html { 
  font-family:sans-serif;
  font-size:24px;
 }
 html * {
 box-sizing: border-box;
 }
 body { 
  margin: 0 2 0 6;
   background-color: #eeece9;
  }
 .wrapper {
   margin: 0 auto 0 auto;
   max-width: 960px;
}
  
 h1 {
 color:##000000;
 font-size: 48px;
 border-bottom: 3px dotted #3f5170;
 margin: 20px 2 20px 2;
 padding: 5px 5px 5px 5px;
}
 h2 {
 color:#009933;
 font-size: 32px;
 border-bottom: 3px dotted #3f5170;
 margin: 20px 2 20px 2;
 padding: 5px 5px 5px 5px; 
 }
 h3 {
 color:#000000;
 font-size: 24px;
 border-bottom: 3px dotted #3f5170;
 margin: 20px 2 20px 2;
 padding: 5px 5px 5px 5px; 
 }
 p {
 line-height: 1.6;
 font-family:serif;
 font-size:24px; 
  }
 li{
font-family:serif;
 font-size:24px;
}
 a:link{
   color: #0000FF;
 }
 a:visited {
   color: #d25833;
 }
 a:hover {
   color: #e3937a;
 }
 a:active {
   color: #ff6a3b;
 } 

 /* すべてのページに適用 - ヘッダー - */
 .logo {
   margin: 50px 0 40px 0;
   line-height: 0;
   text-align: center;
 }
 .nav li {
  display: inline;
  list-style-type: none;
  padding-right:5px;
 }
 .nav u1 {
  margin: 0 0 0 0;
  padding: 20px 50px 15px 30px;
  background-image: url{../images/menu-bg.png};
  background-repeat: repeat-x;
 }
 .nav a:link {
 color: #3c454d;
 text-decoration: none;
 }
  .nav a:visited {
 color: #3c454d;
 text-decoration: none;
 }
.nav a:hover {
 color: #7b8dac;
 text-decoration: none;
 }
 .nav a:active {
 color: #5a9bc0;
 text-decoration: none;
 }

/* すべてのページに摘要 - フッター- */
 .footer {
  background-image: url(../images/footer-bg.png); 
  background-repeat: no-repeat;
  margin-top: 30px;
  padding: 80px 15px 20px 15px;
 font-size: 12px;
 color: #3f5170;
 }

/* 個別のスタイル */
/* home.html */
 .home {
    margin:  15px 0 0 0;
}
.brb {
    display: flex;
    border-bottom: 1px dashed #bec2c7;
    padding: 20px 8px;
 }
 /* あとから/
.brphoto {
    margin-right: 16px;
     }
 /* あとから/
.news-item {
    margin: 0;
 }

/* gaiyou.html */
   .shot { 
   float:left;
   padding: 20px 10px 30px 0;
   margin-right: 20px; 
 }
/* 回り込みの解除？ */ 

 .clear {clear: both;}

  /* 役員 */
 .board {
   border-collapse: collapse;
 }
 .board th, .board td {
  padding: 8px;
  border: 1px solid #bec2c7;
 text-align: left;
 }
 .board th {
   background-color: #dde2ea;
   width: 150px;
   color: #3f5170;
   vertical-align: top;
}

/* branch.html */
 .brb {
    display: flex;
    border-bottom: 1px dashed #bec2c7;
    padding: 20px 8px;
 }
 .brphoto {
    margin-right: 16px;
     }
 .brtext {
   flex: 0 0 336px;
  }