@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
body {
	width:100%;			/*ページ全体の横幅*/
	background-color:#ffcc66;	/*ページ全体の背景色*/
	background-image:none;		/*ウェブページ全体の背景画像を無しにする*/
	font-size:130%;			/* フォントサイズ */
}
div#pagebody {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	background-image:none;		/*コンテンツ全体の背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
}
div#pagebody1 {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	background-image:none;		/*コンテンツ全体の背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
}

/*============================================
ヘッダ
============================================*/
h1 {
          width:auto; height:auto;               /*ヘッダ部分*/
          padding-top: 10px  ;                  /*見出しの位置調整*/
          background-image:url(images/header.PNG);   /*背景画*/
          background-size:cover;
          background-repeat:no-repeat;
          font-size:42px;
          color:#660099;
          line-height:100%;
}

h1 p {
          text-align: right;
          padding-left: 5px;
          font-size:26px;
          color:#4400cc;
}

/*============================================
メインメニュー
============================================*/
ul.ddmenu {
	width:90%; 			/*メインメニュー部分の幅*/
	
}
ul.ddmenu a {
	font-size:120%;			/*フォントサイズ*/
                   margin:10px ;
}

/*============================================
ヘッダ画像
============================================*/
#img_index {
	display:none;			/*トップページのヘッダ画像を非表示にする*/
}

/*============================================
サブメニュー
============================================*/
h2 {
	width:100%; height:40px;	/*幅と高さ*/
                  
	font-size:130%;			/*フォントサイズ*/
	background-image:none;		/*背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	background-color:#cc9900;	/*背景色*/
	color:#ffffff;			/*文字色*/
	clear:both;			/*フロートをクリアする*/
}
div#submenu {
	width:100%;			/*幅の指定*/
	margin:0px;			/*マージン*/
	float:none;			/*フロートしない*/
}
div#submenu ul li a {
	display:block;			/*リンク部分をブロック表示にする*/
	width:100%; height:35px;	/*幅と高さ*/
                   font-size:130%;			/*文字サイズ*/
	padding:20px 0px 10px 0px;	/*パディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	border-bottom:1px dotted brown;	/*リンク領域の下部にボーダーを付ける*/
	background-image:none;		/*リンク領域に背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	background-color:#ffffcc;	/*背景色*/
}

/*============================================
インフォメーション
============================================*/
div#info {
	width:100%;			/*幅の指定*/
	float:none;			/*フロートしない*/
	padding:0px;			/*パディング*/
}
h3 {
	font-size:100%;			/*フォントサイズ*/
	width:100%;			/*幅の指定*/
	background-color:#ff9900;	/*背景色*/
	color:#ffffff;			/*文字色*/
	border-radius:0px;		/*角丸にしない*/
                   padding:0;
                   text-align:center;
}

h3 ruby{ruby-position:under;}

p {
	width:95%;			/*幅の指定*/
	margin:10px;			/*マージン*/
	text-indent:1em;		/*インデント幅*/
}

.event_4-18 {
        width:100%;  height:100%;    /*画像の表示サイズを指定*/
}
.event_4-18b {
        width:100%;  height:100%;    /*画像の表示サイズを指定*/
}
.event_5-11a {
        width:100%;  height:100%;    /*画像の表示サイズを指定*/
}
.event_5-11b {
        width:100%;  height:100%;    /*画像の表示サイズを指定*/
}

.event_4-24 {
        width:100%;  height:100%;    /*画像の表示サイズを指定*/
}