@charset "utf-8";

/*========================================
全体的なスタイル
========================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
}
body {
	width:100%;		/*ページ全体の横幅*/
	background-color:#ffffff;	/*ページ全体の背景色*/
	background-image:none;	/*ウェブページ全体の背景画像を無しにする*/
	font-size:110%;			/* フォントサイズを110%にする */
	font-family:  "ヒラギノ角ゴシック Pro W3","Hiragino Kaku Gothic Pro W3"," MS Ｐゴシック","Helvetica Neue","Helvetica",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.8; 			/* 行の高さを1.8倍にする */
	color:#3d3d3d; 			/* 文字色を濃い目のグレーにする */
}
div#pagebody {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	background-color:#ffffff;		/*内容全体の背景色*/
	background-image:none;		/*コンテンツ全体の背景画像を無しにする*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
}

/*============================================
ヘッダ
============================================*/
div#header {
    width:100%;
 	height:100%;	/*ヘッダ部分の高さ*/ 
}
div#header h1 {
    padding: 0px 0px 0px 0px;		/*見出しの位置調整*/
	font-size: 18px;		/*フォントのサイズ*/
	font-family: sans-serif;	/*フォントの種類*/
}
div#header h1 a {text-decoration: none;
} 			                                                         /*リンクの下線を無くす*/
div#header img {
	width: 100%; height: 100%;	/*ロゴ画像の幅と高さ*/
    vertical-align: bottom;          /* 画像の下線を揃える*/
}
img {border: 0;} 			/*画像のボーダーを0にする*/
/*============================================
メインメニュー
============================================*/
ul#menu {
	width:100%; /*メインメニュー部分の幅*/
	height:auto;
	margin:0px; 	/*マージン0px*/	
}
ul#menu li a {
	color:#fff;		/*文字色*/
	text-shadow: none;
	font-size:130%;
}
ul#menu ul li a {
	color:#fff;		/*文字色*/
	text-shadow: none;
	font-size:110%;
}
/*============================================
サブメニュー
============================================*/
h2 {
	width:99%; height:25px;		/*幅と高さ*/
	padding:0px 50px 25px 5px;		/*パディング*/
	font-size:30px;				/*フォントサイズ*/
	text-align:right;
	text-shadow: none;
	background-image:none;		/*背景画像を無しにする*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	color:#6c0f00;		/*文字色*/
	background-color:#fff;		/*背景色*/
	clear:both;		/*フロートをクリアする*/
}
div#submenu {
        position:static;
}
div#submenu {
	width:98%;		/*幅の指定*/
	margin:0px;		/*マージン*/
	float:none;		/*フロートしない*/
}
div#submenu ul li {
	list-style-type:none;		/*リストマーカー無しにする*/
}
div#submenu ul li a {
	display:block;			/*リンク部分をブロック表示にする*/
	width:100%; height:35px;			/*幅と高さ*/
	padding:10px 0px 10px 10px;	/*パディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	border-bottom:1px dotted gray;		/*リンク領域の下部にボーダーを付ける*/
	background-image:none;	/*リンク領域に背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	background-color:#dfdfdf;	/*背景色*/
	font-size:120%;
	color:#000000;		/*文字色*/
}
div#submenu ul li:first-child a {
	border-top:1px dotted gray;		/*一番上のリンクに上線を表示*/
}
div#submenu ul li a:hover	{
	text-decoration:underline;	/*リンクにマウスが乗ったら下線を表示*/
}
div#submenu ul li a:before {
	content: url("images/icon_submenu.png");	/*アイコン画像を挿入*/
	margin: 0px 10px 15px 10px;	/*マージン*/
	vertical-align:middle;	/*縦方向の表示位置*/
}
/*============================================
インフォメーション
============================================*/
div#info {
	width:100%;		/*幅の指定*/
/* 	float:right;			 */
	padding:0px;		/*パディング*/
}
div#navi {  
     position: fixed;
     width: auto;
     right: 0;
     opacity: 0.5;
}
h3 {
	font-size:19px;		/*文字サイズ*/
	width:97%;		/*幅の指定*/
	margin:0px 0px 0px 0px;	/*マージン*/
	padding:10px 0px 10px 15px;	/*パディング*/
	background: linear-gradient(#976a02, #be8604);　　　/* 縦のグラデーション */
    text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #333;   /* テキストに影をつける */
   	color:#fff;		/*文字色*/
	border-radius:0px;		/*角丸にしない*/
	-moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px;		/*角丸にしない（ベンダープレフィックス付きの指定）*/
}
h4 {
	font-size:19px;		/*文字サイズ*/
	width:98%;		/*幅の指定*/
	margin:0px 0px 0px 0px;	/*マージン*/
	padding:10px 0px 10px 10px;	/*パディング*/
	background: linear-gradient(#234300, #427f00);　　　/* 縦のグラデーション */
    text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #333;   /* テキストに影をつける */
   	color:#fff;		/*文字色*/
	border-radius:0px;		/*角丸にしない*/
	-moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px;		/*角丸にしない（ベンダープレフィックス付きの指定）*/
}
p {
	font-size:100%;			/* フォントサイズを100%にする */
	width:95%;		/*幅の指定*/
	margin:10px;		/*マージン*/
	text-indent:1em;	/*インデント幅*/
	background-color:#ffffff;
}
iframe {
	width:100%; height:480px;	/*画像の表示サイズを指定*/
	margin:10px 0px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index {
	display:block;	/*ブロック表示にする*/
	width:90%; height:auto;	/*画像の表示サイズを指定*/
	margin:20px 20px 40px 20px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index2 {
	display:block;	/*ブロック表示にする*/
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:0px 20px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index3 {
	display:block;	/*ブロック表示にする*/
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:20px 20px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index4 {
	display:block;	/*ブロック表示にする*/
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:30px 20px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index5 {
	display:block;	/*ブロック表示にする*/
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:20px 20px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_index6 {
	display:block;	/*ブロック表示にする*/
	width:100%; height:480;	/*画像の表示サイズを指定*/
	margin:20px 0px 10px 0px;	/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage {
	display:block;	/*ブロック表示にする*/
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:0px auto 5px auto;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage2 {
    display:block;	/*ブロック表示にする */
    width:100%; height:auto;
    margin:30px 0px 15px 0px;
    float:none;
}
.infoimg_subpage2 {
 	display:block;	/*ブロック表示にする */
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:30px 0px 15px 0px;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage3 {
 	display:block;	/*ブロック表示にする */
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:30px 0px 15px 0px;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage4 {
 	display:block;	/*ブロック表示にする */
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:30px 0px 15px 0px;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage5 {
    display:block;	/*ブロック表示にする*/
	width:90%; height:auto;	/*画像の表示サイズを指定*/
	margin:20px 0px 10px 20px;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage6 {
    display:block;	/*ブロック表示にする*/
	width:90%; height:auto;	/*画像の表示サイズを指定*/
	margin:10px 0px 10px 20px;/*マージン*/
	float:none;				/*フロートしない*/
}
.infoimg_subpage7 {
 	display:block;	/*ブロック表示にする */
	width:100%; height:auto;	/*画像の表示サイズを指定*/
	margin:30px 0px 15px 0px;/*マージン*/
	float:none;				/*フロートしない*/
}

.infoimg_ballet {
	display:block;	/*ブロック表示にする*/
	width: 90%; height: auto;	/*画像の表示サイズを指定*/
	margin:20px 20px 40px 20px;	/*マージン*/
	float:none;				/*フロートしない*/
}
hr {
	clear:both;			/*フロート配置をクリアする*/
	width:100%;		/*幅の指定*/
	margin:10px 0px;		/*マージン*/
	border:1px dotted #cccccc;	/*内容の区切りをグレーの点線表示にする*/
}
figcaption {
    text-align:center;
    margin: 0px 5px 0px 10px;   
 }   

img { vertical-align: -0.1em;
}
.hidden { visibility: hidden 
}
#sub {
padding: 1rem;
  border: 3px solid #fbda8f;
  border-radius: 8px;
}
img.pattern1 {                           /*黄金色線で囲む */ 
    padding:1px;
    border: 2px solid #996600;
    border-radius: 2px;
}

/*=======================================
ページトップへ
=======================================*/
#topbutton {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   bottom: 18px;   /* ←下端からの距離 */
   right: 2px;    /* ←右端からの距離 */
   width: 6em;     /* ←横幅 */

   /* ▼最初は非表示にしておく*/
   display: none; 

   /* ▼配色・配置・文字の装飾など */
   background-color: #976a02; /* ←背景色 */
   opacity: 0.75;        /* ←透明度 */
   border-radius: 15px;  /* ←角丸の半径 */
   text-align: center;  /* ←文字の位置 */
   font-size: 100%;     /* ←文字サイズ */
   font-weight: bold;   /* ←文字の太さ */
   margin: 10 20 10 0px;          /* ←外側の余白 */
   padding: 10 20 10 0px;       /* ←内側の余白 */
}
#topbutton a {
   /* ▼リンクの装飾 */
   color: white;          /* ←文字色 */
   text-decoration: none; /* ←下線なし */
}
#topbutton a:hover {
   /* ▼マウスが載ったときの装飾 */
   color: #fef502;              /* ←文字色 */
   text-decoration: underline; /* ←下線あり */
}
/*============================================
中メニュー
============================================*/
ul#menu2 {
	width:100%; 	/*メインメニュー部分の幅*/
	margin:0px; 	/*マージン0px*/
}
ul#menu2 li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
}
ul#menu2 li a {
	background-color:rgb(185, 50, 5);	/*背景色*/
	color:#feeb81;	                       /*文字色*/
	text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #333;   /* テキストに影をつける */
	display:block;	    /*リンク部分をブロック表示にする*/
	width:110px; height:40px;	/*幅と高さ*/
	padding:10px 5px 0px 10px;	/*パディング*/
	text-align:center;	/*テキストをセンター揃えにする*/
	text-decoration:none;	/*リンク部分を下線無しにする*/
	font-size:110%;		/*文字サイズを110%にする*/
}
ul#menu2 li a:hover {
	background-color:600c00; /*リンクにマウスが乗ったら背景色が濃茶に変わる*/
}
/* -- ドロップダウン-- */
ul#menu2 ul a { 
    color:#ffffff;       
}

ul#menu2 ul  { 
    display: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
       
}
ul#menu2 li:hover ul {   
    display: block;    
}
ul#menu2 ul li { 
    width: 160px;
    float: none;
}

/*============================================
フッタ
============================================*/
div#footer {
	clear:both;                           /*フロート配置をクリアする*/
    width:100%;					
	height:70px;                        /*高さの指定*/				
	padding:10px 0px 10px 0px;	/*パディング*/
	font-size:x-small;			/*フォントサイズを小さくする*/
	text-align:center;			/*センタリング*/
}