@charset "UTF-8";

/*　wrapper
-------------------------*/
html,body{margin:0;padding:0}

body{
text-align:center;
font-family:"Meiryo","ＭＳ Ｐゴシック","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","MS UI Gothic","Osaka",sans-serif;
font-size:13px;
line-height:1.7em;
color:#333;
background: url(../img/bg.gif) left top;
}
img{
	border:0;
	}
a:link{
	color:#069;
	text-decoration:none;
	}
a:visited{
	color:#969696;
	text-decoration:none;
	}
#bgwrapper {
	width: 100%;
	height: 100%;
	background: url(../img/bg2.gif) center top repeat-y;
	overflow: hidden;
}
#wrapper {
	width:950px;
	margin:0px auto 30px;
	padding:0px;
	text-align:left;
	overflow: hidden;
	}
#header {
	margin: 0 0 30px 0;
	padding: 25px 0 0 0;
	width: 950px;
	height: 65px;
	background: url(../img/header_line.gif) center bottom no-repeat;
	font-size: 15px;
	color: #0ba2d8;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	overflow: hidden;
}
#menu {
	margin: 0 0 30px 0;
	padding: 0;
	width: 220px;
	float: left;
	overflow: hidden;
}
#main {
	margin: 0 0 30px 0;
	padding: 0;
	width: 700px;
	float: right;
}
#footer {
	margin: 0;
	padding: 15px 0;
	width: 950px;
	font-size: 11px;
	color: #2eb4e4;
	line-height: 1.5em;
	text-align: center;
	clear: both;
	background: url(../img/header_line.gif) center top no-repeat;
}
.floatl { float: left; margin:0 10px 0 0;}
.floatr { float: right; margin:0 0 0 10px;}
.mb1 { margin: 0 0 30px 0;}
.mb2 { margin: 0 0 60px 0;}

.header-ad {
    margin: 0;
    padding: 0;
	width: 350px;
}

.gotop {
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	text-align: right;
	border-top: 1px dotted #0ba2d8;
	font-size: 11px;
}
.pan {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
}
.pan a:hover {
	text-decoration: underline;
}

.count {
	margin: 0;
	padding: 10px;
	text-align: center;
	overflow: hidden;
}


/*== menu ====================*/
/*-- menu01 -----*/
.menu01 {
     width: 220px;
     margin: 0 0 15px 0;
     padding: 0;
}

.menu01 li{
     margin: 0 0 5px 0;
     padding: 0;
     list-style-type:none;
     height: 38px;
     line-height: 38px;
     border: 1px solid #45bee9;
     font-weight: bold;
     color: #45bee9;
}
.menu01 li a {
     padding: 0 0 0 10px;
     text-decoration: none;
     display: block;
}
.menu01 li a:link {
     color: #45bee9;
}
.menu01 li a:hover {
     padding: 0 0 0 10px;
     color: #ffffff;
     background-color: #45bee9;
}




/*-- menu02 -----*/
.menu02 {
     width: 220px;
     margin: 0;
     padding: 0;
}

.menu02 li{
     margin: 0 0 5px 0;
     padding: 0;
     list-style-type:none;
     height: 38px;
     line-height: 38px;
     border: 1px solid #b4b4b4;
     font-weight: bold;
     color: #333;
}
.menu02 li a {
     padding: 0 0 0 30px;
     text-decoration: none;
     display: block;
}
.menu02 li a:link {
     color: #333;
}
.menu02 li a:hover {
     padding: 0 0 0 30px;
     color: #333;
}
.menu02 li a:visited {
     color: #333;
}
.menu02 li a:active {
     color: #333;
}
.menu02 .icon1 {
	background: url(../img/menu_icon1.png) left top no-repeat;
}
.menu02 .icon2 {
	background: url(../img/menu_icon2.png) left top no-repeat;
}
.menu02 .icon3 {
	background: url(../img/menu_icon3.png) left top no-repeat;
}
.menu02 .icon4 {
	background: url(../img/menu_icon4.png) left top no-repeat;
}
.menu02 .icon5 {
	background: url(../img/menu_icon5.png) left top no-repeat;
}


/*-- menu03 -----*/
.menu03 {
     width: 220px;
     margin: 0 0 15px 0;
     padding: 0;
}

.menu03 li{
     margin: 0 0 5px 0;
     padding: 0;
     list-style-type:none;
     height: 40px;
     line-height: 40px;
     font-weight: bold;
	background:#45bee9;
}
.menu03 li a {
     padding: 0 0 0 30px;
	color:#FFF;
     text-decoration: none;
     display: block;
}
.menu03 li a:hover {
     padding: 0 0 0 30px;
     color: #ffffff;
     background-color: #666;
}
.menu03 li a.icon1 {
	background: url(../img/menu_icon6.png) left top no-repeat;
}
.menu03 li a.icon1:hover {
	background: url(../img/menu_icon6.png) left top no-repeat #666;
}

/*== top-main ====================*/
.top-img {
	margin: 0 0 20px 0;
	padding: 0;
}


.banner4 a {
	display:inline-block;
	width:49%;
	margin:0.5%;
	background:#ABB9CD;
	padding:15px 0;
	border-radius:6px;
	text-align:center;
	color:#0C469C;
	font-size:15px;
	font-weight:600;
}

.banner4 a.btn1 {
	background:#F1D2D2;
}
.banner4 a.btn2 {
	background:#CFD384;
}
.banner4 a.btn3 {
	background:#B9D384;
}
.banner4 a:hover {
	filter: saturate(180%);
	color:#FFF;
}
.banner4 a span {
	font-weight: 200;
}


dl.wlist {
 width:700px;
}
.wlist dt {
 float:left;
 width:100px;
 padding:0 0 5px 20px;
 clear:both;
}
.wlist dd {
 width:550px;
 margin-left:110px;
 padding:0 0 5px 0;
}
.wicon1 {
 background:url(../img/w_icon1.gif) no-repeat;
 background-position:0px 2px;  
 }
.wicon2 {
 background:url(../img/w_icon2.gif) no-repeat;
 background-position:0px 2px;  
 }


/*== 2階層目 ====================*/
.title {
	margin: 0 0 20px 0;
	padding: 0 0 0 60px;
	height: 45px;
	line-height: 45px;
	font-size: 22px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #45bee9;
	background: url(../img/title_bg.gif) left top no-repeat;
	border-bottom: 1px  #45bee9;
}
.stitle {
	margin: 0 0 10px 0;
	padding: 5px 8px;
	background-color: #e2f1f6;
	border: 1px solid #c7e4ed;
}


/*== 理事名簿 ====================*/
dl.meibo-list dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 15em;
  border-top: solid 3px #CCC;
  color: #000;
}

dl.meibo-list dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
  padding-top: 0.2em;
  border-top: solid 1px #CCC;
   }
   
/*== 協会規約 ====================*/
.syou {
	margin: 0 0 20px 0;
	padding: 3px;
	background-color: #59acce;
	color: #fff;
	text-align: center; 
}

table#kikaku-table1 {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#kikaku-table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#kikaku-table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
} 


/*== 設立趣旨書 ====================*/
table#setsuritsu-table1 {
    width: 100%;
    border: 0px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#setsuritsu-table1 td {
    padding: 5px;
    border: 1px #b4b4b4 solid;
    border-width: 1px;
    text-align: left;
} 


/*== 入会案内 ====================*/

table#nyukai-table1 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#nyukai-table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#nyukai-table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
} 

.nyukai-info {
	margin: 0;
	padding: 15px;
	background-color: #c7e4ed;
	border: 1px solid #b9d9e3;
}

/*== 賛助会員 ====================*/

table.sanjyo-table1 {
    padding: 5px;
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.sanjyo-table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table.sanjyo-table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
} 


/*== 相談窓口 ====================*/
.sodan-btn1 a{
    display : block;
    width : 300px;
    height : 60px;
    background : url(../img/sodan_btn1.gif) no-repeat left top;
    text-indent : -9999em;
}
 .sodan-btn1 a:hover{ background: url(../img/sodan_btn1on.gif) no-repeat left top; }



.sodan-btn2 a{
    display : block;
    width : 300px;
    height : 60px;
    background : url(../img/sodan_btn2.gif) no-repeat left top;
    text-indent : -9999em;
}
 .sodan-btn2 a:hover{ background: url(../img/sodan_btn2on.gif) no-repeat left top; }
 
.sodan-info {
	margin: 0;
	padding: 15px;
	background-color: #c7e4ed;
	border: 1px solid #b9d9e3;
}

.sodan-stitle {
	margin: 0 0 10px 0;
	padding: 5px 8px;
	background-color: #42a5f8;
	border: 1px solid #3392e2;
	color: #fff;
	font-size: 15px;
}
.sodan-waku {
	margin: 0 0 30px 0;
	padding: 10px;
	background-color: #e8e8e8;
	font-size: 12px;
	line-height: 1.7em;
}


table#open-table1 {
    padding: 5px;
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#open-table1 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#open-table1 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    vertical-align: top;
    line-height: 1.6em;
} 


/*== お問い合わせ ====================*/

table#info-table1 {
    padding: 5px;
    width: 100%;
    border: 1px #c8c8c8 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#info-table1 th {
    padding: 5px;
    border: #c8c8c8 solid;
    border-width: 0 0 1px 1px;
    background: #eee;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#info-table1 td {
    padding: 5px;
    border: 1px #c8c8c8 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
} 

.table01 {
	border-left: solid 1px #c8c8c8;
	border-top: solid 1px #c8c8c8;
}
.table01 td {
	border-right: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
}

.clear {
	clear:both;
}

ul#xmenu {
	margin:0 0 30px;
	padding:15px 0;
	display:block;
	background:#0C469C;
}
ul#xmenu li {
	list-style:none;
	float:left;
	display:block;
}
ul#xmenu li a {
	padding:5px 24px;
	font-size:16px;
	color:#FFF;
}
ul#xmenu li a:hover, ul#xmenu li a.current{
	border-bottom:solid 2px #FFF;
}

.w-left {
	width:460px;
	margin-right:30px;
	float:left;
}
.w-right {
	width:460px;
	float:left;
}

input.btn, a.btn {
	padding:10px 15px ;
	background:#000;
	color:#fff;
	font-size:16px;
	font-weight: 800;
	cursor: pointer;
	margin:10px;
}
.btn:hover {
	background:#666;
}