* {
border: solid  0px white;
}
.clear{ clear:both}
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}
li {
    list-style-type: none;
}
p {
  line-height:28px;
}
a, a:hover{
  text-decoration:none;
}
body {
    text-align: center;
    /* background-color: #FFFFFF; */
    color: #3b372b;
    table-layout: fixed;
  background-image:url(/data/hp/0000/0000/0000/0029/images/web_bg.png);
  font-family: "MS Pゴシック", Arial;
}
.ethp_area_head_logo {
    float:left;
  width:41%;
  padding:15px 5px 0px 0px;
}
.ethp_area_head_logo img{
  width:100%;
  height:auto;
}
.ethp_area_head_right{
  width:47%;
  float:right;
  background: url(/data/hp/0000/0000/0000/0029/images/top_pic.jpg) no-repeat center top;
  background-size:100% 100%;
  /* height:106px; */
  position:relative;
  margin-top:5px;
  display:flex;
}
.ethp_area_head_title{
  font-size: 16pt;
  color:#ffffff;
  font-weight: bold;
  padding-left:15px;
  position:absolute;
  bottom:8px;
  float:left;
}
.extensible_img{
  width:100%;
  height:auto;
}
.ethp_switcheditlanguagelink {
  border-radius:5px;
 background:rgba(227,253,255,1);
  padding:0px 10px;
  font-weight:bold;
  color:black;
border: 2px solid #0099FF;
}
.ethp_switcheditlanguagelink:hover {
  border-radius:5px;
  background:rgba(227,253,255,1);
  padding:0px 10px;
  font-weight:bold;
  color:black;
 border: 2px solid #0099FF;
}
.ethp_switcheditlanguagelink,.ethp_area_head_link{
 margin: 0 0 0 auto;
}
.ethp_switcheditlanguagelink  a {
  color:black;
}
.ethp_switcheditlanguagelink  a:hover {
  color:red;
}
.ethp_area_head_switch {
  float:right;
  font-size: 9pt;
  display:block;
  margin-top:15px;
   padding-right:3%;
}
.ethp_area_head_link {
  float:left;
  margin-right: 5px;
  font-size: 9pt;
  margin-top:15px;
  text-align:right;
  width:67%;
}
.ethp_area_head_link a{
 border-radius:5px;
  background:rgba(227,253,255,1);
  padding:0px 10px;
  font-weight:bold;
  color:black;
  border: 2px solid #0099FF;
}
.ethp_area_head_link a:hover {
 border-radius:5px;
  background:rgba(227,253,255,1);
  padding:0px 10px;
  font-weight:bold;
  color:red;
 border: 2px solid #0099FF;
}

.ethp_area_menu_size
{
  width: 100%;
  display:inline-block;
  padding:0px;
  border-top:solid 5px rgba(19, 117, 254, 1);
  vertical-align:bottom;
}
#ethp_area_foot .bottomlink {
  background-image: url(/data/hp/0000/0000/0000/0029/images/arrow_right.png);
  background-repeat: no-repeat;
  margin-left: 15px;
  padding-left: 15px;
  color:#fff;
}
  
div#ethp_html_body {
  text-align: left;  
  border: 0px;
  background-color: #FFFFFF;
}
.colee_left{
  overflow:hidden;
  height:150px;
  margin:0px 10px 0px 10px;
}
@media screen and (max-width:360px) {
  body {
    width: 360px;
  }
  div#ethp_html_body {
    width: 360px;
    font-size: 10pt;
  }
  .event-img {
    width:350px;
  }
  .ethp_area_head_logo{
    padding:10px 5px 0px 0px;
  }
  .ethp_area_head_right{
    min-height:40px;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:10%;}
  .ethp_area_head_switch {
    margin-top:5px;
    font-size:60%;
  }
  .ethp_area_head_link {
    margin-top:5px;
    font-size:60%;
    padding-left:20%;
  }
  #president img{
    width:110px;
    height:110px;
    vertical-align:middle;}
  .page_title{
    font-size: 120%;
    padding:15px 0px 15px 30px;
  }
  #summary .number{
    float: left;
    width: 10%;}
  #summary .text{
    float: left;
    width: 90%;}
}
@media screen and (min-width:1024px) {
    div#ethp_html_body {
      margin: auto;
    width: 1024px;
    min-height:800px;
      font-size: 12pt;}
  .ethp_area_head_title{
    font-size: 16pt;
    color:#ffffff;
    font-weight: bold;
    padding-left:30px;
    position:absolute;
    bottom:20px;
    float:left;}
  .ethp_area_head_qrcode{
    float:left;
    width:106px;}
  .navi_title{
    font-size: 16pt;
    color:#ffffff;
  }
  .about_banner_title{
    padding:25px 0px 15px 35px;
  }
  .about_banner p{
      line-height:35px;}
  .ethp_area_head_right{
    height:106px;
  }
    .ethp_area_foot2 {
      margin-top:10px;
    }
    .ethp_area_foot_img {
      width: 1024px;
      height: 150px;
    }
  .event-img{
      width:1000px;
  }
  .about_banner{
    /*height:161px;*/
  }
  .midmenu_list li.left{
    float:left;
    width:337px;}
  .midmenu_list li.right{
    float:left;
    width:310px;}
  .ad_list li a.ad_left{
    width:310px;
    margin:0px 27px 20px 0px;
  }
  .ad_list li a.ad_right{
    width:310px;
    margin-bottom:20px;
  }
  .ad_list li a.left{
    width:239px;
    margin:0px 27px 20px 0px;
  }
  .ad_list li a.right{
    width:239px;
    margin-bottom:20px;
  }
  #summary .number{
    float: left;
    width: 5%;}
  #summary .text{
    float: left;
    width: 95%;
  }
  .midmenu_list li a{
    width:300px;
    height:209px;
    border:solid 5px #bfdad5;
    border-radius:20px;}
  .midmenu_list li a:hover{
    border:solid 5px #3377a6;
    border-radius:20px;}
    .midmenu_list li img{
    width:100%;
    height:140px;}
  .midmenu_list span{
    padding:18px;
    font-size:120%;}
  .midmenu_list li a.leftmenu{
      margin:20px 27px 0px 0px;}
    .midmenu_list li a.rightmenu{
      margin:20px 0px 0px 0px;}
  #ShotcutMenu a {
    line-height:91px;
    display: block;
    color: #ffff99;
    background: url(/data/hp/0000/0000/0000/0029/images/homemenu03.jpg) no-repeat;
    background-size:100%;
    text-align:right;
    font-weight:bold;
    padding-right:10px;}
  #president img{
    width:180px;
    height:180px;
    vertical-align:middle;}
  #president span{
    font-size:120%;}
    #table01 .title{
    width:130px;
      background-color: #f4f4f4;}
}

div#ethp_area_foot
{
  display:inline-block;
  background-image: URL(layout11_footer2b.png);
  background-repeat: repeat;
  margin-top:20px;}
.main_content{
  margin:20px 10px 20px 10px;
  display:inline-block;
}

@media screen and (max-width:1023px) {
  div#ethp_html_body {
    width: 100%;
    font-size: 10pt;
  }
    .ethp_area_foot_img {
      width: 100%;
      height: auto;
    }
  .navi_title{
    font-size: 14pt;
    color:#ffffff;
  }
  .link_Box ul li {
    float:left;
    width:195px;
  }
  .midmenu_list span {
      color: #333333;
    padding: 8px 18px;
      font-size: 15px;
      text-align: center;
  }
  .midmenu_list ul li {
    float:left;
    height:auto;
    width:30%;
    text-align:left;
    margin: 1.5%;}
  .midmenu_list li a{
    background: none;
    display: block;
    width: 100%;
    height: auto;
    border: solid 5px #bfdad5;
    border-radius: 20px;
  }
  .midmenu_list li img{
    width:100%;
    height:auto;}
  .ethp_area_head_title{
    font-size: 14pt;
    color:#ffffff;
    font-weight: bold;
    padding-left:30px;
    position:absolute;
    bottom:15px;
    float:left;}
  #ShotcutMenu ul li{
    float:left;
    height:60px;
    width:32%;
    margin-left:1%;
    margin-bottom:10px;
  }
  #ShotcutMenu a{
    display:block;
    line-height:60px;
    color: #ffff99;
    text-align:center;
    font-weight:bold;
    font-size:110%;
    background: url(/data/hp/0000/0000/0000/0029/images/homemenu03.jpg) no-repeat;
    background-size:100%;
    padding-right:10px;
  }
  .ad_list ul li{
    float:left;
    height:auto;
    width:30%;
    text-align:left;
    margin: 1.5%;}
  .ad_list li a{
    width: 100%;
    height: auto;
  }
  #table01 .title{
    width:130px;
      background-color: #f4f4f4;}
}
.ethp_area_foot3 {
  text-align:right;
  color: #ffffff;
  font-size: 10pt;
  padding-right: 10%;
}

.ethp_area_foot4 {
  text-align:center;
  color: #ffffff;
  font-size: 10pt;
  padding-bottom: 10px;
}

.ethp_area_position_path {
  clear:both;
  width: 100%;
  padding: 0px 10px 0px 20px;
  text-align: left;
  font-size: 11pt;
  background-image: URL(ethp_position1.gif);
  background-repeat: no-repeat;
}
.categoryTitle {
  font-weight: bold;
  line-height: 40px;
  height:40px;
  background: url(/data/hp/0000/0000/0000/0029/images/jiantou01.jpg) no-repeat left center;
  margin:20px 10px 0px 10px;
  padding-left:50px;
  clear:both;
}
.category1 {
  font-weight: bold;
  line-height: 40px;
  background: url(/data/hp/0000/0000/0000/0029/images/jiantou01.jpg) no-repeat left center;
  padding-left:50px;
}
.page_title{
  font-size: 160%;
  color:#fff;
  padding:30px 0px 30px 35px;
  /*font-family: "MS Pゴシック";*/
}
#news{
  margin:0px 10px 0px 10px;
}
#news li {
  border-bottom:1px dotted #ABABAB;
  padding: 12px 0 15px 100px;
  position: relative;}
#news li .date{
  color: #999;
  display: block;
  width: 100px;
  position: absolute;
  top: 12px;
  left: 0;}
#news li .newsIco{
  color: #FFF;
  display: block;
  line-height: 28px;
  width: 100px;
  position: absolute;
  top: 10px;
  left: 100px;
  text-align: center;
  font-family: "Yu Gothic";
  text-shadow:#000 2px 2px 2px;
  font-weight:bold;
  font-size:12pt;
  }
#news li .text{
  display: block;
  margin-left:110px;}

/** 總商会動向*/
.icoNews {
  background: #FF3399;
}
/**ニュース*/
.icoNews01 {
  background: #0000FF;
}
/** 対外交流*/
.icoNews02 {
  background: #ffc000;
}
/** 会員活動*/
.icoNews03 {
  //background: #33c033;
  background: #00CC00;
}
/** 社会貢献*/
.icoNews04 {
  background: #ff3300;
}
/** 代表理事発言*/
.icoNews05 {
  background: #008040;
}
/**関連動向*/
.icoNew {
  background: #00c0ff;
}

/**お知らせ*/
.icoInformNews {
  background: #FFC000;
}
/**新商品*/
.icoGoods {
  background: #008000;
}
/**新サービス*/
.icoService {
  background: #FF6600;
}
/**会員動向.会員アピール 会員活動*/
.icoAppealEvent {
  background: #00CC00;
}
/**会員動向.活動報告 会員活動*/
.icoVipEvent {
  background: #FF0066;
}
/**ビジネス創出*/
.icoBusiness {
  background: #0000FF;
}
/**親睦活動*/
.icoKonsin {
  background: #FF9900;
}
/**渉外活動*/
.icoSyogai {
  background: #335925;
}
/**イベント案内**/
.icoivent {
  background: #0070C0;
}
/**キャンペーン**/
.icocampaign{
 background: #4472C4;
}
/**セミナー**/
.icoseminar{
 background: #FF3399;
}
.link_Box ul li {
  border-bottom: 1px dotted #ABABAB;
  height: 60px;
  line-height: 60px;
}
.link_Box img {
  //height:40px;
  vertical-align:middle;
  min-width:140px;
  max-width:195px;
}
.link_Box a {
  display: block;
}
.midmenu_list{
  margin:0px 20px;
}
.midmenu_list li{
  width:33.33%;
  float:left;
}
.midmenu_list li a{
  display:block;}
.midmenu_list span{
  text-align:center;
  color:#333333;
  display:block;
}
   
@media screen and (min-width:361px) and (max-width:450px){
  .event-img{
    width:360px;
  }
  .ethp_area_head_logo{
    padding:5px 5px 0px 0px;
  }
  .ethp_area_head_right{
    min-height:45px;
    width:46%;
  }
  .ethp_area_head_switch {
    margin-top:5px;
    font-size:50%;
  }
  .ethp_area_head_link {
	margin-top:5px;
    font-size:50%;
	width:100%;
	text-align:center;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:10%;}
  #president img{
    width:120px;
    height:120px;
    vertical-align:middle;}
  .about_banner_title{
    padding:10px 0px 10px 25px;
  }
  .page_title{
    font-size: 120%;
    padding:15px 0px 15px 30px;
  }
  #summary .number{
    float: left;
    width: 10%;}
  #summary .text{
    float: left;
    width: 90%;}
}
@media screen and (min-width:451px) and (max-width:600px){
  .event-img{
    width:445px;
  }
  .ethp_area_head_logo{
    padding:10px 5px 0px 0px;
  }
  .ethp_area_head_right{
    min-height:57px;
    width:46%;
  }
  .ethp_area_head_switch {
    margin-top:7px;
    font-size:70%;
  }
  .ethp_area_head_link {
	margin-top:7px;
    font-size:70%;
	width:100%;
	text-align:center;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:10%;}
  .about_banner_title{
    padding:15px 0px 15px 25px;
  }
  #summary .number{
      float: left;
      width: 7%;}
    #summary .text{
      float: left;
      width: 93%;}
  #president img{
    width:130px;
    height:130px;
    vertical-align:middle;}
}
@media screen and (min-width:601px) and (max-width:767px){
  .event-img{
    width:600px;
  }
  .ethp_area_head_logo{
    padding:10px 5px 0px 0px;
  }
  .ethp_area_head_right{
    min-height:75px;
  }
  .ethp_area_head_switch {
    margin-top:5px;
    font-size:80%;
  }
  .ethp_area_head_link {
	margin-top:5px;
    font-size:80%;
	width:50%;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:11%;}
  .about_banner_title{
    padding:15px 0px 15px 25px;
  }
  #president img{
    width:140px;
    height:140px;
    vertical-align:middle;}
    #summary .number{
    float: left;
    width: 6%;}
  #summary .text{
    float: left;
    width: 94%;
  }
}
@media screen and (min-width:768px) and (max-width:900px){
  .event-img{
    width:767px;
  }
  .ethp_area_head_right{
    min-height:90px;
  }
  .ethp_area_head_switch {
    margin-top:10px;
    font-size:90%;
  }
  .ethp_area_head_link {
	margin-top:10px;
    font-size:90%;
	width:60%;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:11%;}
  .about_banner_title{
    padding:15px 0px 15px 25px;
  }
  .about_banner p{
      line-height:28px;}
    #summary .number{
      float: left;
      width: 4%;}
    #summary .text{
      float: left;
      width: 96%;}
}
@media screen and (min-width:901px) and (max-width:1023px){
  .event-img{
    width:900px;
  }
  .ethp_area_head_right{
    min-height:100px;
  }
  .ethp_area_head_qrcode{
    float:left;
    width:11%;}
  .about_banner_title{
    padding:25px 0px 25px 25px;
  }
  .about_banner p{
      line-height:35px;}
  #summary .number{
    float: left;
    width: 4%;}
  #summary .text{
    float: left;
    width: 96%;
  }
}
@media screen and (max-width:767px){
  .ethp_area_head_title{
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
    padding-left: 15px;
    position: absolute;
    bottom: 10px;
    float: left;
  }
  #ShotcutMenu a {
    line-height:60px;
    display: block;
    color: #ffff99;
    background: url(/data/hp/0000/0000/0000/0029/images/homemenu03.jpg) no-repeat;
    background-size:100%;
    font-weight:bold;
    font-size:100%;
    padding-right:10px;}
  .page_title{
    font-size: 120%;
    padding:25px 0px 25px 30px;
  }
} 
@media screen and (min-width:768px) and (max-width:1023px){
  .page_title{
    font-size: 160%;
    color:#fff;
    padding:30px;
  }
  #president img{
    width:150px;
    height:150px;
    vertical-align:middle;}
}
/** 广告CSS start**/
.ad_list{
  margin: 0px 10px 0px 10px;}
.ad_list li{
  float:left;
  }
.ad_list li a{
  display:block;
  line-height:60px;
  background: url(/data/hp/0000/0000/0000/0029/images/adv01.png) no-repeat;
  color:#fff;
  font-size:120%;
  font-weight:bold;
  text-align:center;
  }
  .ad_list li img{
   height:60px;
   vertical-align:middle;
  }
/** 广告CSS end**/

/** 總商会についてCSS**/
.navi_left{
  padding-left:15px;
  font-weight:bold;
  line-height:50px;
  font-size:120%;
  color:#fff;
  margin-left:10px;
  background: url(/data/hp/0000/0000/0000/0029/images/sidemenu_title_bar.jpg) no-repeat;
}
/** 右侧子菜单start**/
#sidebar{
  margin:20px 0px 20px 10px;
}
#sidebar li a:hover,#sidebar li .current{
  background-color:#f3f8fc;
}
#sidebar li a {
  line-height:40px;
  border-bottom:1px dotted #ABABAB;
  background-image: url(/data/hp/0000/0000/0000/0029/images/arrow-linkb.png);
  background-repeat: no-repeat;
  padding-left:35px;
  background-color:#FDFDFD;
  background-position: 15px center;
  font-size:110%;
  display:block;}
#sidebar li .submenu {
  padding-left:70px;
  background-position: 45px center;}
#sidebar li .submenu2 {
  padding-left:90px;
  background-position: 70px center;}
/** 右侧子菜单end**/
.bold{
  font-weight:bold;
}

/** 会长致辞CSS**/

@media screen and (max-width:600px){
  .midmenu_list ul li {
    float:left;
    height:auto;
    width:45%;
    text-align:left;
    margin: 2%;}
  .ad_list ul li{
    float:left;
    height:auto;
    width:auto;
    text-align:left;
    margin: 2%;}
  #ShotcutMenu a {
    line-height:60px;
    display: block;
    color: #ffff99;
    background: url(/data/hp/0000/0000/0000/0029/images/homemenu03.jpg) no-repeat;
background-size:100%;
    font-weight:bold;
    font-size:80%;
    padding-right:10px;}
  #table01 .title{
    width:100px;
    background-color: #f4f4f4;}
}
#message_left{
  float: left;
  width: 20%;
  margin-right: 2%;
}
#message_left h3{
  font-size: 140%;
  margin-top: 20px;
}
#message_right{
  float: left;
  width: 77%;
}
/** 组织构成CSS start**/
.list-origation{line-height:1.5;}
.list-origation li{
  padding:5px 0 5px 130px;
  position:relative;
}
.list-origation li .title{
  display:block;
  width:140px;
  position:absolute;
 // top:12px;
  left:0;
  font-weight:bold;
}
.list-origation li .text{
  display:block;
  padding-left:2em;
}
/**会員種類->会員説明 **/
.list-member{line-height:1.5;}
.list-member li{
  padding:5px 0 5px 10px;
  position:relative;
}
.list-member li .title{
  display:block;
  top:12px;
  left:0;
  font-weight:bold;
  color:#005492;
}
.list-member li .text{
  padding-left:2em;
  display:block;
}
/** 组织构成CSS end**/
.page_banner{
  background: url(/data/hp/0000/0000/0000/0029/images/contents_title_bar.png) no-repeat;
  overflow: hidden;
  border-radius: 10px;
  background-size: 100% 100%;
  background-position:right center;
  margin-right:10px;
}
/*中菜单横幅 start*/
.about_banner{
  background: url(/data/hp/0000/0000/0000/0029/images/midmenu_banner.png) no-repeat;
  overflow: hidden;
  border-radius: 10px;
  background-size: 100% 100%;
  background-position:right center;
  margin:0 auto;
  /* height:161px; */
}
.about_banner_title{
  font-size: 160%;
  color:#fff;
  /*font-family: "MS Pゴシック";*/
}
.banner_subtitle{
  font-size: 110%;
  color:#fff;
  padding-left:40px;
  /*font-family: "MS P明朝";*/
  text-shadow: #000 3px 3px 3px;
  padding-right:21%;
  line-height: 30px;
  text-indent:20px;}
/*中菜单横幅 end*/
.page_image{
  width:100%;
  height:auto;
}
/*cccj介绍 start*/
#table01{
  border-collapse:collapse;
}
#table01 td {
  border: 1px solid #e9e9e9;
  padding: 5px 10px;
}
#table01 td p {
  margin: 0 !important;
}
/*cccj介绍 end*/

/* 沿革Start*/
.ttl-dft{
  font-size:120%;
  line-height:1.3;
  font-weight:bold;
  margin:10px 0 4px;
  padding:3px 0 4px 20px;
  position:relative;
  border-bottom:1px solid #999;
}
.ttl-dft:before{
  content:"";
  display:block;
  background:#005486;
  width:4px;
  position:absolute;
  top:0;
  bottom:4px;
  left:3px;
}
.business-icon{
  float:left;
  width:3%;
  font-weight:bold;
  margin-right:2%;
}
.business-text{
  float:left;
  width: 95%;
}
.list-history{line-height:1.5;}
.list-history li{
  padding:12px 0 12px 110px;
  position:relative;
  border-bottom: 1px dotted #ABABAB;
}
.list-history li .date{
  display:block;
  width:10.4em;
  position:absolute;
  top:12px;
  left:0;
}

.list-history li .text{
  display:block;
  padding-left:5em;
}
/* 沿革end*/

/**各种联谊会 start*/
#manager_left{
  clear:both;
  float: left;
  width: 15%;
  margin:20px 2% 0px 3%;}
#manager_right{
  float: left;
  width: 77%;
  margin-top:20px;
}
.list_party_event li{
  margin:0px 10%;
}
.list_party_event li p{
  text-align:center;
}
/**各种联谊会 end*/

/**事业活动start*/
.business_event ul li {
  float:left;
  height:auto;
  width:48%;
  text-align:left;
  margin:0px 0px 0px 2%}
.subtitle{
  color: #005492;
  font-size: 16px;
}

#event_table{
  border-collapse:collapse;
  width:96%;
  margin:10px 10px 10px 20px;
}
#event_table td{
  border: 1px solid #e9e9e9;
  padding: 5px 10px;
}
#event_table th{
  text-align:center;
  background-color:#005492;
  color:#fff;
  border: 1px solid #e9e9e9;
  padding: 5px;
}
#list-pamphlet li {
  line-height:48px;
  height:48px;
  border-bottom:1px dotted #ABABAB;
  overflow:hidden;}
.vid-wrap{
    width:100%;//background: #000;
    position:relative;
   // padding-bottom:55.32%;/*需要用padding来维持16:9比例,也就是9除以16*/
  padding-bottom:44.50%;/*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 99%;
    object-fit: fill;
    margin-left:10px;

}
.kikansi{
    float: left;
    margin-left: 16px;
    margin-top: 20px;
}
.kikansi span{
    display: block;
    font-size: 120%;
    text-align: center;
}

.ethp_uptriangle{
        box-sizing: border-box;
        border: 5px solid transparent;
        border-bottom: 9px solid #ffff;
        position:absolute;
        top:10px;
        left:22px;
        z-index:2;
    }

.td_status_over{background:#CCCCCC;text-align:center;}/*状態：終了*/
.td_status_apply{background:#CCFF99;text-align:center;}/*状態：申込中*/
.td_status_plan{background:#CCFF99;text-align:center;}/*状態：予定*/