@charset "utf-8";

/* Reset-----------------------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	font-size:13px;
	line-height:150%;
	color:#000;
	height:100%;
	margin:0px 0px 0px 0px;
}

a:link,
a:active,
a:visited{
  -webkit-transition:background 0.3s ease-out;
}

p{
	margin:0;
	padding:0;
	overflow: auto;
	border:hidden;
	}
a:link    { color: #F7B52C;
text-decoration: none;
 }    
	a:visited { color: #F7B52C }   
	a:hover   { color: red } 
	a:active  { color: #F7B52C }
/* Layout-----------------------------------------------------------*/

#mainBox{
	background-image:url(../../img/mainBG.gif);
	width:900px;
	height: 100%;
	margin:0 auto;
	padding:0px 4px 0px 4px;
	position:relative;
}


#header {
	background-image:url(../img/header.jpg);
	width: 900px;
	height:85px;
}

#staffRectBox{
	width: 220px;
	height:19px;
	margin:0;
	padding:3px 0px 0px 685px;
	}

#staff1Rect a{
	background-color:#81A66F;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff2Rect a{
	background-color:#F6F;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff3Rect a{
	background-color:#00E6FF;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff4Rect a{
	background-color:#a4a2a3;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staffTopRect a{
	background-image:url(../img/topRect.gif);
	width:16px;
	height:16px;
	display:block;
	margin-right:10px;
	float:left;
	}
	
#staff5Rect a{
	background-color:#F90;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff6Rect a{
	background-color:#7D59C1;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff7Rect a{
	background-color:#6BA3DC;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff8Rect a{
	background-color:#999;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#staff9Rect a{
	background-color:#7D59C1;
	width:10px;
	height:10px;
	display:block;
	margin-right:10px;
	margin-top:3px;
	float:left;
	}
	
#clear
{
    width:0px;
    height:0px;
    clear:both;
    }

#tabBox{
	width:321px;
	height:26px;
	padding: 0px;
	margin:26px 0px 10px 575px;
	}
	
#tab a{
	width:88px;
	height:26px;
	margin:0 11px 0 0;
	display:block;
	float:left;
	}

#tab_insta a{
	width:112px;
	height:26px;
	margin:0 11px 0 0;
	display:block;
	float:left;
	}



#content1 { 
	width: 900px;
	text-align:center;
	color:#F7B52C;
	margin-top:15px;
	margin-bottom:21px;
}

#content2 { 
	width: 900px;
	margin-bottom:22px;
}

#content3 { 
	width: 900px;
	margin: 0;
}

#content4 {
	text-align:center;
	width: 900px;
	height:100%;
	overflow: visible;
	margin:0 auto;
}

#profile_photo {
	background-color:#FFF;
	text-align:center;
	width:524px;
	height:303px;
	margin:0px 15px 0px 27px;
	float:left;
}

#profile_text {
	font-size:10pt;
	line-height:150%;
	color:#1A1A1A;
	width: 307px;
	height:auto;
	padding:0px 27px 0px 0px;
	text-align:justify;
	float:left;
}

p.profileName{
	margin-top:8px;
	margin-bottom:8px;
	font-size:14pt;
	font-weight:bold;
	line-height:120%;
	color:#1A1A1A;
	}

#works_title {
	background-image:url(../img/workLine.jpg);
	width: 846px;
	height:30px;
	margin:0px 27px 12px 27px;
}

#works_phorto { 
	width: 846px;
	padding: 0 40px;
}

#works_phorto_area {
	display:block;
	margin:10px;
	float:left;
}

#works_phorto_area.yoko{
	width: 120px;
}

#works_phorto_area.tate{
	width: 90px;
}

#footer{
	height:44px;
	width:908px;
	margin:0px 0px 0px -4px;
	background-image:url(../../img/footer.gif);
	}

#link_box{
	width:58px;
	height:58px;
	position:absolute;
	top:8px;
	left:20px;
	}