@charset "UTF-8";

/* リンク
----------------------------------------------- */

a {
	color: #20862c;
}

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



/* 金融相談ボタン
----------------------------------------------- */
.btn a {
position: relative;
display: inline-block;
padding: 8px 30px 8px 40px;
margin: 0 auto;
width: 6em;
text-decoration: none;
border-radius: 15px;
color: #ccc;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: 15px center;


}
.btn1 a {
	padding: 11px 25px 14px 40px;
	margin: 0;
	width: inherit;
	color: #333333;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	background-image: url(../img/icon/arw-right.png);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 20px center;


}


.btn1 a:hover {
	opacity: 0.8;
}


.btn {
	width: 355px;
	text-align: center;
	margin-top:20px;
}

/* 見出し
----------------------------------------------- */
h1 {
  position: relative;
  padding: 0.6em;
  background: #20862c;
  color:#fff;
  margin-bottom: 30px;
}

h1:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #20862c;
width: 0;
height: 0;
}

h2{
position: relative;
padding: 0.5em;
background: #20862c;
color: white;
margin: 50px 0px;
}

h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);

}


h3{
position: relative;
padding: 5px 5px 5px 42px;
background: #4f9c11;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
z-index:-1;
	margin-bottom: 20px !important;
	margin-top: 20px;
}

h3:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}



h4 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #71b739;/*左線*/
margin: 20px 0px;

}


/* テーブルデザイン
----------------------------------------------- */

table {
	margin: 10px 0px;
}

td {
	padding:10px;

}



/* テーブル共通デザイン
----------------------------------------------- */

table.tbl-cmn {
	margin: 10px 0px;
}

table.tbl-cmn {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.tbl-cmn th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.tbl-cmn td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* dt、dl、dd共通デザイン
----------------------------------------------- */
dl {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
zoom: 100%;
}

dt {
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: left;
line-height: 16px;
min-height: 16px;
font-weight: bold;
width: 170px !important;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 25px;
color: #20862c;
}

dd {

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
text-align: left;
line-height:150%;
padding-left: 195px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #DDDDDD;

}


/* 商工会とは　--- 組織図・役員一覧
----------------------------------------------- */

.tbl-yakuin {
margin-top: 20px;
border: 1px #cccccc solid;
border-collapse: collapse;
border-spacing: 0;
width: 650px;
margin-left: 10px;
}


.tbl-yakuin th {
padding: 10px;
border: #cccccc solid;
border-width: 0 0 1px 1px;
background-color: #55992b;
color: #ffffff;
font-weight: bold;
line-height: 120%;
text-align: left;
color: #ffffff;
}

.tbl-yakuin td {
padding: 5px;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
text-align: left;
}


.td-yakuin {
padding: 5px;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
text-align: left;
background-color: #e8ffd9;
}


/* サイドメニュー：共通
----------------------------------------------- */
.r-sidemenu {
	padding-left:20px;
	}
.sidemenu {
	border-bottom:2px solid #666;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.sidemenu a {
	color :#333;
		font-size:120%;
		text-decoration:none;
}

.sidemenu a .fa {
		color: #20862c;
		text-decoration:none;
}

.sidemenu-k {
	margin-bottom:30px;
	padding-left: 20px;
}

.sidemenu-k a {
	color: #333;
		text-decoration:none;
}


/* ul
----------------------------------------------- */
ul {

list-style-type: none;
}