body {
margin: 10;
padding: 0;
line-height:1.4;
color:#333;
}

.outer
	{
	width:750px;
	background-color: #FFFFFF;
	padding: 5px;
	margin:0 auto 0 auto;
border-style: ridge;
border-color: #e6ecfe;

	}



#header {

	background-color: #FFFFFF;
	padding: 5px;
	margin:0 auto 0 auto;
text-align:center

	}





.box1
	{
	width:100%;
	background-color: #FFFFFF;
	}

.box2
	{
	width:100%;
	background-color: #FFFFFF;
	height: 30px;
	}


H1 {
  color: #0000ff; /* 文字の色 */
  line-height: 130%; /* 行の高さ */
font-size: medium;

}

H2 {
  color: #333; /* 文字の色 */
  background-color: #e6ecfe; /* 背景色 */
  line-height: 130%; /* 行の高さ */
font-size: medium;
}


H3 
 {
  color: #333; /* 文字の色 */
  line-height: 130%; /* 行の高さ */
font-size: 120%; 

}


ul {
list-style-type: square;
margin-top:0.2em; margin-bottom:0.2em;
}


#footer{clear:both}
#footer p{background-color:#e6ecfe;
text-align:center
}




table {
width: 100%;
border:none;
}

td {
text-align: center;
vertical-align: bottom;
}
border:none;
vertical-align:middle;
padding:0;border:0; 
}


td.head01 { 
text-align: left;
width: 60%;

 }

td.head02 { 
text-align: right;
width: 10%;
font-size: x-small;
text-align:center ;

 }


table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;
text-align: center;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: normal;
}
table.form th {
	white-space: nowrap;
	background: #cccce6;
}
table.form td {
	background: #f0f0f0;
}

.blue {
  color: #333; /* 文字の色 */
  background-color: #e6ecfe; /* 背景色 */
  line-height: 130%; /* 行の高さ */
font-size: medium;
font-weight: bold; 
text-align:left ;
}


.menu
	{
	float:left;
	width:30%;
	background-color: #FFE2B2;
	height: 150px;
	}

.main
	{
	float:left;
	width:70%;
	background-color: #D1F0FF;
	height: 150px;
	}