@charset:"utf-8";

/*001-トップページのボディ部分の設定*/
body{
	margin:0px 10px;/*余白を解消するための設定*/
	padding:0px;
	border:0;
	width:1900px;
	/*height:900px;*/
	margin-left:0px;
	margin-right:0px;
}

/*002-トップページのヘッダー部分の指定*/
div.body-header{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
	font-size:100px;/*　文字の大きさを指定する。現在「青」を指定　*/
	font-family:"HG行書体",cursive;/*　文字のフォントを指定する。現在「HG行書体」を指定　*/
	text-align:center;/*　文字の位置を指定する。現在「center」を指定　*/
	background-color:rgb(249,218,136);/*　背景の色を指定する。現在「rgb(249,218,136)」を指定　*/
	width:1880px;
	height:120px;
	margin:0px 10px;
}

/*003-トップページのパンクズリスト*/

div.pankuzu{
	/*all:initial;*/
	background-color:rgb(180,245,248);
	margin:0px 10px;	
	padding:5px;/*テキストの左位置調整*/
	height:23px;/*背景の高さ設定【上記「padding-top:6px」+「height:30px」＝36px】*/
	width:1870px;
	vertical-align:middle;
}

/*004-トップページのメインボディー部分の指定*/

div.mainbody01{
	color:black;/*　文字の色を指定する。現在「赤」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:700px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/


/*005-トップページのメインボディー部分のテキスト余白設定*/
p.mainbody01{
	padding-left:10px;padding-right:10px;/*余白を解消するための設定*/
	}
	


/*006-トップページのメインボディー部分の表の設定【中央寄せ】*/
table.index1{
	border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin:20px;
	margin-top:3%;
}


/*007-トップページのメインボディー部分の幅設定*/
tr{
	border-style:solid;
	height:46px;
}

/*008-トップページのメインボディー部分の1列目セルの設定*/
td.index1{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:150px;
}

/*009-トップページのメインボディー部分の2列目セルの設定*/
td.index2{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:600px;
}



/*010-トップページの左側の領域設定*/
div.leftside{
	float:left;
		width:465px;
		background-color:rgb(254,205,244);
		margin-top:-710px;
		margin-left:10px;
		height:710px;
}

/*011-トップページの右側の領域設定*/
div.rightside{
	float:right;
		width:465px;
		background-color:rgb(210,254,205);
		margin-right:10px;
		margin-left:1435px;
		margin-top:-710px;
		height:710px;}	

/*011-トップページの右側の領域設定*/
p.mainbody01-1{
	padding-left:20px;padding-right:10px;/*余白を解消するための設定*/
	}

/*012-トップページのフッターの設定*/
div.footer{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		background-color:rgb(249,218,189);/*　背景の色を指定する。現在「rgb(249,218,189)」を指定　*/
		padding:20px;/*余白を挿入するため*/
		margin:0px 10px;
		height:20px;/*高さを設定したもの*/
		width:1840px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/





/*============================================================================================================================================================================

	ホームページ作成ページの設定

=============================================================================================================================================================================*/

/*013-ホームページ作成ページのボディーの高さ設定*/
body.hp-index{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		font-size:100px;/*　文字の大きさを指定する。現在「青」を指定　*/
		font-family:"HG行書体",cursive;/*　文字のフォントを指定する。現在「HG行書体」を指定　*/
		text-align:center;/*　文字の位置を指定する。現在「center」を指定　*/
		background-color:rgb(249,218,136);/*　背景の色を指定する。現在「rgb(249,218,136)」を指定　*/
		width:1880px;
		height:120px;
		margin:0px 10px;
}

/*014-ホームページ作成ページのメインボディー部分の指定*/
div.hp-index{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		font-size:100px;/*　文字の大きさを指定する。現在「青」を指定　*/
		font-family:"HG行書体",cursive;/*　文字のフォントを指定する。現在「HG行書体」を指定　*/
		text-align:center;/*　文字の位置を指定する。現在「center」を指定　*/
		background-color:rgb(249,218,136);/*　背景の色を指定する。現在「rgb(249,218,136)」を指定　*/
		width:1880px;
		height:120px;
		margin:0px 10px;
}

/*015-ホームページ作成ページのパンクズリスト*/
div.pankuzu2{
	/*all:initial;*/
	background-color:rgb(180,245,248);
	margin:0px 10px;	
	padding:5px;/*テキストの左位置調整*/
	height:23px;/*背景の高さ設定【上記「padding-top:6px」+「height:30px」＝36px】*/
	width:1870px;
}


/*016-ホームページ作成ページ中のメインボディーの高さ設定*/
div.hp-body01{
	color:black;/*　文字の色を指定する。現在「赤」を指定　*/
	background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
	padding:10px 5px 10px 5px;
	height:1230px;/*高さを設定したもの*/
	width:970px;/*幅を設定したもの*/
	margin-left:460px;/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/
}




/*017-ホームページ作成ページ中の大見出しの設定*/
h1.a1{
	text-align:center;
	margin-top:10px;
}

/*018-ホームページ作成ページ中の小見出しの設定*/
h4.midasi02{
	padding-left:5px;
	padding-right:10px;/*余白を解消するための設定*/
	}

/*019-ホームページ作成ページ中のメイン文書設定*/
p.mainbody02{
	padding-left:10px;
	padding-right:10px;/*余白を解消するための設定*/
	margin-top:-20px;
}

/*ホームページ作成ページ中の表1設定*/
table.index2{border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin-right:110px;
	margin-left:110px;
	margin-top:0px;}

/*ホームページ作成ページ中表1の行設定*/
tr.column02{border-style:solid;
	height:36px;}

/*ホームページ作成ページ中表の1列目見出しセルの設定*/
th.cells02{border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:;
	text-align:center;}

/*ホームページ作成ページ中表1の1列目セルの設定*/
td.cells03{border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:30px;
	text-align:center;}

/*ホームページ作成ページ中表1の2列目セルの設定*/
td.cells04{border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:220px;}

/*ホームページ作成ページ中表1の3列目セルの設定*/
td.cells05{border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:470px;}

/*ホームページ作成ページ中表1の後のメイン文書設定*/
p.mainbody03{padding-left:10px;padding-right:10px;padding-top:0px;/*余白を解消するための設定*/
	margin-top:-10px;}

/*ホームページ作成ページ中の表2設定*/
table.hp-index3{border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin-right:110px;
	margin-left:110px;
	margin-top:0px;
}

/*ホームページ作成ページ中表2の行設定*/
tr.hp-index3-column01{
	border-style:solid;
	height:36px;
}

/*ホームページ作成ページ中表2の1列目セルの設定*/
td.hp-index3-cells03{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:470px;
	text-align:center;
}

/*ホームページ作成ページ中のメイン文書設定*/
p.mainbody04{
	padding-left:10px;
	padding-right:10px;/*余白を解消するための設定*/
	margin-top:20px;
}

/*ホームページ作成ページ中のメイン文書設定*/
p.mainbody04-1{
	padding-left:20px;
	padding-right:10px;/*余白を解消するための設定*/
	margin-top:20px;
}


/*ホームページ作成ページ中の左側の領域設定*/
div.hp-leftside{
	float:left;
	width:450px;
	background-color:rgb(254,205,244);
	margin:-1250px 0px 0px 10px;
	height:1250px;
}



/*ホームページ作成ページ中の右側の領域設定*/
div.hp-rightside{
		width:450px;
		background-color:rgb(210,254,205);
		margin-left:1440px;
		margin-right:0px;
		margin-top:-1250px;
		height:1250px;
		
}

/*トップページのフッターの設定*/
div.footer-hp{color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		background-color:rgb(249,218,189);/*　背景の色を指定する。現在「rgb(249,218,189)」を指定　*/
		padding:20px;/*余白を挿入するため*/
		margin:0px 10px;
		height:20px;/*高さを設定したもの*/
		width:1840px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/



/*============================================================================================================================================================================

	HTML編の目次ページの設定

=============================================================================================================================================================================*/

/*ページヘッダーは、002-<div class="body-header">を引用*/

/*パンくずリストは、003-<div class="pankuzu">を引用*/


/*104-トップページのメインボディー部分の指定*/

div.mainbody02{color:black;/*　文字の色を指定する。現在「赤」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:700px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/


/*メインページ（センター）の大見出しは<h1 class="a1">を引用*/









/*HTML編の目次のテーブル部分の設定*/
table.html-index{
	border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin-right:30px;
	margin-left:30px;
	margin-top:0px;
}

/*HTML編の目次のテーブル部分中表1の行設定*/
tr.column-html-index-01{
	border-style:solid;
	height:36px;}

/*HTML編の目次のテーブル見出し部分中表1の1列目セルの設定*/
th.html-index-cells01{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:70px;
	text-align:center;
}

/*HTML編の目次のテーブル見出し部分中表1の2列目セルの設定*/
th.html-index-cells02{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:615px;
	text-align:center;
}

/*HTML編の目次のテーブル見出し部分中表1の3列目セルの設定*/
th.html-index-cells03{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:95px;
	text-align:center;
}

/*HTML編の目次のテーブル見出し部分中表1の4列目セルの設定*/
th.html-index-cells04{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:90px;
	text-align:center;
}

/*HTML編の目次のテーブル部分中表1の1列目セルの設定*/
td.html-index-cells01{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:70px;
	text-align:center;
}

/*HTML編の目次のテーブル部分中表1の2列目セルの設定*/
td.html-index-cells02{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px 3px 3px 8px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:615px;
}

/*HTML編の目次のテーブル部分中表1の3列目セルの設定*/
td.html-index-cells03{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:95px;
	text-align:center;
}

/*HTML編の目次のテーブル部分中表1の4列目セルの設定*/
td.html-index-cells04{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:90px;
	text-align:center;
}

/*============================================================================================================================================================================

	HTML編初回のページの設定

=============================================================================================================================================================================*/

/*HTML編初回のページヘッダーは、002-<div class="body-header">を引用*/

/*HTML編初回のパンくずリストは、003-<div class="pankuzu">を引用*/

/*HTML編初回のメインページ（センター）の設定*/
div.mainbody03{
	color:black;/*　文字の色を指定する。現在「赤」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:2700px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/

/*HTML編初回のメインページ（センター）の大見出しは<h1 class="a1">を引用*/

/*HTML編初回のメインボディー部分のテキスト余白設定は005-<P class="mainbody01">を引用*/

/*HTML編初回のトップページのメインボディー部分の表の設定【中央寄せ】を設定*/
table.html01{
	border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin:10px 150px;
}
/*HTML編初回のトップページのメインボディー部分の表の幅設定は007-<tr>を引用*/

/*HTML編初回のトップページのメインボディー部分の表の1行目1列目セルの設定*/
th.html01-1{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:50px;
	text-align:center;
}

/*HTML編初回のトップページのメインボディー部分の表の1列目セルの設定*/
td.html01-1{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:50px;
	text-align:center;
}

/*HTML編初回のトップページのメインボディー部分の表の1列目セルの設定*/
td.html01-2{
	border-style:solid ;/**/
	border-top:;
	border-color:black;
	padding:3px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:20px;
	width:500px;
}

/*HTML編初回のトップページのメインボディー部分の小見出しの設定*/
h4.midasi-hp01{
	padding-left:20px;
	padding-right:10px;/*余白を解消するための設定*/
	}

/*ホームページ作成ページ中表1の後のメイン文書設定*/
p.mainbody04{padding-left:10px;padding-right:10px;padding-top:0px;/*余白を解消するための設定*/
	margin-top:-40px;}

/*HTML編初回のトップページのメインボディー部分のプログラムコード欄の設定*/
div.program01{
	margin:20px;
	width;600px:
	height:200px;
	background-color:white;
	padding:0px 10px;
}

/*画像等の挿入枠設定01*/
div.image01-notepad{
	padding:0px 0px 0px 20px;
	width:190px;
	height:350px;
	float:left;
}

/*画像等の後文書の右回り設定*/
div.image-right01{
	margin:20px 5px 0px 20px;
	width:920px;
	height:370px;
}

/*画像等の後文書の文字配置設定*/
p.mainbody05{padding-left:0px;padding-right:25px;padding-top:15px;/*余白を解消するための設定*/
	margin-top:-10px;}	

/*回り込みのクリア*/
br.clear{
	clear:both;
}

/*画像等の挿入枠設定02*/
div.image02-notepad{
	margin:20px;
	height:500px;
	width:950px;
}

img.notepad02{
	width:650px;
	height:300px;}

/*最終段落の文字配置設定*/
p.mainbody06{padding-left:20px;padding-right:10px;padding-top:10px;/*余白を解消するための設定*/
	margin-top:-10px;
}

/*ホームページ作成ページ中の左側の領域設定*/
div.html01-leftside{
	float:left;
	width:465px;
	background-color:rgb(254,205,244);
	margin:-2710px 0px 0px 10px;
	height:2710px;
}



/*ホームページ作成ページ中の右側の領域設定*/
div.html01-rightside{
		width:465px;
		background-color:rgb(210,254,205);
		margin-left:1425px;
		margin-right:0px;
		margin-top:-2710px;
		height:2710px;
		
}




	
/*============================================================================================================================================================================

	HTML編第2回「ＨＴＭＬで書いて、ブラウザに表示させてみよう。」のページの設定

=============================================================================================================================================================================*/




/*HTML編第2回のメインページ（センター）の<div>タグ設定*/
div.mainbody03-1{
	color:black;/*　文字の色を指定する。現在「赤」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:2000px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/


/*画像等の挿入枠設定01*/
div.image03-notepad{
	padding:0px 0px 0px 20px;
	width:500px;
	height:425px;
	float:left;
}

/*画像等の後文書の右回り設定*/
div.image-right03{
	margin:20px 5px 0px 530px;
	width:410px;
	height:420px;
}

/*テキストとHTMLとの比較画像（左側）の挿入枠設定01*/
div.image04-notepad{
	padding:0px 0px 0px 20px;
	width:430px;
	height:650px;
	float:left;
}

/*テキストとHTMLとの比較画像（右側）の右回り設定*/
div.image-right04{
	margin:0px 5px 0px 460px;
	width:430px;
	height:650px;
}

/*テキストとHTMLとの比較画像（左側）のタイトル設定*/
p.image04{
	text-align:center;
}


/*テキストとHTMLとの比較画像（右側）のタイトル設定*/
p.image05{
	text-align:center;
	padding:100px 0px 15px 0px;
}

/*上記比較画像の比較文の間隔調整*/
p.mainbody07{padding-left:20px;padding-right:10px;/*余白を解消するための設定*/
	margin-top:40px;
}

/*ホームページ作成ページ中の左側の領域設定*/
div.html03-1-leftside{
	float:left;
	width:465px;
	background-color:rgb(254,205,244);
	margin:-2010px 0px 0px 10px;
	height:2010px;
}

/*ホームページ作成ページ中の右側の領域設定*/
div.html03-1-rightside{
		width:465px;
		background-color:rgb(210,254,205);
		margin-left:1425px;
		margin-right:0px;
		margin-top:-2010px;
		height:2010px;
	
}





/*============================================================================================================================================================================

	HTML編第3回「ＨＴＭＬ文書を改行する」のページの設定

=============================================================================================================================================================================*/

/*HTML編初回のページヘッダーは、002-<div class="body-header">を引用*/

/*HTML編初回のパンくずリストは、003-<div class="pankuzu">を引用*/

/*HTML編第3回のメインページ（センター）の<div>タグ設定*/
div.mainbody04{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:2600px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/

/*画像等の挿入枠設定02*/
div.image05-notepad{
	padding:0px 0px 0px 20px;
	width:450px;
	height:715px;
	float:left;
}

/*画像等の挿入枠の見出し*/
h4.image-midasi{
text-align:center;
}

/*第3回「ＨＴＭＬ文書を改行する」　テキストとHTMLとの比較画像（左側）のタイトル設定*/
p.image06{
	text-align:center;
	padding:27px 0px 0px 0px;
}

/*画像等の後文書の右回り設定*/
div.image-right05{
	margin:0px 5px 0px 500px;
	padding:1px 0px 0px 0px ;
	width:440px;
	height:715px;
}

/*第3回「ＨＴＭＬ文書を改行する」　<br>タグ挿入前後の比較画像（左側）のタイトル設定*/
p.image07{
	text-align:center;
	padding:65px 0px 0px 0px;
}

/*第3回「ＨＴＭＬ文書を改行する」　<br>タグ挿入前後の比較画像（右側）のＨＴＭＬ文書（<br>タグ）挿入後のリンク設定*/
p.image08{
	text-align:center;
	padding:65px 0px 0px 0px;
}

/*第3回「ＨＴＭＬ文書を改行する」　<br>タグ挿入前後の比較画像（右側）のＨＴＭＬ文書（<br>タグ）挿入後のリンク設定*/
p.image09{
	text-align:center;
	padding:0px 0px 0px 0px;
}

/*第3回「ＨＴＭＬ文書を改行する」の左側の領域設定*/
div.html04-leftside{
	float:left;
	width:465px;
	background-color:rgb(254,205,244);
	margin:-2610px 0px 0px 10px;
	height:2610px;
}

/*第3回「ＨＴＭＬ文書を改行する」の右側の領域設定*/
div.html04-rightside{
		width:465px;
		background-color:rgb(210,254,205);
		margin-left:1425px;
		margin-right:0px;
		margin-top:-2610px;
		height:2610px;
	
}

/*============================================================================================================================================================================

	HTML編第4回「ＨＴＭＬ文書の見出しと段落」のページの設定

============================================================================================================================================================================*/

/*HTML編初回のページヘッダーは、002-<div class="body-header">を引用*/

/*HTML編初回のパンくずリストは、003-<div class="pankuzu">を引用*/

/*HTML編第4回のメインページ（センター）の<div>タグ設定*/
div.mainbody05{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:2300px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/

/*画像等の挿入枠設定02*/
div.image06-notepad{
	padding:0px 0px 0px 20px;
	width:450px;
	height:450px;
	float:left;
}

/*画像等の挿入枠の見出し(第3回「ＨＴＭＬ文書を改行する」を引用)*/




/*テキストとHTMLとの比較画像（左側）の拡大表示リンクの位置設定*/
p.image06-1{
	text-align:center;
	padding:152px 0px 0px 0px;
}


/*画像挿入位置(image008text)の調整*/
img.h1-t{padding:0px 0px 0px 110px;
}




/*画像等の後文書の右回り設定*/
div.image-right06{
	margin:0px 5px 0px 500px;
	padding:1px 0px 0px 0px ;
	width:440px;
	height:450px;
}



/*画像挿入位置(image008text)の調整*/
img.h1-h{padding:0px 0px 0px 100px;
}




/*<p>タグ説明　左側エディター　リンク設定*/
p.image10{
	text-align:center;
	padding:10px 0px 0px 0px;
}

/*第3回「ＨＴＭＬ文書を改行する」　<br>タグ挿入前後の比較画像（右側）のＨＴＭＬ文書（<br>タグ）挿入後のリンク設定*/
p.image11{
	text-align:center;
	padding:40px 0px 0px 0px;
}

/*<p>タグ説明画像等の挿入枠設定02*/
div.image07-notepad{
	padding:0px 0px 0px 20px;
	width:450px;
	height:530px;
	float:left;
}


/*画像等の後文書の右回り設定*/
div.image-right07{
	margin:0px 5px 0px 500px;
	padding:1px 0px 0px 0px ;
	width:440px;
	height:530px;
}


/*第4回「ＨＴＭＬ文書を改行する」の左側の領域設定*/
div.html05-leftside{
	float:left;
	width:465px;
	background-color:rgb(254,205,244);
	margin:-2310px 0px 0px 10px;
	height:2310px;
}

/*第4回「ＨＴＭＬ文書を改行する」の右側の領域設定*/
div.html05-rightside{
		width:465px;
		background-color:rgb(210,254,205);
		margin-left:1425px;
		margin-right:0px;
		margin-top:-2310px;
		height:2310px;
	
}






/*============================================================================================================================================================================

	HTML編第5回「ＨＴＭＬ文書で表を作成する」のページの設定

============================================================================================================================================================================*/

/*HTML編第5回のメインページ（センター）の<div>タグ設定*/
div.mainbody06{
	color:black;/*　文字の色を指定する。現在「黒」を指定　*/
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;
		height:3000px;/*高さを設定したもの*/
		width:950px;/*幅を設定したもの*/
		margin-top:0px;
		margin-left:475px;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/

/*画像等の挿入枠設定02*/
div.image08-notepad{
	padding:0px 0px 0px 20px;
	width:450px;
	height:650px;
	float:left;
}

/*画像挿入位置(image010text)の調整*/
img.h010-t{padding:0px 0px 0px 5px;
}

/*<p>タグ説明　左側エディター　リンク設定*/
p.image12{
	text-align:center;
	padding:100px 0px 0px 0px;
}


/*画像等の後文書の右回り設定*/
div.image-right08{
	margin:0px 5px 0px 500px;
	padding:1px 0px 0px 0px ;
	width:440px;
	height:650px;
}





/*画像挿入位置(image010html)の調整*/
img.h010-h{padding:0px 0px 0px 10px;
}


/*============================================================================================================================================================================

	蔓年暦目次

============================================================================================================================================================================*/


/*萬年暦目次のメインボディー部分の指定*/

div.calendar-index-main00{color:black;/*　文字の色を指定する。現在「赤」を指定　*/
		font-size:50px;
		background-color:yellow;/*　背景の色を指定する。現在「白」を指定　*/
		padding-top:10px;/*高さを設定したもの*/
		width:970px;/*幅を設定したもの*/
		margin-left:475px;
		height:1950px;
		text-align:center;
		font-family:"HG行書体",cursive;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/



/*萬年暦目次　頁タイトルの設定*/
p.calander-index-main{all:initial;
	font-size:50px;
	font-family:"HG行書体",cursive;
	color:black;}

/*萬年暦目次　ページのメインボディー部分の表の設定【中央寄せ】*/
table.calender-index1{font-style:normal;
font-size:medium;font-style:normal;
	font-family:"MSゴシック",cursive;/*　文字のフォントを指定する。現在「HG行書体」を指定　*/
	border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin:5%;
	margin-top:30px;
	padding-top;0PX
	}


tr.calender-index1{
	border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 2px black;/*外枠の線を設定「線の種類、太さ、色」*/	}




/*萬年暦目次　中頁の表の高さ設定*/
td.calendar-index{border-style:solid ;*/
	
	border-color:red;
	padding:5px;/*記述した順に[上][右][下][左]のスタイルになります。*/
	height:46px;}/*表の高さ設定。「46px」*/

/*萬年暦目次　複数元号時の新元号右寄せ設定*/
p.table-right{margin:0px;
	text-align:right;}




/*萬年暦表ペ－ジの左側の設定*/
div.calendar-index-left-side
	{float:left;
	width:475px;
	background-color:rgb(254,205,244);
	margin-top:-1960px;
	height:1960px;}


/*萬年暦表ペ－ジの右側の設定*/
div.calendar-index-right-side{width:475px;
		background-color:rgb(210,254,205);
		margin-left:1445px;
		margin-top:-1960px;
		height:1960px;}





	/*2020年カレンダー*/


/*萬年暦の各年ごとの設定*/
div.calendar-month2020{color:black;/*文字の色を指定する。現在「赤」を指定　*/
		font-size:50px;
		background-color:yellow;/*背景の色を指定する。現在「白」を指定　*/
		padding:0px;
		margin-left:475px;
		width:970px;
		height:1500px;
		text-align:center;
		font-family:"HG行書体",cursive;}/*左からの配置を設定したもの「全画面の1/4を右側にずらし、表示させる設定をしたもの」*/

/*萬年暦　1、5、9月の欄*/
div.calendar-1月{background-color:white;
	margin-left:10px;
	margin-top:20px;
	width:230px;
	height:380px;
	padding:1px;}

/*萬年暦　2、6、10月の欄*/
div.calendar-2月{float:right;
	background-color:white;
	margin-top:-382px;
	margin-right:489px;
	width:230px;
	height:380px;
	padding:1px;}

/*萬年暦　3、7、11月の欄*/
div.calendar-3月{float:right;
	background-color:white;
	margin-top:-382px;
	margin-right:249px;
	width:230px;
	height:380px;
	padding:1px;}

/*萬年暦　4、8、12月の欄*/
div.calendar-4月{float:right;
	background-color:white;
	margin-top:-382px;
	margin-right:10px;
	width:230px;
	padding:1px;
	height:380px;}		


/*萬年暦の各年ごとの設定*/
table.calendar2020{all:initial;
		display:block;
		margin:6.5px;
		width:217px;}

table.calendar2020-2{all:initial;
display:block;
border-collapse:collapse;/*隣り合う線を結合する。*/
	border:solid 0px black;/*外枠の線を設定「線の種類、太さ、色」*/	
	margin:6.5px;
	margin-right:500px;
	maegin-top:-400px;
	text-align:center;
	height:350px;
	width:217px;}


/*年月名(強調)*/
caption.strong{font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;}


/*各年暦内のボーダーライン設定*/
tr.year-calendar{}


/*平日の曜日表示設定*/
th.year-calendar{border-style:solid;
		border-color:black;
		border-width:2px 0 1px 1px;
		border-collpase:collpase;
		padding:0px;	
		width:30px;
		height:35px;}


/*日曜日の表示を赤色にする*/
th.year-calendar-sunday{color:red;
			padding:0px;
			border:solid 1px black;
			border-width:2px 0px 1px 2px;
			border-collpase:collpase;
			width:29px;
			height:35px;}


/*土曜日の表示を青色にする*/
th.year-calendar-saturday{padding:0px;
			border:solid 1px black;
			border-width:2px 2px 1px 1px;
			border-collpase:collpase;
			color:blue;
			width:28px;
			height:35px;}


/*日曜日にあたる日を赤色にする*/
td.year-calendar-sunday{color:red;
			border:solid 1px black;
			border-width:0px 0px 1px 2px;
			border-collpase:collpase;
			text-align:center;
			padding:0px;
			width:29px;
			height:35px;}


/*平日のボーダー設定等*/
td.year-calendar{border-style:solid;
		border-color:black;
		border-width:0px 0 1px 1px;
		border-collpase:collpase;
		padding:0px;
		text-align:center;
		width:30px;
		height:35px;}


/*土曜日にあたる日を青色にする*/
td.year-calendar-saturday{color:blue;
			border-style:solid;
			border-width:0px 2px 1px 1px;
			border-collpase:collpase;
			text-align:center;
			padding:0px;
			width:28px;
			height:35px;}


/*暦表最後の日曜日*/
td.year-calendar-lastweek-sunday{color:red;
				border-style:solid;
				border-width:0px 0px 2px 2px;
				border-collpase:collpase;
				text-align:center;
				padding:0px;
				width:29px;
				height:35px;}


/*暦表最後の平日*/
td.year-calendar-last{border-style:solid;
		border-width:0px 0px 2px 1px;
		border-collpase:collpase;
		text-align:center;
		padding:0px;
		width:30px;
		height:35px;}


/*暦表最後の土曜日*/
td.year-calendar-lastweek-saturday{color:blue;
			border-style:solid;
			border-width:0px 2px 2px 1px;
			border-collpase:collpase;
			text-align:center;
			padding:0px;
			width:28px;
			height:35px;}


/*祝日の設定*/

/*日曜日が祝日の場合*/
td.year-calendar-national-holiday-sunday{color:red;
			font-weight:600;
			border:solid 1px black;
			border-width:0px 0px 1px 2px;
			border-collpase:collpase;
			text-align:center;
			padding:0px;
			width:29px;
			height:35px;}


/*土曜日が祝日の場合*/
td.year-calendar-national-holiday-saturday{color:red;
			font-weight:600;
			border-style:solid;
			border-width:0px 2px 1px 1px;
			border-collpase:collpase;
			text-align:center;
			padding:0px;
			width:28px;
			height:35px;}


/*平日が祝日の場合*/
td.year-calendar-national-holiday{color:red;
		font-weight:600;
		border-style:solid;
		border-color:black;
		border-width:0px 0 1px 1px;
		border-collpase:collpase;
		padding:0px;
		text-align:center;
		width:30px;
		height:35px;}


/*最終行の日曜日が祝日の場合*/
td.year-calendar-national-holiday-lastweek-sunday{color:red;
						font-weight:600;
						border-style:solid;
						border-width:0px 0px 2px 2px;
						border-collpase:collpase;
						text-align:center;
						padding:0px;
						width:29px;
						height:35px;}


/*最終行の土曜日が祝日の場合*/
td.year-calendar-national-holiday-lastweek-saturday{color:red;
						font-weight:600;
						border-style:solid;
						border-width:0px 2px 2px 1px;
						border-collpase:collpase;
						text-align:center;
						padding:0px;
						width:28px;
						height:35px;}


/*最終行の平日が祝日の場合*/
td.year-calendar-national-holiday-last{color:red;
					font-weight:600;
					border-style:solid;
					border-width:0px 0px 2px 1px;
					border-collpase:collpase;
					text-align:center;
					padding:0px;
					width:30px;
					height:35px;}



/*萬年暦の各年ごとのペ－ジの左側の設定*/
div.calendar-month-left-side
	{float:left;
	width:475px;
	background-color:rgb(254,205,244);
	margin-top:-1500px;
	height:1500px;}


/*萬年暦の各年ごとのペ－ジの右側の設定*/
div.calendar-month-right-side{width:475px;
		background-color:rgb(210,254,205);
		margin-left:1445px;
		margin-top:-1500px;
		height:1500px;}