body{
  background: #281a14 url( ../gaz/worksbg1206a.gif ) top left repeat;
  color:#dddcd6;
  font-size:100%;
  text-align:left;
}



a {   } 
a:link { color: #dddcd6;}
a:visited { color:#dddcd6; }  
a:hover { color:#edece6; text-decoration: none;} 
a:active { color: #dddcd6; } 
img{border:none;}


.header{
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Sans-serif; 
}

.toppage {
  display:block;
  float: left;
  width:1.5em;
  font-size:360%;
}

#pagetop { 
  text-decoration: none; 
-moz-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
} 
/* ------------------------------------------------ */
.topicPath{
  height: 6em;
  float: right;
  display: inline-block;
  position: relative;
  margin: 1em;
  overflow: hidden;
  transition: all 0.3s linear;
  text-decoration: none; 
}
.gallerylink{
  padding: 0.3em 2em 0.3em 0.3em;
  display: block;
  white-space: nowrap;
  color: #dddcd6;
  text-shadow: 0 1px 0 #adaca6;
  transition: all 0.3s linear;
  font-size:210%;
}
.detail{
  position:absolute;
  top: 3.7em;
  left: 0em;
  width: auto;
  right: 0em;
  height: 0px;
  color: #dddcd6;
  font-size:90%;
  white-space: nowrap;
  text-indent: 0.5em;
  overflow: hidden;
  line-height: 1.6em;
  transition: height 0.3s linear;
}
.topicPath:hover{
	height: 6em;
}
.topicPath:hover .gallerylink{
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	color: #edece6;
}
.topicPath:hover .detail{
	height: 1.8em;
	box-shadow: 0px 1px 2px rgba(255,255,255,0.8) 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;
}
/* ------------------------------------------------ */


ul { list-style-type: none; }

.all{
  clear: both;
  margin:0 auto;
}

.new{
  clear: both;
  margin:0 0 0 7%;
}
.new ul{ 
}
.new li{
  display: inline; 
  margin: 0;
  padding: 0;
}
.new img {
  margin: 0.3em 1em;
  padding:0;
  border: 1px solid #333;
  background-color: #fff;
 }

.new a:hover img { 
  border: 1px solid #333; 
} 
h2{
  font-family:  Trebuchet, Verdana, Sans-serif; 
}
.categorie {
  clear: both;
  margin:1em 0 0 18% ;
  padding: 0 0 8em ;
}
.categorie li {
  padding: 0 0.8em;
  display: inline; 
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Sans-serif; 
}


h3{
  float: right;
  font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,Verdana,'MS PGothic',Arial,sans-serif;

}

.srise{
  clear: both;
  margin:11em auto;
  padding: 1em 0;
  width:731px;
}

.srise li{
  display: inline; 
  margin: 0;
}


.srise img {
  margin: 0.3em;
  padding:0;
  border: 1px solid #333;
  background-color: #fff;
}
.srise1{ border-bottom: 3px solid #9fc24d; color:#f5f5f5; } 
.ichigi a:hover img { border: 1px solid #00a381; } 
.srise2{ border-bottom: 3px solid #b8d200; color:#f5f5f5; } 
.aoba a:hover img { border: 1px solid #82ae46; } 
.srise3{ border-bottom: 3px solid #e7609e; color:#fef4f4; } 
.cleaners a:hover img { border: 1px solid #e7609e; } 
  
.srise4{ border-bottom: 3px solid #605863; } 
.Engineers a:hover img { border: 1px solid #302833; } 

.srise5{ border-bottom: 3px solid #007bbb; } 
.speceka a:hover img { border: 1px solid #007bbb; } 
.srise6{ border-bottom: 3px solid #a0d8ef; } 
.freund a:hover img { border: 1px solid #a0d8ef; } 


.srise0{ border-bottom: 5px solid #aaa; } 
.zero a:hover img { border: 1px solid #302833; } 


/* ------------------------------------------------ */


.srise12{ border-bottom: 3px solid #f3961c; color:#eee7e0; } 

.Orenge a:hover img { 
  border: none; 

  padding:1px;
  background:#f3961c; /* default background for browsers without gradient support */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.3);

	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);

} 


/* ------------------------------------------------ */
.pageup {
  margin:0 3% 0 0 ;
  text-align:right;
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Sans-serif; 
}



/* ------------------------------------------------ */

.footer {
  margin:0 0 3em 3% ;
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Sans-serif; 
  font-size:110%;
}
small{
  font-size:80%;
}
abbr{
  border: none;
}