/*test1.css */

	<style type="text/css">

/*マージンを０にすれば要素と要素の間はなくなる*/
/*パデングは文字とヘチの間隔を決める*/
/*ボックスは各要素を表示する四角い領域のこと*/
/*要素とはbody,P,divなど*/

	caption.midasi
		{color:#00ff00;
		font-size:2em;
		text-align: center;
		border-style:1;
		}


	.midasi100{color:#00ff00;
		font-size:1em;
		text-align: center;
		padding:1em;
		margin-left:100px;
		margin-right:100px;
		margin-top:5px;
		margin-bottom:5px;
		}
	table.sukima
		{
		border:solid 2px #00aa80;
		border-collapse:collapse;
		
		}width:100px;
		height:100px;
	table.sukima th
		{
		border-bottom:solid 2px #00aa80;
		border-right:dashed 1px gray;
		padding:0.3em;
		}
	table.sukima td
		{
		border-bottom:solid 1px green;
		border-right:dashed 1px gray;
		padding:0.3em 0.4em;
		}



	td.hyounoiro2
		{color: #003300;
		font-size: 1em;
		text-align: center;
		width:100;
		height:10;
		}
	 td.hyounoiro3{
		color:#0099cc;
		font-size:1em;
		text-align:center;
		}

	td.hyounoiro4
		{color: #ff0000;
		font-size: 1.5em;
		text-align:center;
		}
	h1.midasi{
		color: #00cc00;
		font-size: 3em;
		text-align: center;
		padding:1em;
		margin-left: 200px;
		margin-right: 200px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-color:#0066cc;
		border-width:15px;
		}

	
	h2.midasi{
		color: #00cc00;
		font-size: 3em;
		text-align: center;
		padding:10px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 10px;
		margin-bottom: 0px;
		border-color:#0066cc;
		border-width:15px;
		background-color:#ffff99;
		}

			
	a:link
		{
		color:#0000ff;
		background: #ffffff;
		}
	a:hover
		{
		color:red;
		background-color:#ffffcc;
		}
	a:active
		{
		color:#00ffff;
		background-color:greeen
		}
	a:visited{
		color:#008080;
		}

	td.hyounoiro1
		{color: #9900cc;
		font-size: 1.5em;
		text-align:center;
		}
	div.center float:center;

	.center{
		}

	h1	{
		background-color:#cfc;
		color:rgb(0,128,0);
		font-style:italic;
		padding:10em;
		margin-left:50px;
		margin-right:50px;
		margin-top:50px;
		margin-bottom:50px;
		}

	.midasi
		{
		color:#00ff00;
		font-size:1em;
		text-align: center;
		padding:1em;
		margin-left:100px;
		margin-right:10px;
		margin-top:50px;
		margin-bottom:50px;
		}


	h2	{
		background-color:#ffffcc;
		color:#ff0000;	
		font-size:1.2em;
		}
		
		{padding:1em;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		margin-bottom:1px;}
		}
		
	h1.midasi{
		color: #66ff00;
		font-size: 4em;
		text-align: center;
		}


	h1.midasired{
		color: #ff0000;
		font-size: 2em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		padding:0.5em;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-color:#0066cc;
		border-width:15px;
		}
	h1.midasib{
		color: #ff0000;
		background-color:#ff0;
		font-size: 2em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		padding:10px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 0px;
		margin-bottom: 10px;
		border-color:#0066cc;
		border-width:15px;
		}

	.hyounoiro9{
		color:#660099;
		font-size:1.5em;
		text-align:center;
		padding:0.5px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top:0px;
		margin-bottom: 0px;
		line-height:2em;
		background-color:#33ccff;	
		}
	.hyounoiro100{
		color:#ffffff;
		font-size:1.2em;
		text-align:center;
		padding:20px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top:0px;
		margin-bottom:50px;
		line-height:2em;
		background-color:#000000;	
		}


	p::first-line
		{
		color:#red;
		}
	#sample61{color:red;
		}

	p#sample1
		{font-style:obiqui;
		color:green;}




	caption.tyuudan
		{
		font-size:2em;
		font-color:#330099;
		}

	

	caption.gedann
		{
		font-size:1.5em;
		color:#009966;
		}

	.gedann
		{
		font-size:1.5em;
		color:#009966;
		}
	
	.saigedann{ 
		margin-left: auto;
		margin-right: auto;
		margin-top:20pt:
		margin-bottom:20pt;
		height:5; 
		width:700;
		border-style:0;
		color:#3333ff;
		font-size:100%;
		ffont-fase:MS 明朝;
		}

	
	.saigedannnosita{ 
		margin-left: auto;
		margin-right: auto;
		margin-top:20pt:
		margin-bottom:20pt;
		color:#cc0066;
		font-size:120%;
		ffont-fase:MS 明朝;
		height:2; 
		width:700;
		border-style:0;}



	
	.hyounoiro17
		{color: #003300;
		font-size: 1em;
                writing-mode:tb-vertical-rl;
		text-align:center;
		}
      


/*	height:200%;
		width:100%;*/

	
	.hyounoiro8{
		color:#ff9900;
		font-size:1em;
		
		text-align:center;
		font-style:italic;
		}

	line-height:150%;
		width:200%;
	
	span.haikei{
		background-color:#ff66cc;
		color:#ff0000;
		}
	span.haikei1{
		background-color:#00ff99;
		}
	span.haikei2{
		background-color:#ffcc00;
		padding:5px;
		
		}
	span.haikei3{
		background-color:#00ffff;
		}

	


	h1.midasigreen{
		color: #32cd32;
		font-size: 2.5em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		}



	h1.midasiyellow{
		color: #ffff00;
		font-size: 2.5em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		}
	h1.midasiblue{
		color: #0000ff;
		font-size: 2.5em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		}



	.pen1	{background-color:yellow;
		padding:0.1em 0px;
		}
	.pen2	{background-color:red;
		padding:0.1em 0px;
		}

	h2.midasired{
		color: #ff0000;
		font-size: 1.8em;
		text-align: center;
		text-decoration:blink;
		font-family:'MS p ゴシック',osaja,sans-serif
		}

	.sample56{
		line-height:150%;
                color:#008080;
		font-size:1em;
                white-space:normal;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:50px;
		margin-right:50px;
		text-align:center;
		padding:1em;
		}
		

	.sample57
		{
		line-height:1.7em;
                color:#000000;
		background-color:#00ccff;
		text-align:center;
		text-indent:1em;		
                white-space:normal;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:50px;
		margin-right:50px;
		padding:10px;
		font-size:1.2em;
		}
		
	.sample58
		{
		text-indent:1em;
		line-height:150%;
		text-indent:0em;
		background-color:#ffff66;
		color:#000000;
                white-space:normal;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:50px;
		margin-right:50px;
		padding:10px;
		border:1px solid #0066cc;
		webkit-column-width:10em;
		moz-column-width:10em;
		column-width:10em;
		webkit-column-rule:1px dotted #66aaee;
		moz-column-rule:1px dotted #66aaee;
		column-rule:1px dotted #66aaee;
		}	
	.sample59{
		background-color:#ccff33;	
		text-indent:1em;
		text-align:left;
		font-size:1.3em; 
		color:#000000;
		padding:0.5em;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-color:#0066cc;
		border-width:15px;
		}
	.sample60
		{
		text-indent:1em;
		line-height:200%;
		color:#000000;
		background-color:#ffffcc;
                white-space:normal;
		margin-top:5px;
		margin-bottm:50px;
		margin-left:400px;
		margin-right:400px;
		padding:10px;
		border:1px solid #0066cc;
		webkit-column-width:10em;
		moz-column-width:10em;
		column-width:10em;
		webkit-column-rule:1px dotted #66aaee;
		moz-column-rule:1px dotted #66aaee;
		column-rule:1px dotted #66aaee;
		writing-mode:tb-rl;
		font-size:1em;
		}	


	.sample61{
		background-color:#99ff00;	
		text-indent:1em;
		text-align:center;
		font-size:1.3em; 
		color:#000000;
		padding:1em;
		margin-left: 100px;
		margin-right: 100px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-color:#0066cc;
		border-width:15px;
		}		

	h2.midasiblue{
		color: #0000ff;
		font-size: 1.5em;
		text-align: center;
		text-decoration:underline;
		font-weight:bold;
		}
	h3.midasiblue{
		color: #0000ff;
		font-size: 1.5em;
		text-align: center;
		text-decration:blink;
		font-style:italic;
		}

	span.jisagari{
		margin-left:1em;		
		}
	.sample1{
		font-size:80%;
		line-height:1.3;
		margin:1.5em;
		}
	.sample2{
		font-size:120%;
		color:red;
		line-height:1.3;
		margin:1.em;
		}
	.sample3
		{
		background-color:#0f6;
		text-align:left;
		}
.	.sample4
		{
		background-color:#ff0;
		color:#c06;
		font-size:2.5em;
		margin:0.1em; 0.1em;
		padding:0.1em;
		text-align:center;
			border:solid 0.3em #30c;
		line-height:1.5em;
		}
	.sample5
		{
		color:#630;
		size:1em;
		padding:0.2em;
		margin-left:0.2em;
		margin-right:0.2em;
		margin-top:0em;
		margin-bottom:0em;
		background-color:#6fc;
		line-height1.5em;
		}
	.sample6
		{
		color:#f00;
		font-size:1.5em;
		padding:0.2em;
		margin-left:0.2em;
		margin-right:0.2em;
		margin-top:0em;
		margin-bottom:0em;
		background-color:#6fc;
		line-height:2em;
		text-align:center;
		}
	.sample7
		{
		background-color:#0f6;
		
		text-align:center;
		font-size:1.3em; 
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
	
		}
	.sample8{
		background-color:#ff3;
		
		text-align:center;
		font-size:1.3em; 
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
		}
	.sample9{
		background-color:#3ff;
		text-align:center;
		font-size:1.2em; 
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
	
		}
	.sample10{
		background-color:#f6c;
		text-align:center;
		font-size:1.2em; 
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
		}
	.sample11{
		background-color:#90c;
		text-align:center;
		font-size:1.2em; 
		color:#fff;
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
		}
	p.sample12{
		text-indent:2em;
		}
	.sample13{
		color:red;
		}
	.sample14{
	         	color:blue
		}
	.sample15{
		background-color:#009;	
		text-align:center;
		font-size:1.2em; 
		color:#ffc;
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
		}
	.sample16{
		background-color:#600;	
		text-indent:1em;
		text-align:center;
		font-size:1.5em; 
		color:#ffc;
		padding:0em;
		margin-left:0em;
		margin-right:0em;
		margin-top:0em;
		margin-bottom:0em;
		}
	.sample17{
		background-color:#900;	
		text-indent:1em;
		text-align:center;
		font-size:1.3em; 
		color:#ffc;
		padding:0em;
		margin-left:50px;
		margin-right:50px;
		margin-top:50px;
		margin-bottom:50px;
		}
	p.sample18{
		text-indent:1em;
	         color:green;
		}
	.sample19{color:#fff;
		background-color:#060;
		font-size:1em;	
		}
	.sample20{color:#fff;
		background-color:#c09;
		font-size:1em;	
		}
	.sample21{color:#fff;
		background-color:#00f;
		font-size:1em;	
		}
	.sample22{text-decoration:underline;
		color:red
		}      
	.sample23{color:#000;
		background-color:#CCC;
		font-size:1em;	
		line-height:150%;	
		text-indent:1em;
		}
	p.sample24{
		first-letter:200%;
	         padding:0.1em; 
	         color:white;
	          background-color:red;
		color:green;
		}
	p.sample25{
		text-indent:1em;
	         color:blue;
		}
	p.sample26{
		text-indent:1em;
	         color:fuchsia;
		}	
	p.sample27{
		text-indent:1em;
	         color:olive;
		}
	p.sample28{
		text-indent:1em;
	         color:black;
		}	
	.sample50
		{line-height:200%;
		}	
　　　　.sample51
		{line-height:200%;
		color:#000000;
		}	

	.sample52
		{line-height:150%;
                  color:#ff0000;
                  font-style:italic;
                  font-size:1.2em;
		}

	.sample53
		{line-height:150%;
                  color:#003080;
                  font-family:cursive;
		  font-size:1.2em;
		}
	.sample54
		{line-height:200%;
                  color:#00ff00;
                  font-style:italic;
		}
	.sample55
		{line-height:150%;
                 color:#0000ff;
                 font-weight:bold;
		}



	#smple58{		
		text-indent:1em;
		line-height:200%
		text-indent:1em;
		background-color:#ff99cc;
                white-space:normal;
		margin-top:5px;
		margin-bottm:50px;
		margin-left:400px;
		margin-right:400px;
		padding:10px;
		border:1px solid #0066cc
		}
	.smple70{		
		text-indent:1em;
		line-height:200%
		text-indent:1em;
		background-color:#ff0000;
                white-space:normal;
		margin-top:5px;
		margin-bottm:50px;
		margin-left:50px;
		margin-right:50px;
		padding:10px;
		border:1px solid #0066cc;
		}		




		webkit-column-width:10em;
		moz-column-width:10em;
		column-width:10em;
		webkit-column-rule:1px dotted #66aaee;
		moz-column-rule:1px dotted #66aaee;
		column-rule:1px dotted #66aaee;

	#smple60{
		font-size:1em;
		color:#0099cc;
		}

	#sample1{
		webkit-column-count:2;
		moz-column-count:2;
		columun-count:2;
		padding:0em;
		margin-left:50px;
		margin-right:50px;
		margin-top:50px;
		margin-bottom:50px;
		}



	div.menu{
	   	float:left;
	  	width:30%;
		background-color:#aaddff;
		color:#000080;
		}
	div.footer{
		clear:both;
		background-color:#ccffcc;
		text-align:center;
		}
	div.menu,div.main{
		padding:0.3em;
		}
	p.{
		width:1000;	    
		}
	
	section
		{
		column-width:8em;
		}
	
	<!--body#asunaromein {background-image:url(image1/b4_1.gif);topmargin:10;onload:daytime();}-->
	<!--margin-top: 20pt;margin-bottom:20pt;text-align:center;border-style:solid;-->
	<!--テーブルをセンターに位置づけます-->
	<!--コメント　td内がすべてセンターになる-->
	<!--font color="#ff00cc" size=6-->
	/*<!--コメント　時計のCSSです。

	body#asunaromein
	{
	background-image: url("image1/b4_1.gif");
	topmargin: 10;
	onload:setInterval('realTime()',1000);
	}　　->
	
	*/
	

	div#catv h2{ color:green; }

	div.keiyaku p{ color:gray; }
	






	</style>