*{border:none;
margin:0;
font-size:small;
color:#555555;
font-weight:normal;}

body{
	background-color:#ffffff;
	margin-bottom:50px;}

#menu{
	width:60%;
	height:10%;
	position:absolute;
	top:0%;
	left:20%;
	border:none;
	font-size:smaller;}

#content{
	width:60%;
	position:absolute;
	top:10%;
	left:20%;
	border:none;
	font-size:smaller;}
	
#content il{
	float:left;
	overflow:hidden;
	margin:0 15px 25px;}

#content p{font-weight:bold;}


#top_pict{
	width:60%;
	height:60%;
	position:absolute;
	border:none;
	top:20%;
	left:20%;
	text-align:center;
	background:url(/image/top_02.jpg) no-repeat;}

#footer{
	text-align:right;
	font-size:small;
	background-color:#C8C8C8;
	position:fixed;
	width:100%;
	height:50px;
	bottom:0%;
	border:none;}
	
#footer p{
	margin:10px 25px 0 0;}

A:link{
	font-size:small;
	color:#777777;
	text-decoration:none;}

A:visited{
	font-size:small;
	color:#777777;
	text-decoration:underline;}

A:hover{
	font-size:small;
	color:#FB6312;}

A:active{
	font-size:small;
	color:#FB6312;
	text-decoration:underline;}
	
.illust{
	font-weight:bold;
	font-size:large;
	margin:20px 0 20px 20px;}

.text{
	font-color:#111111;
	font-size:small;
	text-align:left;}

.title{
	width:230px;
	height:30px;
	position:absolute;
	bottom:10%;
	display:block;
	border:0;}

.blog a{
	width:8%;
	position:absolute;
	bottom:20%;
	left:50%;
	display:block;
	border:0;
	text-align:center;}
	
.about a{
	width:8%;
	position:absolute;
	bottom:20%;
	left:60%;
	display:block;
	border:0;
	text-align:center;}

.illustration a{
	width:8%;
	position:absolute;
	bottom:20%;
	left:70%;
	display:block;
	border:0;
	text-align:center;}

.works a{
	width:8%;
	position:absolute;
	bottom:20%;
	left:80%;
	display:block;
	border:0;
	text-align:center;}

.mail a{
	width:8%;
	position:absolute;
	bottom:20%;
	left:90%;
	display:block;
	border:0;
	text-align:center;}

.ily{
	text-align:center;
	float:left;
	overflow:hidden;}