@charset "UTF-8";


/* font
--------------------------*/
h1{
	float:left;
}

h2{
	padding:0 0 9px 0;
}

h2.h2portfolio{
	padding:0 0 15px 0;
}


/* wrapper
--------------------------*/

#wrapper{
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
}


/* header
--------------------------*/

#wrapper #headerWrapper{
	width:100%;
	position:fixed;
	z-index:1;
	background:#fff;
}

#wrapper #headerWrapper #header{
	width:960px;
	margin:0 auto;
	padding:21px 0 21px 0;
	overflow:auto;
}

#wrapper #header .logo{
	float:left;
}

#wrapper #header .gNavi{
	float:right;
	padding:8px 0 0 0;
}

#wrapper #header .gNavi ul li{
	display:inline;
}



/* contents
--------------------------*/

#wrapper #contentsWrapper{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#fff;
	position:relative;
	top:75px;
}




/* top photo
--------------------------*/

#wrapper #contentsWrapper #topWrap{

}


/* top portfolio
--------------------------*/
#wrapper #contentsWrapper .lineBlack{
	height:1px;
	background:url(../img/line_in_black.gif) repeat-x top left;
	width:100%;
}

#wrapper #contentsWrapper .blackWrapper{
	background:url(../img/black_bg.gif) top right repeat;
}

#wrapper #contentsWrapper .insideWrapperPortfolio{
	width:960px;
	margin:0 auto;
	padding:38px 0 40px 0;

}

#wrapper #contentsWrapper .insideWrapper{
	width:960px;
	margin:0 auto;
	padding:38px 0 38px 0;

}

#wrapper #contentsWrapper .picWrap{
	margin:0;
	padding::0;
}

#wrapper #contentsWrapper .picWrap ul li{
	display:inline;
}


/* video
--------------------------*/

#wrapper #contentsWrapper .lineWhite{
	height:1px;
	background:url(../img/line_in_white.gif) repeat-x top left;
	width:100%;
}


/* profile & contact
--------------------------*/

#wrapper #contentsWrapper .proCon{
	overflow:auto;
}

#wrapper #contentsWrapper .proCon p{
	color:#999;
}

#wrapper #contentsWrapper .profile{
	float:left;
	width:461px;
	padding:0 20px 0 0;
	background:url(../img/line_ver.gif) top right repeat-y;
}

#wrapper #contentsWrapper .contact{
	float:right;
	width:459px;
	padding:0 0 0 20px;
}


/* footer
--------------------------*/
#footerWrap{
	width:100%;
	border-top:1px solid #fff;
	clear:both;
	background:url(../img/footer_bg.gif) top right repeat;
}

#footerWrap #footer{
	width:960px;
	margin:0 auto;
	color:#555;
}

#footerWrap #footer .copyright{
	float:left;
	padding:6px 0 6px 0;
}

#footerWrap #footer .pageTop{
	float:right;
	width:43px;
}