body {   
font-size:100%; 
width:900px;
margin-right: auto;
margin-left : auto;
}

p{
font-size: 80%;
text-align:left;
}

pre{
font-size: 80%;
text-align:left;
}

td{
font-size: 80%;
}

h1{
color: #000000;
font-size: 9pt;
font-family: "Meiryo UI",sans-serif;
}

h2{
color: #000000;
font-size: 9pt;
font-family: "Meiryo UI",sans-serif;
}

h3{
color: #000000;
font-size: 8pt;
font-family: "Meiryo UI",sans-serif;
}

p.left{
text-align: left;
font-size: 80%;
}

p.right{
text-align: right;
font-size: 80%;
}

p.center{
text-align: center;
font-size: 80%;
}

p.big{
text-align: left;
font-size: 120%;
}

p.event{
text-align: center;
font-size: 100%;
color: #660000;
}

#container{
width: 900px;
height: 120px;
}

#header1{  
width: 450px; 
height: 110px;
float: left;
}  

#header2{
width: 450px; 
height: 110px;
float:left;
}

.menu ul{
  margin: 0;
  padding: 0;
　margin: auto;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 180px;/*親メニューの幅*/
  height: 50px;/*親メニューの高さ*/
  line-height: 40px;
  background:#55402b;/*親メニューの背景色*/
  color: #ffffff;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
  font-family: "Meiryo UI",sans-serif;
}
.menu ul li a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#996633;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 180px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 180px;/*サブメニューの幅*/
  height: 0;
  background:#cc9900;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#cc6600;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:35px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


#contents{  
  width: 900px;  
  height: 1000px;
　margin: auto;
}

#contents1{  
  width: 900px;  
  height: 600px;
　margin: auto;
}  

#contents2{  
  width: 800px;  
  height: 350px;
  margin: auto;
}    

#contents2_1{
width: 400px;  
height: 300px;
float:left;
}  

#whatsnewtitle{
width: 400px;  
height: 55px;
}  

#whatsnew{
border: solid 1px #808080;
padding: 0.5em;
overflow: auto;
width: 385px;
height: 280px;
color: #330000;
font-family: "Meiryo UI",sans-serif;
font-size: 85%;
}  

#event_day{
width: 700px;  
height: 150px;
}  

#event_day_new{
border: solid 1px #808080;
padding: 0.5em;
overflow: auto;
width: 650px;
height: 100px;
color: #330000;
font-family: "Meiryo UI",sans-serif;
font-size: 85%;
}  

#contents2_2{
width: 400px;  
height: 350px;
float: left;
}

#message{
width: 400px;  
height: 350px;
float: right;
}

#contents2_3{
width: 400px;  
height: 200px;
float:left;
}

#company{
width: 900px;
height: 2000px;
}

#work_kentiku{
width: 900px;
height: 1300px;
}

#work_doboku{
width: 900px;
height: 900px;
}

#event{
width: 900px;
height: 1200px;
}

#contact{
width: 900px;
height: 700px;
}

#mapviewer{
width: 700px;
height: 400px;
}

#page_menu{
width: 200px;
height: 800px;
background-color: #ffffff;
float: left;
}

#company_contents{
width: 700px;
height: 2000px;
float: left;
}

#work_kentiku_contents{
width: 700px;
height: 1300px;
float: left;
}

#work_bodoku_contents{
width: 700px;
height: 900px;
float: left;
}

#event_contents{
width: 700px;
height: 1000px;
float: left;
}

#contact_contents{
width: 700px;
height: 500px;
float: left;
}

#main_contact{
width: 900px;
height: 500px;
}

#main{
width: 900px;
height: 1200px;
}

#main_contents1{
width: 900px;
height: 480px;
float:left;
}

#main_contents2{
width: 900px;
height: 600px;
float:left;
}


#footer{
position: relative;
width: 900px;
height: 60px;
font-size: 80%;
background-color: #55402b;
color: #ffffff;
margin: auto;
}


#footer_link{
text-align: center;
width: 900px;  
height: 60px;
position: absolute;
top: 50%;
margin-top: -1.5em;
font-family: "Meiryo UI",sans-serif;
}

#footer_link a:link { color: #ffffff; }
#footer_link a:visited { color: #ffffff; }
#footer_link a:hover { color: #4169e1; }
#footer_link a:active { color: #4169e1; }


.tbl td {
font-family: "Meiryo"
}

A:link{ 
text-decoration: none;
color:#330000;
}

A:visited {
text-decoration:none;
color:#666600;
}

.clear {
clear:both;　/*floatの解除、ここがポイント*/
}


div.g-inner {
  position:relative;
  width:500px;
  height:400px;
}
#view {
  position: absolute;
  width:500px;
  height:400px;
  top:0;
  left:0;
  overflow:hidden;
}
#view p {
  position: absolute;
  width:500px;
  height:400px;
  top:0;
  left:0;
}
#thumbBtn {
  position:absolute;
  top:160px;
  right:0px;
}
#caption {
  position:absolute;
  top:165px;
  left:0px;
}
#thumbBtn li {
  padding: 0 0 0 2px;
  float:left;
  text-align:right;
  width: 45px;
  cursor:pointer;
}
#thumbBtn li img {
  border: solid 1px #ccc;
}
#thumbBtn li.active {
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}





img{
	vertical-align:bottom;
	border:0;
}
.over img{
	filter:alpha(opacity=75);
	opacity:0.75;
}
#navi ul{
	font-size:0;
	padding:10px 0 0 0;
	margin:0;
}
#navi li{
	display:inline;
	list-style:none;
	padding:0 10px 0 0;
}