* {margin: 0;padding: 0;}

body{font: 90%/1.3 "MS UI Gothic", "Osaka", monospace;
    text-align: center;color: background: #fff;}
body div{margin:0 auto;}
    
table{font: 100%/3 "MS UI Gothic", "Osaka", monospace; table-layout:fixed; text-align:center; line-height:1.8em;}
   
a { font:bold;color: #006699; /*background: inherit;*/ text-decoration: none;}	/*リンク青*/
h1 { font: bold 2.5em "MS UI Gothic", "Osaka", monospace; color: #036DA7 }		/*ヘッダーh1*/
h2 { font: bold 1em "MS UI Gothic", "Osaka", monospace; padding: 0; margin: 0; }/*ヘッダーh2*/

div#top{width:820px;padding:10px 0 10px 0;background-color: #FFF;}
div#top .header{width:820px; overflow:hidden;  background: #D8FFB2;}		/*見出し*/
div#top .header h1{width:780px;text-align:left; color:#2E8B57;}	/*ヘッダーh1 forestgreen*/
div#top .header h1{padding: 35px 50px 10px;}
div#menu{width:760px;text-align:left}


ul#nav{
font-size:100%;
font-weight: bold;
float:right;
list-style-type: none;
}

ul#nav li{
width:95px;
float: left;
}

li#active p{
	font:bold;
	width:95px;
	background-color: #FFF;
	text-align:center;
	padding:8px 0;
}

#nav a{
	width:95px;
	float: left;
	background-color: #E5FFCC;
	text-align:center;
	vertical-align:center;
	text-decoration: none;
	padding:8px 0;
	}

#nav a:hover {
	background: #E0FFE0;
	}


#left {
	width:620px;
	height:470px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	font: 100%/3 "MS UI Gothic", "Osaka", monospace;
	line-height:180%;
	background: #F5F5DC; /*Beige*/
	} 					/*左側領域*/

#left .page1{
	width:620px;
	height:470px;
	background: url(image/omote.PNG) 90% 20% no-repeat;
}

#left .page2{
	width:620px;
	height:470px;
}
	
#left .box{
	width:620px;
	
	text-align:left;
	padding:30px;;
}

#main {
	width:820px;
	height:470px;
	margin-bottom:10px;
	float:left;
	font: 100%/3 "MS UI Gothic", "Osaka", monospace;
	background: #F5F5DC; /*Beige*/ 
	line-height:180%;
	}
#main .box{
	float:left;
	padding: 10px;
	text-align: left;
	background: #F5F5DC; /*Beige*/ 
}

form{
	text-align:center;
}

#right {
	width:190px;
	height:470px;
	margin-bottom:10px;
	float:left;
	font: 100%/3 "MS UI Gothic", "Osaka", monospace;
	background : #FFFFD1 url(image/futaba.PNG) center 90% no-repeat;
	 
	}	/*右側領域*/

#right .box {
	width:190px;
	
	padding: 20px 0;
	line-height:180%;
	text-align:left;
	background : #FFFFD1;	/*右ボックス(小),淡い黄*/
	 
	}

#right .box a{
	margin:0 10px;
	font: 95%/3 "MS UI Gothic", "Osaka", monospace;
	background: #FFFFD1 url(image/futaba.PNG) center bottom;
}
#right .box p{
	margin:0 10px;
	font: 95%/3 "MS UI Gothic", "Osaka", monospace;
}
#right .box h2{
	margin:0 10px;
	font: bold 100%/3 "MS UI Gothic", Osaka, monospace;
}

#content {
	width:820px;
	font: 100%/1.3 "MS UI Gothic", Osaka, monospace;
	background: #FFF;}

ul{  padding: 0; margin: 0;}
li { list-style-type: none;}

#map {
	float:left;
	width:500px;
	height:400px;
	font: 100%/1.3 "MS UI Gothic", "Osaka", monospace;
}

#bottom{width:820px;padding:10px 0 10px 0; clear:Left;
	text-align:center;
	background-color: #E2FFC6;}