body {
background-color:#003300;
padding: 0px;
margin: 0px;
text-align: center;
}
ul#menu {
  margin: 0;
  padding: 0;
  float: left;
  width: 180px;
  list-style: none;
  color: #794c2c;
  background-color: #006600;
}
ul#menu li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
ul#menu li span {
  display: block;
  font-size: 12px;
}
li#c01 a { background: url(../images/c01.jpg) 7px 5px no-repeat; }
li#c02 a { background: url(../images/c02.jpg) 7px 2px no-repeat; }
li#c03 a { background: url(../images/c03.jpg) 7px 5px no-repeat; }
li#c04 a { background: url(../images/c04.jpg) 7px 5px no-repeat; }
li#c05 a { background: url(../images/c05.jpg) 7px 5px no-repeat; }
li#c06 a { background: url(../images/c06.jpg) 7px 5px no-repeat; }
li#c07 a { background: url(../images/c07.jpg) 7px 5px no-repeat; }
li#c08 a { background: url(../images/c08.jpg) 7px 5px no-repeat; }
li#c09 a { background: url(../images/c09.jpg) 7px 5px no-repeat; }
li#c10 a { background: url(../images/c10.jpg) 7px 5px no-repeat; }
li#c11 a { background: url(../images/c11.jpg) 7px 5px no-repeat; }
ul#menu li a {
  display: block;
  height: 40px;
  padding: 5px 7px 5px 66px;
  border-bottom: 1px dotted #ffffff;
  text-decoration: none;
  color: #ccffcc;
  background-color: #006600;
}
ul#menu li a:hover {
  color: #794c2c;
  background-color: #eee9e2;
}
ul#menu li#c11 a {
  border-bottom: none;
}
#previewPane{
border:1px solid #B0ACCB;
padding-top:2px;
height: 395px;
width:500px;
float:left;
}
#galleryContainer{
float:right;
height: 395px;
width: 160px;
padding:1px;
color:orange;
font-size:12px;
}
#previewPane2{
float:left;
border:1px solid #B0ACCB;
margin-left:20px; 
margin-right:30px;
padding-top:2px;
height: 270px;
width:360px;
}
#galleryContainer2{
margin:0 0 20px 20px;
height: 40px;
width: 360px;
}
.galleryContainer3{
width: 690px;
}
.previewPane3{
float:left;
margin-left:20px;
padding-top:2px;
height: 400px;
width:500px;
}

/* コンテンツ
---------------------------------------------------- */
#content {
  margin: 20px 0 0 0;
  width: 890px;
  height:auto;
  text-align:left;
}
#maintop1{
	float:left;
	margin-left:20px;
	margin-top:20px;
	margin-right:10px;
	width: 490px;
	color:#ccffff;
	font-size:small;
	text-align:left;
}
#Title1{
	float:left;
	margin-top:20px;
	width: 190px;
	height:18px;
	font-size:14px;
	text-align:center;
	background-color:#99ffcc;
}
#maintop2{
	float:right;
	width: 190px;
	height:420px;
	font-size:small;
	text-align:left;
	background:url(../images/img2.gif) ;
}
#c07cmt{
	float:left;
	width: 280px;
	height:100px;
	font-size:small;
	text-align:left;
	background:url(../images/img2.gif) ;
}
.Title12{
	float:right;
	width: 130px;
	height:18px;
	font-size:14px;
	text-align:center;
	color:#000000;
	background-color:#99ffcc;
}
#maintop3{
	float:right;
	width: 130px;
	height:1000px;
	padding-left:2px;
	font-size:small;
	text-align:left;
	background:url(../images/img2.gif) ;
}
#main{
	float:left;
	margin-left:20px;
	width: 690px;
	color:#ccffff;
	font-size:small;
	text-align:left;
}
#main h1 {
  margin: 0;
  font-size: small;
}
#main p {
  margin: 0.5em 2em 2em;
  line-height: 1.3;
  font-size:small;
}
#main01{
	float:left;
	margin-left:20px;
	height: 200px;
	width: 488px;
}
#main02 {
  float:left;
  width: 690px;
  height:20px;
  margin-bottom:20px;
  color:#ffff66;
  font-size:20px;
  text-align:center;
}
#main03{
	float:left;
	width: 600px;
	color:#ccffff;
	font-size:small;
	text-align:left;
}

#image0{
	position: relative;
	margin: 0;
	padding: 0;
	background: url('../images/top1.jpg') top left no-repeat;
	height: 121px;
	width: 890px;
	text-align:left;

}
#image1{
	float:right;
	background: url('../images/image1.jpg') no-repeat;
	width: 200px;
	height:480px;
	margin-left:10px;
	margin-top:20px;
}
#image2{
	float:right;
	background: url('../images/Kingfisher.jpg') no-repeat;
	height: 180px;
	width: 120px;
	margin-right:100px;
}
#image3 a{
display:block;
float:left;
width:100px;
height:220px;
color:#CCCCFF;
background:url('../images/patent.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
margin-left:50px;
}
#image3 a:hover{
display:block;
color:orange;
}
#image4 a{
display:block;
float:left;
width:100px;
height:220px;
color:#CCCCFF;
background:url('../images/NHK.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
margin-right:20px;
}
#image4 a:hover{
display:block;
color:orange;
}
#image5 a{
display:block;
float:left;
width:200px;
height:190px;
color:#CCCCFF;
background:url('../images/ds0.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
margin-right:20px;
margin-left:50px;
}
#image5 a:hover{
display:block;
color:orange;
}
#image6 a{
display:block;
float:left;
width:150px;
height:91px;
color:#CCCCFF;
background:url('../images/Measurement0.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
margin-right:20px;
margin-left:50px;
}
#image6 a:hover{
display:block;
color:orange;
}
#image7 a{
display:block;
float:left;
width:520px;
height:277px;
color:#CCCCFF;
background:url('../images/Casals.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
margin-right:20px;
margin-bottom:20px;
}
#image7 a:hover{
display:block;
color:orange;
}
#image8 {
display:block;
float:left;
width:200px;
height:20px;
background:url('../images/mail.jpg') no-repeat;
}
dl.indnt1 dd {
margin-left: 1em;
}
dl.indnt1 dt {
color:#ff99ff;
font-size:12px;
}
dl.indnt2 dd {
margin-left: 1em;
color:#000000;
}
dl.indnt2 dt {
color:#009900;
font-size:12px;
font-weight:bold;
}
.cmnt{
  float:left;
  margin-top:30px;
  margin-left:20px;
  width: 520px;
  height:120px;
  color:#ccffff;
  font-size:12px;
  text-align:left;
}
#pr1 a{
display:block;
margin-top:10px;
float:left;
width:150px;
height:120px;
color:#CCCCFF;
background:url('../images/pr1.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr1 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr2 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr2.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr2 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr3 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr3.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr4 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr4.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr4 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr5 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr5.jpg') no-repeat;
background-position:0 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr5 a:hover{
display:block;
color:orange;]
background-position:-150px 20px;
}
#pr6 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr6.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr6 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr7 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr7.jpg') no-repeat;
background-position:-150px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr8 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr8.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr8 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr9 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr9.jpg') no-repeat;
background-position:-150px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr10 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr10.jpg') no-repeat;
background-position:-150px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr11 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr11.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr11 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr12 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr12.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr12 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr13 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr13.jpg') no-repeat;
background-position:0px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr13 a:hover{
display:block;
color:orange;
background-position:-150px 20px;
}
#pr14 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/pr14.jpg') no-repeat;
background-position:-150px 20px;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr15 a{
display:block;
margin-top:10px;
width:150px;
height:120px;
float:left;
color:#CCCCFF;
background:url('../images/ml.jpg') no-repeat;
background-position: 0 20px; 
font-weight:bold;
font-size:12px;
text-decoration:none;
text-align:left;
}
#pr15 a:hover{
display:block;
color:orange;
}

#rep1{
	float:left;
	background: url('../images/repair01.jpg') no-repeat;
	height: 640px;
	width: 480px;
	margin-left:10px;
}
#btmlbl {
font-size:12px;
color:white;
padding-left: 0px;
background: #002042; /*#002D5E;*/
width: 892px;
}
#footernav {
height:18px;
padding-right:0px;
padding-bottom:2px;
padding-top:2px;
background-color:#CCCCFF;
}
ul.minitab li {
padding-left:14px;
font-size:12px;
color:#FFFFFF;
float:left;
}
ul.minitab {
width:100%;
height:12px;
font-size:12px;
padding-left:0;
margin-left:0;
padding-right:0px;
border-top:#FFFFFF 1px solid;
padding-left:0px;
padding-bottom:2px;
padding-top:2px;
margin:0px;
border-bottom:#FFFFFF 1px solid
}
h1{
color:orange;
text-align:left;font-size:12px;
text-indent:2em;
margin:0 0 0 10px ;
padding:0 0 0 10px ;
}
h2{
color:#ffff66;
text-align:left;
font-size:small;
width:600px;
}
h3{
text-align:right;
font-size:small;
}

#p1{
color:orange;
padding-bottom:0px;
}
.container {
text-align: left;
width: 890px;

}
.container0 {
background-color:#4a5c74;
float:left;
color:white;
text-align: left;
font-size:small;
width: 370px;
height:450px;
}
.container1 {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width: 690px;
	color:#000000;
	font-size:small;
	text-align:left;
}
.container2 {
font-size:12px;
color:#ccffff;
text-align:left;
float:left;
width: 360px;
margin-left:10px;
margin-right:10px;
}
#container3 {
float:left;
text-align:center;
font-size:small;
width: 320px;
height:310px;
}
.container4 {
font-size:small;
color:#ccffff;
text-align:left;
float:left;
width: 560px;
margin: 10px 0 0 20px;
}
.container5 {
font-size:small;
color:#ccffff;
text-align:left;
float:left;
width: 500px;
margin-left:20px;
}

/* ---------- Hotspot Declarations ---------- */
table#tbl01 {
float:left;
	font-size:12px;
    width: 350px;
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0; /*url(img/bg_02.gif) repeat-x 0 100%*/
    
}
table#tbl01 th {
    padding: 2px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE; /*url(img/bg_02_header.gif) repeat-x 0 100%*/
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#tbl01 td {
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align:left;
    white-space: nowrap;
}
#mapspot0 {
position:absolute;
top:15px;
left:130px;
width: 40px;
height: 40px;
background: url('../images/logo00.jpg') 0px 0px no-repeat;
}
a:link { color: #6699ff }   /* リンク */
a:visited {                 /* 既に見たリンク */
  color: #ff00ff;
  text-decoration: none     /* 下線を消す */
}
a:active { color: #00ff00 } /* クリック時のリンク */
a:hover {                   /* カーソルが上にある時のリンク */
  color: #ff0000;
  text-decoration: none     /* 下線を消す */
}