@charset "shift_jis";
/*-------------------------------------*/
/* 印刷範囲指定（メニューを除外）      */
/*-------------------------------------*/
@media print {
  /*
  .header_wrp{display:none;}
*/
  .side {
    display: none;
  }
  .footer_wrp {
    display: none;
  }
}
/*-------------------------------------*/
/* 全体構成                            */
/*-------------------------------------*/
html {
  width: 100%;
}
body {
  background-color: #FFF;
  background-image: url(../img/img_bg_grand03.gif);
  background-repeat: repeat;
  width: 100%;
}
HR {
  width: 95%;
  border: 1px solid #EEEEEE;
  margin: 15px auto;
}
ul, li {
  margin: 0;
  padding: 0;
}
#outline_top {
  width: 1200px;
  font-size: 85%;
  line-height: 20px;
  margin: 0 auto;
  background-color: #ccc;
}
#outline {
  width: 1200px;
  font-size: 85%;
  line-height: 20px;
  margin: 0 auto;
}
.h_line h1 {
  color: #efefef;
  text-align: center;
  margin: 0 auto;
  background: #000000;
}
.header_bg {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background-color: #66cdaa;
}
.header_wrp {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  background-color: #66cdaa;
}
.header_left {
  width: 200px;
  height: 100px;
  padding: 0px 10px 0px;
  float: left;
}
.header_center {
  width: 760px;
  height: 100px;
  float: left;
  padding-left: 0px;
}
.header_center_text {
  width: 500px;
  height: 100px;
  margin-left: 20px;
  float: left;
}
.header_right {
  width: 200px;
  height: 100px;
  padding: 0px 10px 0px;
  float: left;
}
.header_img {
  display: block;
  margin-top: 25px;
}
.header_banner {
  display: block;
  margin: 0 auto;
}
#inner {
  margin: 0 auto;
}
.side_and_main_w {
  width: 980px;
  height: auto;
  background-color: #FFF;
}
.side_and_main_g {
  width: 980px;
  height: auto;
  background-color: #ccc;
}
.side {
  width: 200px;
  padding: 20px 10px 10px 10px;
  background-color: #ccc;
  text-align: left;
  float: left;
}
.main {
  width: 760px;
  background-color: #FFFFFF;
  text-align: left;
  margin: 0px;
  font-size: 15px;
  line-height: 18px;
  float: left;
}
.side_banner {
  width: 200px;
  padding: 20px 10px 0px;
  float: left;
}
.line01 {
  width: 740px;
  padding: 10px;
}
.line01_i {
  width: auto;
  height: 250px;
  padding: 10px;
}
.footer_wrp {
  width: 100%;
  height: 100px;
  background-color: #66cdaa;
  clear: both;
}
.footer {
  width: 900px;
  height: 100px;
  text-align: center;
  margin: 0 auto;
  clear: both;
  color: #000;
}
/*----------------------------------------------------*/
/* 本文                                               */
/*----------------------------------------------------*/
.top_atcl {
  width: 710px;
  height: auto;
  margin: 5px auto;
  padding: 10px;
  font-size: 15px;
  line-height: 22px;
}
/*----------------------------------------------------*/
/* ナビゲーション                                     */
/*----------------------------------------------------*/
#nav {
  width: 200px;
  height: auto;
  margin: 0px;
  padding-bottom: 10px;
  border: solid 1px #cccccc;
  background-color: #ccc;
}
.nav_01 {
  display: block;
  width: 180px;
  height: 23px;
  margin-top: 5px;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: url(../img/btn01_01.png) no-repeat;
}
.nav_02 a {
  display: block;
  width: 180px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 14px;
  color: #000;
  background: url(../img/img_triangle01.png) no-repeat;
  background-position: top 5px left 0px;
}
.nav_02 a:hover {
  color: #999;
}
.nav_03 a {
  display: block;
  width: 175px;
  height: 13px;
  margin-top: 5px;
  margin-left: 15px;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 13px;
  color: #000;
  background: url(../img/img_disk01.png) no-repeat;
  background-position: top 5px left 0px;
}
.nav_03 a:hover {
  color: #999;
}
.nav_04 a {
  display: block;
  width: 180px;
  height: 23px;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: url(../img/btn02_01.png) no-repeat;
}
.nav_04 a:hover {
  color: #999;
  background: url(../img/btn02_02.png) no-repeat;
}
.nav_05 a {
  display: block;
  width: 190px;
  height: 23px;
  margin-top: 10px;
  margin-left: 5px;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.nav_05 a:hover {
  color: #999;
}
.nav_06 a {
  display: block;
  width: 170px;
  height: auto;
  border: 1px solid #333;
  margin-top: 10px;
  margin-left: 10px;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  color: #000;
  background-color: #FFF;
}
.nav_06 a:hover {
  color: #999;
}
.nav_07 a {
  display: block;
  width: 175px;
  height: 13px;
  margin-top: 5px;
  margin-left: 15px;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 13px;
  color: #000;
  background: url(../img/img_line01.png) no-repeat;
  background-position: top 5px left 0px;
}
.nav_07 a:hover {
  color: #999;
}
.nav_08 a {
  display: block;
  width: 180px;
  height: 23px;
  margin-top: 5px;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: url(../img/btn01_01.png) no-repeat;
}
.nav_08 a:hover {
  color: #999;
  background: url(../img/btn01_02.png) no-repeat;
}
.nav_09 a {
  display: block;
  width: 180px;
  height: 23px;
  margin-top: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: url(../img/btn01_01.png) no-repeat;
}
.nav_09 a:hover {
  color: #999;
  background: url(../img/btn01_02.png) no-repeat;
}
.nav_10 {
  display: block;
  width: 180px;
  height: 14px;
  margin-top: 5px;
  margin-left: 10px;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 14px;
  color: #000;
  background: url(../img/img_triangle01.png) no-repeat;
  background-position: top 5px left 0px;
}
/***リンク関係***/
a {
  /*リンクされた文字*/
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
  color: #000;
}
a:link {
  /*未訪問のリンク*/
  font-style: normal;
  text-decoration: none;
  color: #000;
}
a:visited {
  /*訪問後のリンク*/
  text-decoration: none;
  color: #000;
}
a:hover {
  /*マウスをのせたとき*/
  font-style: normal;
  text-decoration: none;
  color: #000;
}
a:active {
  /*クリック中*/
  text-decoration: none;
  color: #000;
}
/*----------------------------------------------------*/
/* トップページフォトスライダー                       */
/*----------------------------------------------------*/
.wrapper_slider {
  width: 700px;
  height: auto;
  margin: 10px auto;
}
.bxslider {
  width: 700px;
  height: 250px;
  margin: 0 auto;
  padding: 0;
}
/*----------------------------------------------------*/
/* トップページNEWSボックス / 研究会開催日程ボックス  */
/*----------------------------------------------------*/
.newsbox_wrp {
  width: 100%;
  height: auto;
}
.newsbox {
  width: 735px;
  height: 700px;
  margin: 0px 0px 20px 0px;
  border: 1px solid #c0c0c0;
  background-color: #FFF;
  text-align: left;
  overflow: auto;
}
.news_txt01 p {
  width: 95%;
  margin: 10px 0px 20px 20px;
  line-height: 1.35rem;
  color: #212529;
}
p.news_title {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: bold;
  font-size: 115%;
  line-height: 1.75rem;
  margin-left: 1.2rem;
}
/*----------------------------------------------------*/
/* トップページ会誌部分（２カラム）                   */
/*----------------------------------------------------*/
.top_kaishi_wrp {
  width: 710px;
  height: auto;
  margin: 5px auto;
  padding: 10px;
  border: 1px solid #C0C0C0;
}
.top_kaishi_left {
  width: 230px;
  height: auto;
  float: left;
}
.top_kaishi_right {
  width: 460px;
  height: auto;
  float: left;
  padding: 10px;
}
.top_kaishi_right p {
  font-size: 0.9em;
  line-height: 1.1em;
}
/*-----------------------------------------------*/
/* テーブル01                                    */
/*-----------------------------------------------*/
.tbl01 {
  border-collapse: collapse;
  margin: 0 auto;
}
.tbl01 tr td {
  padding: 5px 10px 5px 10px;
}
.tbl01 .td01 {
  width: 127px;
  color: #fff;
  background-color: #099;
  font-size: 14px;
  font-weight: bold;
}
.tbl01 .td02 {
  width: 527px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
/*-----------------------------------------------*/
/* テーブル02                                    */
/*-----------------------------------------------*/
.tbl02 {
  border-collapse: collapse;
  margin: 0 auto;
}
.tbl02 tr td {
  padding: 5px 10px 5px 10px;
}
.tbl02 .td01 {
  color: #fff;
  background-color: #099;
  font-size: 14px;
  font-weight: bold;
}
.tbl02 .td02 {
  width: 147px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
.tbl02 .td03 {
  width: 397px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
.tbl02 .td04 {
  width: 127px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
/*-----------------------------------------------*/
/* テーブル03                                    */
/*-----------------------------------------------*/
.tbl03 {
  border-collapse: collapse;
  margin: 0 auto;
}
.tbl03 tr td {
  padding: 5px 10px 5px 10px;
}
.tbl03 .td01 {
  color: #fff;
  background-color: #099;
  font-size: 14px;
  font-weight: bold;
}
.tbl03 .td02 {
  width: 267px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
.tbl03 .td03 {
  width: 427px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
/*-----------------------------------------------*/
/* テーブル04                                    */
/*-----------------------------------------------*/
.tbl04 {
  border-collapse: collapse;
  margin: 0 auto;
}
.tbl04 tr td {
  padding: 5px 10px 5px 10px;
}
.tbl04 .td01 {
  color: #fff;
  background-color: #099;
  font-size: 14px;
  font-weight: bold;
}
.tbl04 .td02 {
  width: 406px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
/*-----------------------------------------------*/
/* テーブル05                                    */
/*-----------------------------------------------*/
.tbl05 {
  border-collapse: collapse;
  margin: 0 auto;
}
.tbl05 tr td {
  padding: 5px 5px 5px 5px;
}
.tbl05 .td01 {
  color: #fff;
  background-color: #099;
  font-size: 14px;
  font-weight: bold;
}
.tbl05 .td02 {
  width: 137px;
  color: #000;
  background-color: #fff;
  font-size: 12px;
}
.tbl05 .td03 {
  width: 427px;
  color: #000;
  background-color: #fff;
  font-size: 13px;
}
.tbl05 .td04 {
  width: 107px;
  color: #000;
  background-color: #fff;
  font-size: 12px;
}
/*-------------------------------------*/
/* 背景色                              */
/*-------------------------------------*/
.bg_orange01 {
  background-color: #FC3;
}
.bg_blue01 {
  background-color: #CFF;
}
.bg_brown01 {
  background-color: #C90;
}
.bg_green01 {
  background-color: #6C3;
}
.bg_green02 {
  background-color: #099;
}
/*-------------------------------------*/
/* レイアウト調整                      */
/*-------------------------------------*/
.m_l_10 {
  margin-left: 10px;
}
.m_l_15 {
  margin-left: 15px;
}
.m_l_20 {
  margin-left: 20px;
}
.m_l_25 {
  margin-left: 25px;
}
.m_l_30 {
  margin-left: 30px;
}
.t_indent_10 {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}
.t_indent_20 {
  display: inline-block;
  margin-left: 20px;
  margin-right: 5px;
}
.t_indent_30 {
  display: inline-block;
  margin-left: 30px;
  margin-right: 5px;
}
/***段組み設定***/
dt {
  clear: left;
  float: left;
  width: 25em;
  margin: 0;
  padding: 0.2em;
  line-height: 12px;
}
dd {
  margin: 0 0 0 25em;
  padding: 0.2em;
  line-height: 12px;
}
/***中央寄せ***/
.center {
  text-align: center;
}
.block_center {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/*-------------------------------------*/
/* リスト形式                          */
/*-------------------------------------*/
.list_square01 {
  font-size: 15px;
  list-style-type: square;
  list-style-position: outside;
  padding-left: 1px;
  margin-left: 1em;
}
.list_square02 {
  font-size: 15px;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1px;
  margin-left: 1em;
  margin-bottom: 5px;
}
/*-------------------------------------*/
/* ページ内リンク・トップへ            */
/*-------------------------------------*/
#navi_page_top {
  width: 150px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 200px;
  font-size: 77%;
}
#navi_page_top a {
  text-decoration: none;
  font-size: 5px;
  width: 150px;
  height: 40px;
  padding: 0px;
  display: block;
  background-image: url(../img/btn_to_top_01.png);
  background-repeat: no-repeat;
}
#navi_page_top a:hover {
  text-decoration: none;
  background-image: url(../img/btn_to_top_02.png);
  background-repeat: no-repeat;
}
/*-------------------------------------*/
/* clearfix指定                        */
/*-------------------------------------*/
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End Hack */
.bannerButton:hover {
    background-color: rgba(240,136,0,0.40);
}
.bannerButton {
    border-radius: 1rem;
    background-color: rgba(89,84,179,0);
    border: 0px solid lightgray;
    width: 250px;
    height: 36px;    
}