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

*{
	margin:0;
	padding:0;
}


body{
background-color:#000000;
width:920px;
margin:0 auto;
color:#DDDDDD;
font-size:70%;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
/* font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
}

a img{
border:none;
}

a:link{
color:#DDDDDD;
text-decoration:none;
}

a:visited{
color:#DDDDDD;
text-decoration:none;
}

a:hover{
color:#dd970c;
text-decoration:none;
}



h1{
margin:20px 0 5px 0;
}

#top h1{
margin:20px 0;
}


#works h1{
margin:20px 0 0px 0;
}

#works h2{
margin:0px 0 5px 0;
}



li{
list-style-type:none;
}

/*       Structure  */

#topInfoArea{
	padding-top:60px;
	padding-left:370px;
	margin-top:60px;
	border-top:#666666 1px solid;
}




#mainArea{
	padding-top:60px;
	padding-left:370px;
	margin-top:60px;
	line-height:1.7;
}


#worksindex #mainArea{
	padding-left:0px;
	line-height:1.2;
}




#worksArea{
	line-height:1.7;
}


/*       Menu  */
#menuArea{
	padding-top:30px;
	margin-top:60px;
	border-top:#666666 1px solid;
}

#top #menuArea{
	padding-top:0px;
	margin-top:0px;
	border-top:none;
}


ul#menu{
	float:left;
}


ul#menu li{
margin-bottom:20px;
list-style-type:none;
}



ul#menu li a{
    display:block;
    width:180px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
}

ul#menu li a.menuWorks{
    background-image:url(../images/menu_works.gif);
}


ul#menu li a.menuDesigner{
    background-image:url(../images/menu_designer.gif);
}


ul#menu li a.menuCompany{
    background-image:url(../images/menu_company.gif);
}


ul#menu li a.menuContact{
    background-image:url(../images/menu_contact.gif);
}

ul#menu li a.menuIndex{
    background-image:url(../images/menu_index.gif);
}

ul#menu li a:hover{
    background-position:0px -19px;
}



/*       Footer  */


#footer{
	padding-top:5px;
	clear:both;
	border-top:#666666 1px solid;
}

address{
	display:block;
	text-align:right;
	font-style:normal;
}

/*       TopPage  */

#trueContainer{
	white-space:nowrap;
}

#spec{
	float:right;
	padding-top:100px;
}


/*       Company  */


#companyData td{
vertical-align:top;
padding:5px;
}

#companyData td img{
	margin-top:5px;
}


#companyData td.tdTitle{
text-align:right;
}


/*       Works  */


#worksindex #mainArea ul{
	margin:0 50px 0 55px;
}

#worksindex #mainArea li{
	float:left;
	margin:0 10px 40px 10px;
}

#worksindex #mainArea li .worksname{
	font-size:120%;
}

#worksindex #mainArea li img{
	width:250px;
}


#worksData{
	width:350px;
	float:left;
	margin-top:90px;
}


#worksData table{
	margin-bottom:2em;
}

#worksData table td{
	padding:0 10px 10px 0;
}

#worksPhoto{
	width:540px;
	float:left;
	margin-top:0px;
}

.gallery li{
	display:inline;
}





/*       Util  */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */