@charset "UTF-8";
/*
----------------------------------------------
 sousun.jp Base Styles
----------------------------------------------- 
*/

@import url(reset.css);

html,
body {
	margin:0;
	padding:0;
	height:100%;
	color:#444;
	background-color: #f4f2eb;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
#wrap {
	width:100%;
	margin:0 auto;
}
#portfolio {
	width:100%;
	text-align: center;
	display:block;
	position: absolute;
	left: 0px;
	top: 10%;
	_top: 50px;
	margin-left: -400px;
}
html>body #portfolio {
	position:fixed;
	z-index:0;
}
:root *> #portfolio {
	left: 50%;
}

#header .contact span, #header .portfolio span{
	display: none;
}

#portfolio img {
	border: 1px solid #ECE1CF;
}


body {
	font-family: "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	}
	
#contents {
	width:410px;
	background-color: #fff;
	left: 50%;
	top: 10%;
	_top: 50px;
	margin-left: -205px;
	z-index: 1;
	position:relative;
	border: 1px solid #eee;
	clear:both;
	}
	
 /* a:hover #contents  {
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.70;
	} */
	
#contents #cover {
	padding: 10px 10px 0 10px;
	text-align:center;
	z-index: 2;
	position:relative;
	}
	
#contents #logo {
	margin-top:210px;
	margin-bottom:300px;
	}
	
#contents .title {
	margin-bottom:50px;
	}
	
#contents #about dl {
	display:block;
	padding:0 50px;
	margin-top:50px;
	text-align:left;
	}
	
#contents #about dt {
	clear:both;
	float:left;
	width:60px;
	margin:0;
	padding:0;
	}
	
#contents #about dd {
	float:left;
	width:230px;
	margin:0;
	padding:0;
	}
	
#contents #contact {
	clear:both;
	}
	
#contents #contact .title {
	margin-top:130px;
	}
	
#contents #contact strong {
	color:#900;
	}
	
#contents #contact .back_b a {
	display:block;
	height:40px;
	width:160px;
	margin:0 auto;
	text-indent:-3000px;
	background-image: url(../images/mfp_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#contents #contact .back_b a:hover {
	background-position: center bottom;
}
	
#contents #footer {
	padding-top:30px;
	}
	
div.tooltip {   
    position: absolute;  
    left: -9999px;  
    background: #eee;  
    padding: 3px;  
    border: 1px solid #ccc;  
	z-index:9999;
}  
  
div.tooltip p{  
    color: #fff;  
    background: #222;  
    padding: 5px 10px;  
} 
	
#head_line {
	position: absolute;
	z-index:9000;
	background-color:#333;
	width:100%;
	height:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	left:0;
	}
	
#head_line p {
	display:block;
	font-size:9px;
	color:#666;
	text-align:right;
	padding-right:10px;
	}
	
 /* hack */
	
#portfolio,  x:-moz-any-link ,
#contents,  x:-moz-any-link 
{ top: 70px; }

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #portfolio,
 #contents { top: 70px; }
}