@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {     border:0px;
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	text-decoration:none;

} 

body {
	background-color:#745ab2;	/*ページ全体の背景色*/
        background: -moz-linear-gradient(top, #531bb1 0%, #745ab2 50%, #531bb1 100%) fixed;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #531bb1), color-stop(50%, #745ab2), color-stop(100%, #531bb1)) fixed;
        background: -webkit-linear-gradient(top, #531bb1 0%, #745ab2 50%, #531bb1 100%) fixed;
        background: -o-linear-gradient(top, #531bb1 0%, #745ab2 50%, #531bb1 100%) fixed;
        background: -ms-linear-gradient(top, #531bb1 0%, #745ab2 50%, #531bb1 100%) fixed;
        background: linear-gradient(top bottom, #531bb1 0%, #745ab2 50%, #531bb1 100%) fixed;



	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {

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


/*============================================
ヘッダ
============================================*/
div#header {

	height:110px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("../../image/earth_orange3.png");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/

}

div#logo {
       float:right;
       display:inline;			/*リスト項目をインライン表示にする*/
       list-style-type:none;		/*リストマーカー無しにする*/
       background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}



h1 {
	color:orange;
	padding:20px 0px 0px 30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
        	
        }
h1 a {color:white; text-decoration:none; font-size:35px;} 			/*リンクの下線を無くす*/



h2 {
	padding:0px 0px 0px 60px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
        	
        }

h2 a { color:white; font-size:25px; }


/*============================================
メインメニュー
============================================*/
ul#menu {
	   height:42px; background-color:#FFDBC9; font-weight:bold;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
 
  
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}


/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:164px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu01.jpg");	/*背景画像*/
}
li#menu02 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu02.jpg");	/*背景画像*/
}
li#menu03 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu03.jpg");	/*背景画像*/
}
li#menu04 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu04.jpg");	/*背景画像*/
}
li#menu05 {
	width:164px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu05.jpg");	/*背景画像*/
}









ul#menu a {
	color:darkorange;
	display:block;				/*リンクをブロック表示にする*/
	height:42px; padding-top:4px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}





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


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


}
#slideshow img {
	padding:10px 10px 10px 10px;
	width:750px;
	height:500px;
	position: absolute;
}

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


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







/*============================================
サブメニュー
============================================*/
div#submenu {
	height:450px;
	background-color:#F3F3F3;
}

li#sub-menu01,li#sub-menu02,li#sub-menu03,li#sub-menu04,li#sub-space {
 
  
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}



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




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

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

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

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

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

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

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

li#sub-menu08 {
	width:150px; height:150px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("sub-img/01.jpg");	/*背景画像*/
}



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





p.sample1 {
	color: #000000; background-color:rgba(255, 255, 255, 0.75);
	position: relative; top: 60px; z-index: 2;
	text-align:center;
	font-size:25px;

}

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


/*============================================
フッタ
============================================*/
div#footer {
        color:white;
	height:42px; 
	clear:both;					/*回り込みを解除する*/
	background-image:url("../../image/earth_orange3.png");	/*フッタ部分の背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*フッタ部分の背景色*/
        background-position: bottom;
        background-repeat:no-repeat;


}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
	text-align:center;
}







/*============================================
イベント
============================================*/
div#eventmenu {
	padding:50px 20px 30px 80px ;
	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-menu01 {
	width:150px; height:100px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("image/01.jpg");	/*背景画像*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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










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: 60px; z-index: 2;
	text-align:center;
	font-size:15px;

}


h5 {
	font-size:40px;
	color:#745ab2;
	padding:20px 0px 0px 0px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
        	
        }



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

}