@charset "Shift_JIS";



div#pagebody {

	width:800px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-image:url("images/bg_pagebody.gif");	/*内容全体の背景*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:white;		/*内容全体の背景色*/
}


/*============================================
画像表示
============================================*/


#slideshow {
	position: relative;
	width:  750px; /* 画像の横幅に合わせて記述 */
	height: 563px; /* 画像の高さに合わせて記述 */
	padding:20px 10px 10px 10px;


}
#slideshow img {
	padding:10px 10px 100px 80px;
	width:750px;
	height:563px;
	position: absolute;
}

#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}


#slideshow img.last-active {
   z-index: 9;
}






/*============================================
イベント
============================================*/
div#eventmenu {
	padding:50px 30px 30px 30px ;
	height:1500px; /* イベントのバックグランドの縦の長さ*/
	width:900px;
	background-color:white;
}

li#event-menu01,li#event-menu02,li#event-menu03,li#event-menu04,li#event-space {


	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}



li#event-menu05,li#event-menu06,li#event-menu07,li#event-menu08,li#event-space {
 
	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}


li#event-menu09,li#event-menu10,li#event-menu11,li#event-menu12,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}


li#event-menu13,li#event-menu14,li#event-menu15,li#event-menu16,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}



li#event-menu17,li#event-menu18,li#event-menu19,li#event-menu20,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}


li#event-menu21,li#event-menu22,li#event-menu23,li#event-menu24,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}


li#event-menu25,li#event-menu26,li#event-menu27,li#event-menu28,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}

li#event-menu29,li#event-menu30,li#event-menu31,li#event-menu32,li#event-space {

	padding:30px 0px 30px 0px;
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}





li#event-menu01 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/01.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu02 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/02.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu03 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/03.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu04 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/04.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu05 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/05.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu06 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/06.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu07 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/07.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu08 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/08.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu09 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/09.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu10 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/10.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu11 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/11.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu12 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/12.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu13 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/13.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu14 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/14.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu15 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/15.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu16 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/16.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu17 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/17.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu18 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/18.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu19 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/19.jpg");	/*背景画像*/
	background-size: cover;

}



li#event-menu20 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/20.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu21 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/21.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu22 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/22.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu23 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/23.jpg");	/*背景画像*/
	background-size: cover;

}



li#event-menu24 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/24.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu25 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/25.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu26 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/26.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu27 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/27.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu28 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/28.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu29 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/29.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu30 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/30.jpg");	/*背景画像*/
	background-size: cover;

}

li#event-menu31 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/31.jpg");	/*背景画像*/
	background-size: cover;

}


li#event-menu32 {
	width:250px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/32.jpg");	/*背景画像*/
	background-size: cover;

}







li#event-space {
	width:40px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu01.jpg");	/*背景画像*/
}






}

img.sample {
position: relative; top: -50px; z-index: 1;
}



p.sample2 {
	color: #000000; background-color:rgba(255, 255, 255, 0.75);
	position: relative; top: 80px; z-index: 1;
	text-align:center;
	font-size:30px;
	height:20px;
}



p.sample3 {
	color: #000000; 
	position: relative; 
	text-align:center;
	font-size:15px;

}