body{
    font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:small;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	text-align:left;
}

/*リンクの設定*/
a{
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
	color:#000000;
	font-size:12px;	
}
a:hover{
    color:#d5d5d5;
}
a3{
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:10px;
}
a3:hover{
    color:#d5d5d5;
}
a2{
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
	color:#003300;
}


#wrapper{
   width:950px;
   height:auto;
   margin:auto;
}

#header{
   width:100%;
   height:25px;
   margin-top:10px;
   margin-bottom:5px;
   padding-bottom:5px;
   border-bottom:#000000 1px solid;
}
#logo{
    height:25px;
	width:200px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	float:left;
}
#navi{
   width:582px;
   height:auto;
   float:right;
}   



ul.navi {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.navi li {
float: left;
height:25px;
width: auto;
border-left:1px solid #000;
text-align: center;
padding-left:10px;
padding-right:10px;
padding-top:5px;

}

#main{
   width:100%;
   height:auto;
}

#footer{
   width:100%;
   height:30px;
   margin-top:10px;
   border-top:#000000 1px solid;
}
#footerbox{
   width:475px;
   float:left;
}


#topphoto{
  width:100%;
  height:300px;
  background-image:url(../images/topphoto.jpg);
  background-repeat:no-repeat;
}

/*works*/
#workswrapper{
   width:100%;
   height:auto;
   overflow:hidden;
}

.worksbox{
  width:300px;
  height:auto;
  float:left;
  margin:8px;
}
#works_title{
  width:100%;
  height:auto;
  padding-left:8px;
  margin-bottom:5px;
  margin-top:10px;
}
#thumpic{
  width:300px;
  height:120px;
  border:#666666 1px solid;
}
#workstext{
  width:300px;
  height:auto;
}



/*design*/