* {
	margin:0px;
	padding:0px;
}
/*------------------------------
 ▼共通デザイン（モバイル向け）
 -------------------------------*/
 @media (max-width: 600px) {
	body {
		background-color: aliceblue;
		font-size:12px;
		width:96%;
		margin-left:auto;		
		margin-right:auto;		
		font-family:"メイリオ",Arial, Helvetica, sans-serif;
		/*background-color:#ffffff;*/
		height:100%;
		paddding-left:10px;	
		overfow:auto; 
	}
	#container {
		box-sizing:box-border;
		width:100%;
		padding:5px;
		background-color:white;
		background:url(./images/nara_head.jpg) no-repeat;
		background-position: center top;   /* 中央上 */
		height:100%;
	}
	#container1 {
		box-sizing:box-border;
		width:100%;
		padding:5px;
		background-color:white;
		height:100%;
	}
	iframe {
		border:none;
		/*height:700px;*/
		width:100%;
		}
	#layoutmain {
		width:100%;
		height:100%;
	}
	#layoutmain  table {
		border:solid 1px;
		border-collapse: collapse;
		width:100%;
		margin: 0 auto;
		font-size:1.3rem;
	}
	 #layoutmain  td, #layoutmain  th {
		border:solid 1px;
	}
	 #layoutmain  th {
		background-color:lightblue;
	}
}

/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
@media screen and (min-width: 600px)  and (max-width: 1049px){
	body {
		 background-color: aliceblue;
		 width:100%;
		/*height:650px;*/
		font-family:"メイリオ",Arial, Helvetica, sans-serif;
		font-size:2em;
		padding:4px;
		/*background-color:#ffffff;*/
	}
	#container {
		width:100%;
		background:url(./images/nara_head.jpg) no-repeat;
		background-position: center top;   /* 中央上 */
		background-color:#ffffff;
		}
	#container iframe {
		border:none;
		height:600px;
		width:100%;
		}

	#container1 {
		width:100%;
		background-color:white;
		height:100%;
	}
	#layoutmain {
		width:100%;
		text-align:center;
		padding-bottom:20px
		height:100%;
	}	
 
	#layoutmain  table {
		border:solid 1px;
		border-collapse: collapse;
		width:80%;
		margin: 0 auto;
		font-size:1.3rem;
	}
	 #layoutmain  td, #layoutmain  th {
		border:solid 1px;
	}
	 #layoutmain  th {
		background-color:lightblue;
	}
}

/*-------------------------------
 ▼大型画面向けデザイン（PCなど）
 --------------------------------*/

@media screen and (min-width: 1150px)  {
	body {
		 background-color: aliceblue;
		font-family:"メイリオ",Arial, Helvetica, sans-serif;
		/*background-color:#ffffff;*/
		 max-width:1150px;
		margin-left :auto;
		margin-right :auto;
		font-size:1.2em;
		}
	#container {
		width:100%;
		}
	#container iframe {
		height:600px;
		width:100%;
		}

	#container1 {
		width:100%;
		background-color:white;
		height:100%;
	}
	#layoutmain {
		width:100%;
		text-align:center;
		margin-left :auto;
		margin-right :auto;
		height:500%;
	font-size:0.5em;
	}	                                  
	#layoutmain  table {         
		border:solid 1px;       
		border-collapse: collapse;
		width:80%;                
		margin: 0 auto;        
		font-size:1.3rem;       
	}                                        
	 #layoutmain  td, #layoutmain  th {
		border:solid 1px; 
	}                                        
	 #layoutmain  th {
		background-color:lightblue;
	}
}

h1 {	 
	text-align:center;
	font-size:1.5em;
	}
h2 {	 
	text-align:center;
	font-size:1.2em;
	}
#layoutHeader {
	text-align:center;border:solid 1px red;
	height:140px;
	background:url(./images/NaRa_head2.jpg) no-repeat;
	background-position: center top;   /* 中央上 */
	font-size:1.2em;
	}
#menuheader {
	text-align:center;
	width:100%;
	background-color:black;
	padding-bottom:3px;
	}
#menuheader {
	text-align:center;
	width:100%;
	background-color:black;
	padding-bottom:3px;
	}

.resizeimage {
	
	/*max-width: 400px; 最大幅 */
	width:100%;
	margin-left :auto;
	margin-right:auto;
	text-align:center;
	}
.resizeimage img { width: 90%;
	}
.resizeimage video { width: 90%;
	}
	
#container1 #layoutHeader {
		text-align:center;
		height:40px;
	}
	
	


#layoutmain h1 {
	/*font-size:3rem;*/
	font-weight:bold;
	text-align:center;
	}
#layoutmain h2 {
	font-weight:bold;
	text-align:center;
	}
div#layoutmain p {
	margin-bottom:2em;
	text-indent:3em;
	text-align:justify; 
	text-justify:distribute-all-lines;
	}
div#layoutmain li {
	text-align:justify; 
	text-justify:distribute-all-lines;
	}
#sub {
	border: none;
	}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
	          /*width: 17%; メニュー項目の横幅(125px) */
	display: inline-block; /* ★横並びに配置する */
	list-style-type: none; /* ★リストの先頭記号を消す */
	position: relative;    /* ★サブメニュー表示の基準位置にする */
	font-size:0.8rem;
	border:solid 1px white;
}
ul.ddmenu a {
	 background-color: ; /*darkgrayメニュー項目の背景色(濃い赤色) */
	color: white;           /*    メニュー項目の文字色(白色) */
	line-height: 20px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight:bold;         /*  太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
	background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	}
ul.ddmenu p {
	background-color: darkblue; /* メニュー項目の背景色(濃い赤色) */
	color:white ;              /* メニュー項目の文字色(白色) */
	line-height: 12px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight: ;         /*bold 太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
	display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
	margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
	display: none;       /* ★標準では非表示にする */
	position: absolute;  /* ★絶対配置にする */
	font-size:0.8em;
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
	 width: 12rem;             /*サブメニュー1項目の横幅(135px) */
	 /*  width:fit-content;*/
	margin-top:0px;
	background-color:lightyellow;
	color:blue;
	border: 1px solid blue;/*項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
	line-height: 18px;     /* サブメニュー1項目の高さ(35px) */
	text-align: center;      /* 文字列の配置(左寄せ) */
	padding-left: 2px;     /* 文字列前方の余白(5px) */
	font-weight:  ;   /*bold 太字*/
	font-size:0.8rem;
	color:blue;
}
ul.ddmenu ul li a:hover {
	background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
	color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

/* -------------------------- */
/* ▼サブメニュー項目の装飾 */
/* -------------------------- */
ul.submenu li {
	/*width: 30em; メニュー項目の横幅(125px) */
		/*display: inline-block;  ★横並びに配置する */
	list-style-type: none; /* ★リストの先頭記号を消す */
	position: relative;    /* ★サブメニュー表示の基準位置にする */
	font-size:1em;
}
ul.submenu a {
	/* background-color: darkblue; メニュー項目の背景色(濃い赤色) */
	color: blue;           /*    メニュー項目の文字色(白色) */
	line-height: 20px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight:;         /*  bold太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */
}
ul.submenu a:hover {
	background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	}
ul.submenu p {
	background-color: darkblue; /* メニュー項目の背景色(濃い赤色) */
	color:red ;              /* メニュー項目の文字色(白色) */
	line-height: 12px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight: normal;         /*bold 太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */
}
#smenu {
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px blue;
	}
div#content {
	box-sizing: border-box;
	width:100%;
	padding:10px 20px 10px 20px;
	text-align:justify; 
	text-justify:distribute-all-lines;
	}
div#footer {
	box-sizing: border-box;
	text-align:center;
	font-size:0.5em;
	width:100%;
	font-weight:bold;
	background-color:lightyellow;
	padding:10px 10px 5px 10px;
	margin-top:10px;
	border:solid 2px yellow;
	}
div#footer table{
	margin-left:auto;
	margin-right:auto;
	border:solid 1px;
	}
div#footer tr td {
	height:0.6em;
	}
div#footer p img {
	height:60%;
	}