@charset   "UTF-8";




/*全体へのスタイル　*/
html {
	overflow-y: scroll;
	height: 100%;
}



/*bodyタグに対するやつ。*/
body {
	margin: 0px;
	padding : 0px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-align : center;
	color: #000;
	background-image: url(../img/kabe.png);
	background-repeat: repeat;
	height: 100%;
}



/*まず、ここでヘッダーの背景を作成し*/
#header{
	position: relative;
	background-image : url(../img/header-main.png);
	background-repeat : repeat-x;
	height: 125px;
	margin: 0px auto;
}

/*ここで、ロゴとサークル名の位置調整。
メイン枠と同じサイズにする事で、メイン枠の外にロゴが出ないようにしている。
そうしないと最大化したときに枠が途切れてしまう感じ。
上のヘッダ作成とここのimg調整は両方必要なので注意！
widthはメイン枠と同じ大きさにして。
heightは画像と同じ高さに（今は使ってない）
センタリングしたい要素にはmargin: 0 auto;を指定する。
ちなみにmargin autoを入れないとブラウザを小さくした時にロゴがかぶってしまう*/

#headerimg{
	position: relative;
	width: 1000px;
	margin: 0px auto;
}



/*ここがメインに色々置く枠になるので忘れないで。無い方がスッキリするかも*/
#main {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	text-align: center;
	border-left: 4px solid #ffC0CB;
	border-right: 4px solid #ffC0CB;
	background-image : url(../img/kabegami.png);
}



/*下地に何も入れたくない、フォントページなどに使用*/
#blankpage
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
/*	text-align: left;*/
/*	background-image : url(../img/kabegami.png);*/
	background-color: white;
}












/*ジャンプボタン用の枠。ヘッダーと原理は同じ。Widthはメインと同じ大きさにして。*/
#button{
	position: relative;
	background-image : url(../img/buttonflame.png);
	background-repeat : repeat-x;
	height: 46px;
	top: 50;
	width: 1000px;
}


#buttonimg{
	position: relative;
	left: 100px;
	width: 1000px;
	height: 64px;
	margin: 0px auto;
}


#gallery
{
	position: absolute;
	background-image: url(../image/gallery.jpg);
	width: 1000px;
	height: 754px;
	margin: 0px auto;
	float: left;
}

#gallerypage
{
	position: absolute;
	left: 100px;
	top: 75;
	background-image: url(../image/gallerypage.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	float: left;
}






#bannerpage
{
	position: relative;
	background-image: url(../img/bannerpage.png);
	width: 1000px;
	height: 754px;
	margin: 0px auto;
	float: left;
}




/*フッター要る？別に置く物も無いけど…*/

#footer {
  position: relative;
	left: 0px;
	bottom: 0px;
	height: 64px;
	padding-top: 0px;
	background-image : url(../img/footer-label.png);
  	background-repeat : repeat-x;
  	<p>～</p>
}