@charset "UTF-8";


body,h1,h2,ul,li,table,tr,td,p,address{ 
	margin: 0;
	padding: 0;
	zoom: 1;
}

ul{
	list-style-type: none;
}

#body {
	margin: 0 auto;
	width: 980px;
	height: 750px;
}


#headerarea {
	height: 134px;
	width: 980px;
/*	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
*/
	margin: 0px;
	overflow: hidden;
}


#logo {
	float: left;
	margin-top: 72px;
	margin-left: 45px;
}
#logo a{
	height: 62px;
	width: 240px;
	display:block;
	background-image:url(../image/share/shoko-oyama.png);
	text-indent:-9999px;
}
#logo a:hover{
	background-image:url(../image/share/shoko-oyama_over.png);
}


#work {
	float: left;
	margin-top: 72px;
	margin-left: 128px;
}
#work a{
	height: 62px;
	width: 64px;
	display:block;
	background-image:url(../image/share/l-work.png);
	text-indent:-9999px;
}
#work a:hover{
	background-image:url(../image/share/l-work_over.png);
}


#haiku {
	margin-top: 72px;
	margin-left: 30px;
	float: left;
}
#haiku a{
	height: 62px;
	width: 65px;
	display:block;
	background-image:url(../image/share/l-haiku.png);
	text-indent:-9999px;
	
}
#haiku a:hover{
	background-image:url(../image/share/l-haiku_over.png);
}


#print {
	float: left;
	margin-top: 91px;
	margin-left: 32px;
}
#print a{
	height: 29px;
	width: 75px;
	display:block;
	background-image:url(../image/share/l-print.png);
	text-indent:-9999px;
}
#print a:hover{
	background-image:url(../image/share/l-print_over.png);
}


#web {
	float: left;
	margin-top: 91px;
	margin-left: 33px;
}
#web a{
	height: 29px;
	width: 50px;
	display:block;
	background-image:url(../image/share/l-web.png);
	text-indent:-9999px;
}
#web a:hover{
	background-image:url(../image/share/l-web_over.png);
}


#link {
	float: left;
	margin-top: 91px;
	margin-left: 37px;
}
#link a{
	height: 29px;
	width: 54px;
	display:block;
	background-image:url(../image/share/l-link.png);
	text-indent:-9999px;
}
#link a:hover{
	background-image:url(../image/share/l-link_over.png);
}


#profile {
	margin-top: 91px;
	margin-left: 22px;
	float: left;
}
#profile a{
	height: 29px;
	width: 91px;
	display:block;
	background-image:url(../image/share/l-profile.png);
	text-indent:-9999px;
}
#profile a:hover{
	background-image:url(../image/share/l-profile_over.png);
}


#sidearea {
	height: 560px;
	width: 350px;
	float: left;
}
#sidemenu {
	height: 300px;
	width: 350px;
}

.side_title {
	margin-top: 70px;
	margin-left: 60px;
}


.side_icon {
	margin-top: 20px;
	margin-left: 70px;
}
.category {
	margin-top: 20px;
	margin-left: 70px;
}

.category2 {
	margin-left: 70px;
}

#sidelink {
	height: 45px;
	width: 350px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
}

#home {
	margin-left: 60px;
	float: left;
}
#home a{
	height: 38px;
	width: 62px;
	display:block;
	background-image:url(../image/share/home.png);
	text-indent:-9999px;
}
#home a:hover{
	background-image:url(../image/share/home_over.png);
}


#contact {
	clear: right;
	float: left;
	margin-left: 68px;
}
#contact a{
	height: 38px;
	width: 85px;
	display:block;
	background-image:url(../image/share/contact.png);
	text-indent:-9999px;
}

#contact a:hover{
	background-image:url(../image/share/contact_over.png);
}

#mainarea {
	height: 560px;
	width: 600px;
	float: left;
	margin: 0 0 0 20px;
}

#footerarea {
	clear: both;
	height: 19px;
	width: 980px;
}
#copy {
	height: 19px;
	width: 329px;
	display:block;
	margin-left: 629px;
	background-image:url(../image/share/footer.png);
	text-indent:-9999px;
}