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

html,body{
  background:#575757;
  color:#FFFFFF;
  font-size:10px;
  line-height:180%;
}
html a,body a{
  color:#FFFFFF;
  text-decoration:none;
}

h1{
  font-size:60px;
}

h3{
    font-weight:bold;
}

#wrapper{
  width:810px;
  height:600px;
  margin-left:auto;
  margin-right:auto;
  padding-left:90px;
  padding-right:60px;
}
#common{
	clear:both;
}
#common h1{
	display:inline;
}

#common ul{
  display:inline;
}

#common li{
  cursor:pointer;
  padding-left:5px;
  display:inline;
}

#works,#member,#contact{
  width:270px;
  float:left;
}

#works{
  padding-top:30px;
}

#works h3{
margin-bottom:15px;
}

#works ul,#member ul{
margin-bottom:20px;
}

#member{
padding-top:120px;
}

#contact{
padding-top:120px;
}

#contact p{
  margin-bottom:10px;
}

#contact input{
width:200px;
}

#contact textarea{
 width:194px;
height:200px;
color:#575757;
padding:3px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


a:hover{
	color:#FFFF00;
}
