body{
  margin:0;
  padding:0;
  background-color:#f7f6f5;
  background: url(gaz201206/kitama1206.gif) top left repeat;
  text-align: center;
  font-size:100%;
  font-family:Verdana,sans-serif;
  color: #505050;
}

a { text-decoration: none; }
a:link { color: #888; }
a:visited { color:#888; }
a:hover { color:#888; text-decoration:underline; }
a:active { color: #5a5050; }
img{ border:none; }

h1{
  margin:0;
  padding: 0 0 0 0;
}

.toppage {
  margin:2em 0 0 0;
  padding: 0 0 0 0;
  display:block;
  float: left;
  width:1.5em;
  font-size:300%;
  -moz-transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
  color: #d7e8df;
} 
ul{ 
  list-style-type: none;
  margin:5em 0 0;
  padding:0;
}
li{
  display: inline; 
}

.header{
  margin:0;
  padding: 0 0 282px 0;
  background: url(gaz201206/logo1206.jpg) top left no-repeat;
  text-decoration: none; 
}
.header a:link { color: #dceae6; } 
.header a:visited { color: #dceae6; } 

.nav {
  float: right;
  padding: 0 1% 0 0;
}
.nav li{
  display: inline; 
  margin:0;
}

/* ------------------------------------------------ */
.topicPath{
  height: 6em;
  float: right;
  display: inline-block;
  position: relative;
  margin: 1em;
  overflow: hidden;
  transition: all 0.3s linear;
  color: #dceae6;
}
.navlink{
  padding: 0em 0.1em 0.3em 0.3em;
  display: block;
  white-space: nowrap;
  color: #d6e6e6;
  transition: all 0.3s linear;
  font-size:310%;
}
.detail{
  position:absolute;
  top: 4.1em;
  left: 0em;
  width: auto;
  right: 0em;
  height: 0;
  color: #ccdad6;
  font-size:90%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.6em;
  transition: height 0.3s linear;
}
.topicPath:hover{
  height: 6em;
  color: #dceae6;
  text-decoration: none; 
}
.topicPath:hover .navlink{
  color: #dceae6;
}
.topicPath:hover .detail{
	height: 1.8em;
	box-shadow: 0px 1px 2px rgba(255,255,255,0.6) inset, 0px 1px 6px rgba(0,0,0,0.5); 
	border-radius: 5px;
}
.topicPath:active {
  position:relative;
  top:0px;
  text-shadow: 0 1px 0 #8d8c86;
  outline: none;
}
/* ------------------------------------------------ */


.section{
  margin:0 auto;
  width: 700px;
  padding: 0em 3em 3em;
  text-align: left;
  line-height:1.3em;
  font-size:80%;
}
.section img{
  margin:0.3em;
}
.caption{
  margin: 13em 0 0;

}
h3{
  margin: 3em 0 0;
}

.footer{
  clear: both;
  margin:8em 0 10em 0;
  font-size:70%;
}
.footer a:link { color: #888; }
.footer a:visited { color:#cdd; }
.footer li{
  display: inline; 
  margin:0;
  padding:1em;
}


address{
  clear: both;
  margin:1em;
  font-style: normal;
}
abbr{
  border:none;
}