img {float: left;}


img.imagebody {float: left;
	padding: 0px 5px;}


	



#textblock1 {
	width:475px;
	float: left;
	left: 25px;
	padding: 10px;

}

#textblock2
 {
	width:200px;
	height:250px;
	text-align:center;
	left: 530px;
	background-color: #99ccFF;
	padding: 10px;}

#textblockb
{
	width:200px;
	float: left;
	height:250px;
	text-align:center;
	left: 530px;
	background-color:#FFFFEE;
	border-width:1px;
	border-color:#663300;
	border-style:solid;
	padding: 10px;	
}


body  {
	background-color:#ffffff;
	color: black;
 
	font-family:  Arial,"MS Gothic", Helvetica, sans-serif;
 
	
	font-size: 12px; 
	  
	}
	
table
{
	vertical-align:top;
	border-style:none;
}


td {
	font-size: 12px;
 }	

/*各画面の上部にあるメニューもTableで作ってあるようなので、table.contentsと名前をつけるのを忘れずに*/

table.menu
{
	width:750px;
	border-width:0px 0px 2px 0px;
	border-color:#003366;
	border-style:solid;
	margin-bottom:15px;
}

table.contents
{
	width:420px;
}

table.contents td
{	padding:3px;
	vertical-align: top;
}


table.contents td.1
{background-color:#FFFFCC;}

table.contents td.2
{background-color:#CCFFFF;}



table.about02
{
	float:right;
	border-style:none;
	margin:5px;
}

table.note
{
	border-width:1px;
	border-color:#663300;
	border-style:solid;
	background-color:#FFFFEE;
	margin:5px;
	text-align:center;
}



H1 { 
	color: #3396C6;
	font-weight: bold; 
	font-size: 16px; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;}

h2 { 
	color: black;
	font-weight: bold; 
	font-size: 14px; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;
	text-align: left;}

h3{
	color: black;
	font-weight: bold; 
	font-size: 13px; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;
	text-align: left;
	text-shadow: red 2px 3px 4px;
}

/* 全部終わったら下記のものは消す  */


.title { 
	color: #3396C6;
	font-weight: bold; 
	font-size: 16px; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;}

#subtitle { 
	color: black;
	text-align:center;
	font-weight: bold; 
	font-size: 14px; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;
	text-align: left;}

/* kokomade */

.latin {
	font-family: Arial, Helvetica, sans-serif;}


p { 
	color: black; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 150%; 
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;}


#copyright { 
	color: black;
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;


ul {
	list-style:round;
	color: #ffcc00;
	line-height: 150%;
	margin-left:8px;
	padding-left:8px; }

img {
border: none;
}

img.book{
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	width:100px;}

img.bookb
{
	border-style:solid;
	border-color:#aaaaaa;
	border-width:1px;
	width:180px;
}

a:link {
	color: black;
	font-weight: normal;
	text-decoration: underline;
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;	}


a:visited {
	color: black;
	font-weight: normal;
	text-decoration: underline;
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;	}


a:hover {
	background-color: #ccffff;
	font-weight: normal;
	text-decoration: underline;
	font-family: "MS Gothic", Arial, Helvetica, sans-serif;
	cursor: pointer;
	}


 ul.contents {
	list-style-type: square;
	text-align:left;
	color: #003366;
  	margin-left:15px;
	padding-left:5px;
	margin-right:15px;
	font-weight:bold;
	list-style-position:outside;
  
}


 ul.menu {
	list-style-type: square;
	text-align:left;
	color: #ffcc00;
  	margin-left:15px;
	padding-left:5px;
	list-style-position:outside;
  
}



 ul.menu2 {
  list-style-type: square;
  color: #ffcc00;
  	margin-left:7px;
	padding-left:5px;
	list-style-position:outside;
  
}


.sq { list-style-type: square;

 }      /* 四角 */