@charset "utf-8";
/* CSS Document */
body{
	width:1024px;
	margin:0 auto;
	background:#dbdbdb url(../images/top.png) repeat-x;
}
#title{
	float:left;
	width:813px;
	text-align:center;
	margin:15% 10% 0 9.2%;
	position: absolute;
	bottom: 40%;
}
#hai{
	float:left;
	width:100%;
	height:70px;
	background:url(../images/title_03.png) no-repeat;
}
#name{
	float:left;
	width:290px;
	height:87px;
	background:url(../images/title_05.png) no-repeat;
}
#name_me {
	float:left;
	width:523px;
	height:87px;
	background:url(../images/name.png) no-repeat 0 -2px;
}
#name_me:hover{
	background:url(../images/name.png) no-repeat 0 -85px;
	cursor:default;
}
#job{
	float:left;
	width:178px;
	height:81px;
	background:url(../images/title_08.png) no-repeat;	
}
#job_me {
	float:left;
	width:635px;
	height:81px;
	background:url(../images/job.png) no-repeat 0 -8px;
}
#job_me:hover{
	background:url(../images/job.png) no-repeat 0 -93px;
	cursor:default;
}
#footer{
	float:left;
	width:80%;
	text-align:center;
	margin:3% 10% 0 9.2%;
	position: absolute;
	bottom: 4%;
}
#mail a:link, #mail a:visited{
	float:left;
	width:200px;
	height:44px;
	background:url(../images/mail.png) no-repeat 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a7a7a7;
	text-decoration:none;
	padding:13px 0px 0 42px;
}
#mail a:hover{
	color:#cb6820;
}
#phone{
	float:left;
	width:178px;
	height:44px;
	background:url(../images/phone.png) no-repeat;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#a7a7a7;
	text-decoration:none;
	padding:14px 0 0 8px;
}
#join{
	float:left;
	width:325px;
	height:44px;
	background:url(../images/join.png) no-repeat 0 0;
}
#fb{
	float:left;
	width:59px;
	height:44px;
	background:url(../images/fb.png) no-repeat 0 0;	
}