@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td{  
    padding:0;  
    margin:0;
}
body,table,form,select,input,textarea{  
	font-family: sans-serif;
}
table{  
    border-collapse: collapse;  
    border-spacing:0;  
}
fieldset,img{  
    border:0;  
}
address,caption,cite,code,dfn,em,strong,th,var{  
    font-weight:normal;  
    font-style:normal;  
}
ol,ul{  
    list-style:none;  
}
caption,th{  
    text-align:left;  
}
h1,h2,h3,h4,h5,h6{  
    font-weight:normal;  
}
q:before,q:after{  
    contents:'';  
}
abbr,acronym{  
    border:0;  
}
.clear{  
    clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* Common */
body{  
	font-size: 13px;
	padding-left: 5%;
	padding-right: 30px;
	-webkit-text-size-adjust:none;
	*font-size:small;
	*font:x-small;
	min-width: 960px;
	width:expression(document.body.clientWidth < 962? "960px" : "auto");
} 
h1{  
	display:none;
	color:white;
} 


/* StylePhoto */
#stylephoto{  
    float: left;
    font-size: 77%;
    padding-top: 50px;
}
#stylephoto .ph-v{  
    width: 676px;
    margin:0 0 100px 0;
    position:relative;
}
#stylephoto .ph-h{  
    width: 676px;
    margin:0 0 100px 0;
    position:relative;
}
#stylephoto p{  
    padding:15px 0 0 0;
}
#stylephoto span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/spacer.gif);
}


/* Menu */
#menu{  
    float: right;
    text-align: right;
    font-size: 85%;
    line-height:1.3;
    position: relative;
    padding-top: 50px;
}
#menu img{  
    margin-bottom: 10px;
}
#menu a{  
    text-decoration: none;
    color: #777;
    display: block;
    width: 225px;
    padding-right: 4px;
    background-color: none;
}
#menu a:hover{  
    color: white;
    background-color: black;
}
#menu #heart{  
    position: absolute;
    right: 174px;
    top: 32px;
}
#menu #about{  
    margin-bottom: 30px;
}
#menu #about span{  
    background-color: black;
    display: block;
    width: 225px;
    color: white;
    padding-right: 4px;
}
#menu #works img{  
    margin-bottom: 2px;
}
#menu #works li{  
    margin-bottom: 2px;
    color: black;
}
#menu #works span{  
    background-color: black;
    display: block;
    width: 225px;
    color: white;
    padding-right: 4px;
}



/* Footer */
#footer{  
    clear: both;
    padding-top: 160px;
    padding-bottom: 40px;
    color: #777;
}
#footer p{  
    float: left;
    font-size: 77%;
}
#footer #up{  
    float: right;
}



/* Contact */
#contact{ 
    padding-top: 50px;
    float: left;
    font-size: 12px;
}
#contact p{ 
    margin:0 0 10px 0;
}
#contact img{ 
    display: block;
    margin-bottom: 14px;
}
#contact #mail{ 
    margin-top: 6px;
    margin-bottom: 35px;
}
#contact a{  
    text-decoration: none;
    color: #777;
    display: block;
    width: auto;
    padding-left: 20px;
    background-color: none;
    margin-top:3px;
}
#contact a:hover{  
    color: white;
    background-color: black;
}