@charset "UTF-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-size:16px; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	line-height: 1.5;
	font-style: normal;
	color:#4B4B4B;
}

html,body{
     height:100%;
}

canvas {
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
}

#container{
	width:960px;
	margin:0 auto;
}

#header{
	height: 200px;
	background:url(../img/header.png) no-repeat;
}

#header img{
	margin:100px 338px;
}

#footer{
	height: 204px;
	background:url(../img/footer.png) no-repeat;
}


/*ご挨拶文のスタイル*/
.goaisatsu{

	width:760px;
	margin:-10px auto 0 auto;
	background-color: #fff;
	overflow:hidden;
}
.goaisatsu .goaisatsuText{

	width:580px;
	margin:0 auto;

}

.goaisatsu img{

	margin-top:30px;
}

.goaisatsu p{

	margin:2em;
}

.goaisatsu p.sign{
	float:right;
	text-align: right;
}

/*ボタンのスタイル*/
.button ul{

	width:610px;
	height:300px;
	margin:80px auto 0 auto;
	overflow:hidden;
}

.button li{

	float:left;
	margin:5px 10px;

}

.button li#first a{

	display: block;
	width:284px;
	height:285px;
	background:url(../img/btn_25th_1.png);

}

.button li#first a:hover{

	background:url(../img/btn_25th_2.png);

}

.button li#second a{

	display: block;
	width:284px;
	height:285px;
	background:url(../img/btn_chara_1.png);

}

.button li#second a:hover{
	background:url(../img/btn_chara_2.png);
}