@charset "utf-8";
/* CSS Document */

body
{
 top:0px;
 margin:0px;
 padding:0px;
 background-color:#FFFFFF;
 background-position:center top;
 font-family: "Arial Narrow";
 font-size:11px;
}

#parent {
 width:100%;
 position:relative;
 margin-left:auto;
 margin-right:auto;
}

#top {
 width:970px;
 height:126px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(../images/header_bg.jpg);
 /*background-color: #FF9;*/
}

#logo {
 width:280px;
 height:80px;
 margin-top:20px;
 float:left;
 background-image:url(../images/tete_logo.jpg);
}

#menu {
 width:670px;
 height:50px;
 margin-left:auto;
 margin-right:auto;
 float:left;
 /*background-color:#FFC;*/
}

#middle {
 width:970px;
 height:1000px;
 overflow:visible;
 margin-left:auto;
 margin-right:auto;
}

#container {
  margin-left:-30px;
}

#footer {
 clear:both;
 width:970px;
 height:50px;
 padding-top:10px;
 margin-left:auto;
 margin-right:auto;
 /*background-color:#444444;*/
 font-size:11px;
}

	
.div_front {
 width:190px;
 height:160px;
 background-position: 50% 50%;
 cursor: pointer;
}
	
.div_back {
 width:190px;
 height:160px;
 background-image: url(../images/opacity.png);
 display: none;
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:normal;
 text-align:center;
 line-height: 160px;
 vertical-align: middle;
 cursor: pointer;
}

.div_front:hover .div_back{
 display : block;
}

.making {
  float:left;
  display:inline;
  height:1%;
  width:400px;
  height:240px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:72px;
}

a.work {
 text-decoration:none;
 color:#FFFFFF;
 display:block;
 width:190px;
 height:160px;
}

a.work:hover {
 text-decoration:none;
 color:#FFFFFF;
 display:block;
 width:190px;
 height:160px;
}