@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
.indexpage #container {
	width: 580px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.indexpage #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.indexpage #container #mainContent p {
	padding: 0px;
	margin: 80px auto 0px;
}
.indexpage #container #mainContent h1 {
	background: url(../images/gakkai_title001.gif) no-repeat center center;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 40px;
	padding: 0px;
}



.indexpage #container #mainContent h2 {
	margin-top: 0px;
	background: url(../images/gakkai_title002.gif) no-repeat center center;
	text-indent: -9999px;
	padding: 0px;
	height: 55px;
}
.indexpage #container #mainContent h3 {
	padding: 0px;
	margin: 15px auto 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


 a {
	　　border-style: none;
	text-decoration: none;
}


.indexpage #container #mainContent #kuwashiku {
	margin: 0px auto;
	width: 520px;
}

.indexpage #container #mainContent #kuwashiku ul{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 350px;
}
.indexpage #container #mainContent #kuwashiku li{
	list-style: none;
}

.indexpage #container #mainContent #kuwashiku li a{
	display: block;
	text-indent: -9999px;
	margin: 15px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

.indexpage #container #mainContent #kuwashiku #kuwashiku01 a:link ,.indexpage #container #mainContent #kuwashiku #kuwashiku01 a:visited{
	background: url(../images/kuwashiku.gif) no-repeat 0px 0px;
	height: 25px;
}

.indexpage #container #mainContent #kuwashiku #kuwashiku01  a:hover ,.indexpage #container #mainContent #kuwashiku #kuwashiku01 a:active{
	background: url(../images/kuwashiku.gif) no-repeat 0px -25px;
	height: 25px;
}








.indexpage2 #container {
	width: 1100px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF url(../images/poster_back.jpg) no-repeat center top;
	margin: 0 auto; /* この設定は body エレメントの text-align: center より優先されます。 */
	padding: 0px;
	height: 800px;
}
.indexpage2 #mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	margin: 0px;
}.indexpage2 #container #mainContent h1 {
	padding: 0px;
	margin: 80px auto 40px;
}
.indexpage2 #container #mainContent h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}