/*----画面基本配置-----------------------*/
body	{color: #444444;
	background-color: #FFFFFF;
	text-align: center}

div#container	{
	padding: 20px;
	background-color: #ffffff;
	width: 610px;
	height:600px;
	margin-left: auto;
	margin-right: auto}


h1	{font-size: 1.25em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #66aa66}

p	{font-size: 0.75em}

address	{font-size: 0.75em;
	font-style: normal}

a	{color: #33aa88}

a:hover	{color: #88aaff}

address a:hover	{color: #ffaa00}

ul	{list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	background-color: #bbffaa;
	padding: 3px 20px}

li	{display: inline;
	padding-right: 10px;
	font-size: 0.75em}

li a	{text-decoration: none}

p#message	{width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 1.3}
	
	

/*----メニューの配置-----------------------*/
.menu {
  position: relative; /* 初期値で指定 */ 
  top: 0px;
  left: 8px;
}


.sub_menu_01 {
  position: absolute; /* 相対位置で指定 */ 
  top: 10px;
  text-align:center;
}

.sub_menu_02 {
  position: absolute; /* 相対位置で指定 */ 
  top: 200px;
  left:60px;
  
}

.sub_menu_03 {
  position: absolute; /* 相対位置で指定 */ 
  top: 400px;
  left:150px;
}

.sub_menu_04 {
  position: absolute; /* 相対位置で指定 */ 
  top: 500px;
  left: 190px;
}

.footer {
  position: absolute; /* 初期値で指定 */ 
  top: 560px;
  left: 150px;
}

.sub_menu_10 {
  position: absolute; /* 相対位置で指定 */ 
  top: 400px;
  left: 250px;
}


.sub_menu_11 {
  position: absolute; /* 相対位置で指定 */ 
  top: 130px;
  left:20px;
}


.sub_menu_12 {
  position: absolute; /* 相対位置で指定 */ 
  top: 200px;
  left:100px;
}