@charset "utf-8";
/* ＣＳＳレイアウト定義
------------------------------------------------------------ */
body{
	font-size: 75%;
	width: 850px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

#wrapper{
	width: 850px;
	margin: 0px auto 0px auto;
}
	
/* 基本のa
------------------------------------------------------------ */
a {
	text-decoration:none;
	color:#666666;
	}
a:link {
	color:#666666;
	}
a:visited {
	color:#000000;
	}
a:hover {
	text-decoration:underline;
	color:#666666;
	}
a:active{
	text-decoration:underline;
	color:#666666;
	}

/* ヘッダー
------------------------------------------------------------ */
#header-menu {
	margin: 13px auto 3px auto;
	padding-left: 66px;

	}


#header ul{
	width: 712px;

}

#header li{
	display: inline;
	margin: 0px auto 0px auto;
}


/* メインイメージ
------------------------------------------------------------ */
#main-img{
	background-image: url(../img/img-top.jpg);
	background-repeat: no-repeat;
}

#about-img{
	background-image: url(../img/about/about.jpg);
	background-repeat: no-repeat;
}

#active-img{
	background-image: url(../img/active/active.jpg);
	background-repeat: no-repeat;
}

#topics-img{
	background-image: url(../img/topics/topics.jpg);
	background-repeat: no-repeat;
}

#member-img{
	background-image: url(../img/member/member.jpg);
	background-repeat: no-repeat;
}

#member-only-img{
	background-image: url(../member/img/member-only/member-only.jpg);
	background-repeat: no-repeat;
}






/* メニュー
------------------------------------------------------------ */

#menu{
	width: 245px;
	text-align: center;
	background-image: url(../img/kasou-bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;
}

#menu-address{
	width: 192px;
	text-align: left;
	background-image: url(../img/access-bg.gif);
	background-repeat: no-repeat;
	margin: 20px auto 10px auto;
	height: 170px;
	padding: 15px 10px 0px 10px;
}

#menu-address p{
	margin: 10px auto 5px auto;
	line-height: 130%;
}



/* コンテンツ
------------------------------------------------------------ */
#contents-top{
	margin: 10px auto 20px auto;
	background-image: url(../img/contents-top-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
	padding: 0px 12px 0px 13px;
	}
	
#contents-top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contents-top {
    height: 1em;
    overflow: visible;
}
/**/

#contents{
	margin: 10px auto 20px auto;
	background-image: url(../img/kasou-bg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	}
	
#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contents {
    height: 1em;
    overflow: visible;
}
/**/
	
#top-event{
	float: left;
	background-image: url(../img/event-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 450px;
	padding: 5px 3px 10px 3px;
	margin-bottom: 10px;
}

#top-event h2{
	padding: 2px 3px 0px 5px;
	margin-bottom: 10px;

}

#top-event iframe{
width:440px;
height:220px;
}


#top-topics{
	float: right;
	background-image: url(../img/topics-top.jpg);
	background-repeat: no-repeat;
	width: 350px;
	padding: 5px 3px 10px 3px;
	margin-bottom: 10px;
}

#top-topics h2{
	padding: 2px 3px 0px 5px;
	margin-bottom: 10px;

}

#top-topics iframe{
width:340px;
height:220px;
}




/* コンテンツ部のメニュー */




/* コンテンツ部の中のコンテンツ */

#main{
	float: right;
	width: 580px;
	color: #333333;
}



#main p{
	width: 560px;
	line-height: 140%;
	margin: 10px 8px 10px 8px;
}


#main table{
	width: 560px;
	line-height: 140%;
	margin: 10px 8px 10px 8px;
}

/*　HFGとは　*/

#main table .about-left{
	line-height: 140%;
	width: 120px;
	font-weight: bold;
	padding: 5px 3px 5px 0px;
	vertical-align: top;
	border-right: 1px #666666 dotted;
}

#main table .about-right{
	line-height: 140%;
	padding: 3px 3px 3px 3px;
}

#main table div.img{
	text-align: center;
	margin: 10px auto 0 auto;
}


/*　活動内容　*/

#active-table{
	width: 580px;
	padding: 5px 3px 5px 0px;
	border-top: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
}

#main table .active-year{
	line-height: 140%;
	width: 80px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
}

#main table .active-month{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
	vertical-align: top;
	width: 50px;
}

#main table .active-naiyou{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px #999999 solid;
}
/*　トピックス　*/

#main .topics-ul{
	line-height: 140%;
	margin: 10px 5px 25px 5px;
}

#main .topics-li{
	line-height: 140%;
	padding: 5px 5px 5px 12px;
	background-image: url(../img/topics/li-i.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#topics-table{
	width: 580px;
	padding: 5px 3px 5px 0px;
	border-top: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-left: 1px #999999 solid;
}

#main table .topics-year{
	line-height: 140%;
	width: 80px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
}

#main table .topics-month{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
	vertical-align: top;
	width: 50px;
	background-color: #D0F7C4;
}

#main table .topics-naiyou{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px #999999 solid;
}


/*　会員名簿　*/

#member-table{
	width: 580px;
	padding: 5px 3px 5px 0px;
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
}

#main table .member-co{
	line-height: 140%;
	width: 30%;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
}

#main table .member-naiyou{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: center;
	vertical-align: top;
	width: 35%;
}

#main table .member-add{
	line-height: 140%;
	padding: 5px 5px 5px 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	text-align: left;
	vertical-align: top;
	width: 35%;
}


/*　会員専用　*/

#member-only-ul{
	margin: 30px auto 25px auto;
}

#member-only-ul li{
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}



/*　TOPへもどる　*/

#go-top{
	line-height: 140%;
	margin-top: 20px;
	text-align: right;
	padding-right: 15px;
}



/* フッター
------------------------------------------------------------ */
#footer{
	clear: both;
	margin: 20px auto 0px auto;
}

#footer ul{
text-align:center;
margin:10px auto 15px auto;
}

#footer .li1,.li2{
	display: inline;
	margin: 0px 5px 0px 5px;
	width: 50px;
	background-image: url(../img/f-li.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 18px;
}

#footer .li2{
	display: inline;
	margin: 0px 5px 0px 5px;
	width: 50px;
	background-image: none;
	padding-right: 18px;
}


#footer .address{
	background-image: url(../img/footer-bg.gif);
	width: 850px;
	height: 40px;
	background-repeat: no-repeat;
	text-align: right;
	clear: both;
	padding-top: 13px;
}