body{
  padding: 0;
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p{
  padding: 0;
  margin: 0;
  color: #4B4B4B;
}

ul{
  list-style-type: none;
  padding: 0;
  margin: 0
}
li{
  padding: 0;
  margin: 0
}

i{
  margin-right: 10px;
}
.header-top{
  width: 1100px;
  margin: 0 auto;
  display: block;
  padding-left: 0px;
  padding-top: 20px;
}
.header-title h1{
  font-size: 28px;
  margin-top: 0px;
  color:#1A1A1A;
  letter-spacing: 2px;
}
.header-title h1 a{
  text-decoration: none;
  color: #000;
}
.header-title p{
  margin-bottom: 0px;
  color: #23B24A;
}

#header_right{
  display: block;
  float: right;
  margin-top: -70px;
  padding-right: 0px;
}
.header-add{
  float: left;
  margin-right: 20px;
}
.phone_fax p{
  display: inline-block;
  font-size: 19px;
  padding-left: 10px;
  font-weight: bold;
}
.phone_fax i{
  padding-right: 5px;
  color: #4B4B4B
}



/* ナビゲーション */
.main-nav{
  text-align: center;
  background: -moz-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: -webkit-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: linear-gradient(to bottom, #FFF 50%, #C8D4CE);
  border-top: solid 3px  #237C1F;
  border-bottom: solid 3px  #23B24A;
  font-size:0;

}
.main-nav-con > li{
  width: 135px;
  border-left: solid 2px #237C1F;
}
.main-nav-con > li:last-child{
  border-right: solid 2px #237C1F;
}

.main-nav li{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding:15px 0px 10px;
  line-height: 17px;
  background: -moz-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: -webkit-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: linear-gradient(to bottom, #FFF 50%, #C8D4CE);
}

.main-nav li:hover{
  background: -moz-linear-gradient(top, #C8D4CE 50%, #FFF);
  background: -webkit-linear-gradient(top, #C8D4CE 50%, #FFF);
  background: linear-gradient(to bottom, #C8D4CE 50%, #FFF);

}
.main-nav li.home{
  background: -moz-linear-gradient(top, #C8D4CE 50%, #FFF);
  background: -webkit-linear-gradient(top, #C8D4CE 50%, #FFF);
  background: linear-gradient(to bottom, #C8D4CE 50%, #FFF);

}
.main-nav li a{
  display: block;
  color: #001E0D;
  cursor:pointer;
  text-decoration: none;
}

.main-nav li span{
  color: #23B24A;
  font-size: 10px;
  font-weight: lighter;
}
.nav_bottom{
  background: -moz-linear-gradient(top, #23B24A 50%, #237C1F);
  background: -webkit-linear-gradient(top, #23B24A 50%, #237C1F);
  background: linear-gradient(to bottom, #23B24A 50%, #237C1F);
  height: 50px;
}

.main-img{
  background: -moz-linear-gradient(left, #237C1F 50%, #23B24A);
  background: -webkit-linear-gradient(left, #237C1F 50%, #23B24A);
  background: linear-gradient(to right, #237C1F 50%, #23B24A);
  text-align: center;
  border-top: solid 5px #CCCCCC;
}
.main-img img{
  vertical-align: middle;
}




/* wrap */

#wrap{
  background:url(../images/line_bg.jpg);

}
.inner{
  background-color: #fff;
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}
.wrap-box{
  width: 800px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 1em;
}

#newsbox{
  display: block;
  border: solid 1px #ccc;
  margin-bottom: 60px;
}
#newsbox .side-title{
  background: -moz-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: -webkit-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: linear-gradient(to bottom, #FFF 50%, #C8D4CE);
  color: #7B0000;
  padding:10px 10px 10px 20px;
}
#newsbox h1{
  font-size: 18px;
  margin: 0;
}
#newsbox h1 p{
  border-left: solid 6px  #237C1F;
  padding-left: 20px;
  color: #7B0000;
}

#newsbox .side-right-btn{
  float: right;
  margin-top: -42px;
  margin-right: 10px;
  background-color:#D20000;
  padding: 5px 10px;
  border: solid 1px #7B0000;
}
#newsbox .side-right-btn a{
  color: #fff;
  text-decoration: none;
}
#newsbox .side-right-btn a:hover{
  opacity: 0.6;
}
/* お知らせ部分 */

#newsbox .news-table{
  width: 750px;
  margin: 0 auto;
}

#newsbox td{
  border-bottom: dotted 1px;
  padding: 15px;
}
#newsbox .date{
  font-weight: bold;
  color: #7B0000;
  font-size: 13px;
}
#newsbox .text{
  font-weight: bold;
  color: #333;
  font-size: 13px;
}
#newsbox .text > a{
  font-weight: bold;
  color: #D60000;
  font-size: 13px;
  text-decoration: none;
}
#newsbox .news i{
  font-weight: bold;
  color: #FFA500;
  font-size: 16px;
  text-decoration: none;
}

#newsbox tr{
  font-weight: bold;
  color: #333;
}
#newsbox span{
  color: #D60000;
}


#footer-box{
  display: block;
  margin-top: 20px;
  border: solid 3px #ccc;
  margin-bottom: 60px;
}

#footer-box .footer-box{
  padding: 30px 20px 20px 30px ;
}
#footer-box p:first-child{
  font-weight: bold;
  color: #333;
  font-size: 15px;
  border-bottom: dotted 1px;
  padding-bottom: 10px;

}
#footer-box p:last-child{
  font-weight: bold;
  color: #333;
  font-size: 15px;
  padding-top: 10px;

}
#footer-box a{
  font-weight: bold;
  color: #FF4E58;
  font-size: 15px;
  margin-top: 30px;
  text-decoration: none;
}



/* 部会長挨拶 */

#contents{
  display: block;
  border: solid 1px #ccc;
}
#contents .contents-title{
  background: -moz-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: -webkit-linear-gradient(top, #FFF 50%, #C8D4CE);
  background: linear-gradient(to bottom, #FFF 50%, #C8D4CE);
  color: #001E0D;
  padding:10px 10px 10px 20px;
}
#contents h1{
  font-size: 25px;
  font-weight: lighter;
  margin: 0;
}
#contents h1 p{
  border-left: solid 6px  #237C1F;
  padding-left: 20px;
  letter-spacing:5px;
  color: #001E0D;
}
#contents h1 span{
  font-size: 12px;
  color: #23B24A;
  letter-spacing:2px;
  vertical-align: middle;
  padding-left: 10px;
}

.greeting-img{
  display: inline-block;
  padding-top: 30px;
  vertical-align: top;
}
.greeting-text{
    display: inline-block;
    width: 500px;
    padding: 30px 30px;
    line-height: 20px;
}
.greeting-text p{
    font-size: 15px;
    margin-bottom: 20px;
    letter-spacing:1px;
}

/* 部会について */
.contents_sub_title{
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: lighter;
    color:#333;
    letter-spacing:2px;
}
.contents_sub h2{
  background-color: #DCEBE5;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #CCCCCC;
  margin-top: 30px;
  padding: 7px 0px 7px 30px;
}
.contents_sub img{
  margin-left: 120px;
  margin-top: 20px;
}


.aboutus_box{
  display: block;
  border: solid 1px #ccc;
  font-size: 14px;
  width: 800px;
}
.aboutus_box .th-pink{
  background-color: #54BB90;
  padding: 14px;
}
.aboutus_box .th-deep{
 background-color: #A5C7BA;
 text-align: left;
 padding-left: 10px;
 font-weight: lighter;
 width: 100px;
}
.aboutus_box .th-light{
  background-color: #DBE8E7;
  text-align: left;
  padding: 14px;
  font-weight: lighter;
  width: 350px;
}
.aboutus_box .th-wh{
 border-bottom: dotted 1px;
 border-right:dotted 1px;
 color:#333;
 text-align: left;
 padding-left: 10px;
 font-weight: lighter;
 width: 150px;
}
.contents_pdf_box{
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  margin-top: 40px;
  padding: 10px 0px;
  width: 200px;
  background-color:#237C1F;
  border: solid 1px #7B0000;
}

.contents_pdf{
  text-decoration: none;
  color: #fff;
}
.contents_pdf_box:hover{
  opacity: 0.6;
}
#aboutus{
 margin-bottom: 60px;
}

/* お知らせ */
#information{
 margin-bottom: 60px;
}
.info_box{
border-left: solid 6px  #237C1F;
padding-left: 20px;
color: #7B0000;
margin-top: 30px;
margin-left: 30px;
}
.info_img{
  margin-top:20px;
}
.info_date{
display: inline-block;
font-weight: bold;
color: #7B0000;
font-size: 13px;
}
.info_news{
display: inline-block;
}
.info_title{
  font-weight: bold;
  color: #333;
  font-size: 15px;
}
.info_text{
  color: #333;
  font-size: 13px;
}
.info_link{
  margin-top: 5px;
  font-weight: bold;
  color: #333;
  font-size: 13px;
}
.info_link > a{
  font-weight: bold;
  color: #D60000;
  font-size: 13px;
  text-decoration: none;
}

/* 会員名簿 */
#membership{
 margin-bottom: 60px;
}
.membership_box{
  display: block;
  border: solid 1px #ccc;
  font-size: 14px;
  margin-top: 40px;
}
.membership_box .th-pink{
  background-color: #54BB90;
  padding: 13px;
}
.membership_box .th-light{
  width: 220px;
  background-color: #DBE8E7;
  padding: 13px;
  text-align: left;
}
.membership_box .th-deep{
 background-color: #A5C7BA;
 text-align: left;
 padding-left: 10px;
}

.membership_box .th-wh{
 border-bottom: dotted 1px;
 border-right: dotted 1px;
 color:#444;
 text-align: left;
 padding: 12px;
 font-weight: lighter;
}
.membership_box .th-wh span{
  font-size: 13px;
}

/* 講習案内 */
#guide{
 margin-bottom: 60px;
}
.guide_01{
  text-align: center;
}
.guide_pdf_left{
  display: inline-block;
}
.guide_pdf_left img{
  width: 200px;
}
.guide_pdf_right{
  display: inline-block;
  margin-left: 60px;
  vertical-align: top;
  margin-bottom: 40px;
}
.guide_pdf_box{
  margin-right: 20px;
  text-align: center;
  margin-top: 20px;
  padding: 10px 0px;
  width: 250px;
  background-color:#237C1F;
  border: solid 1px #7B0000;
}
.guide_02{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom:40px;
}


.guide_pdf_box02{
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  padding: 15px 0px;
  width: 600px;
  background-color:#237C1F;
  border: solid 1px #7B0000;
}

.guide_pdf_box02:hover{
  opacity: 0.6;
}

.guide_pdf{
  text-decoration: none;
  color: #fff;
}
.guide_pdf_box:hover{
  opacity: 0.6;
}
.guide02_left img{
  width: 200px;
}
.guide02_left{
  display: inline-block;
}
.guide02_right{
  display: inline-block;
  text-align: left;
  width: 400px;
  margin-left: 60px;
  vertical-align: top;
}

/* 一般の方へ */
#common{
 margin-bottom: 60px;
}
.common01{
  width: 600px;
  margin: 0 auto;
  margin-top: 40px;
}
.common_pdf_box{
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 20px;
  background-color:#237C1F;
  border: solid 1px #7B0000;
}

.common_pdf{
  text-decoration: none;
  color: #fff;
}
.common_pdf i{
  margin-right: 10px;
}
.common_pdf_box:hover{
  opacity: 0.6;
}
.common_banner{
  margin-top: 30px;
  text-align: center;
}
.common_banner:hover{
  opacity: 0.6;
}

/* リンク */
#link{
 margin-bottom: 60px;
}
.link_box{
  display: block;
  border: solid 1px #ccc;
}
.link_box .th-pink{
  width: 800px;
  background-color: #54BB90;
  padding: 14px;
}
.link_box .th-light{
  background-color: #DBE8E7;
  padding: 14px;
  font-weight: lighter;
}
.link_box .th-wh{
 border-bottom: dotted 1px;
 color:#333;
 text-align: left;
 padding-left: 30px;
}
.link_box .th-wh a{
 text-decoration: none;
 font-weight: lighter;
 color: #333;
}
footer{
  background: -moz-linear-gradient(top, #23B24A 50%, #237C1F);
  background: -webkit-linear-gradient(top, #23B24A 50%, #237C1F);
  background: linear-gradient(to bottom, #23B24A 50%, #237C1F);
  font-size: 12px;
  bottom: 0;
  width: 100%;
}
footer p{
  text-align: center;
  padding: 5px;
  color: #fff;
}
/* フッターナビ */
.footer-nav{
  border-top: solid 5px #ccc;
  text-align:center;
  font-size:0;

}
.footer-nav-con > li{
  padding: 20px;
}
.footer-nav-con > li:last-child{
}

.footer-nav li{
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
}
.footer-nav li i{
  margin-right: 5px;
  color: #23B24A;
}

.footer-nav a:hover{
  opacity: 0.6;

}
.footer-nav li a{
  display: block;
  color: #000;
  cursor:pointer;
  text-decoration: none;
}

.footer-nav li span{
  color: #23B24A;
  font-size: 10px;
  font-weight: lighter;
}
