@charset "utf-8";
html{
	height:100%;
	width:100%;
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	font-family:"ITC Avant Garde Gothic","Century Gothic","AXIS Std","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	line-height:16px;
	color:#544a47;/*Kurotsurubami*/
	background:#0d0015 url("../img/chess.png") scroll repeat top left;/*Shikkoku*/
}
body{
	height:100%;
	width:100%;
	margin:0;
	border:0;
	padding:0;
	background:transparent url("../img/gradation.png") scroll repeat-x bottom left;
}
img{
	border:0;
}
li{
	list-style:none;
}
a:link{
	color:#38b48b;/*Hisuiiro*/
	text-decoration:none;
}
a:visited{
	color:#96514d;/*Azukiiro*/
	text-decoration:none;
}
a:hover{
	color:#f8b500;/*Yamabukiiro*/
	text-decoration:none;
}
a:active{
	color:#4d5aaf;/*Hanairo*/
	text-decoration:none;
}
#nojs{
}
#index{
	height:100%;
	width:100%;
}
#plate{
	position:absolute;
	height:500px;
	width:800px;
	margin:-250px 0 0 -400px;
	top:50%;
	left:50%;
	background:transparent url("../img/plate.png") scroll no-repeat top left;
}
#menu{
	margin:10px 0 10px 15px;
	width:245px;
	height:480px;
	float:left;
}
#menu ul{
	margin:20px;
	border:0;
	padding:0;
}
#liLogo{
	background:transparent url("../img/menuLogoD.png") scroll no-repeat top left;
	height:120px;
	width:200px;
}
#liLogo > a{
	height:120px;
	width:200px;
	display:block;
}
#liLogo:hover{
	background-image:url("../img/menuLogoA.png");
}
#liLogo:active{
	background-image:url("../img/menuLogoA.png");
}
#liHome{
	background:transparent url("../img/menuHomeD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liHome > a{
	height:40px;
	width:200px;
	display:block;
}
#liHome:hover{
	background-image:url("../img/menuHomeA.png");
}
#liHome:active{
	background-image:url("../img/menuHomeA.png");
}
#liAbout{
	background:transparent url("../img/menuAboutD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liAbout > a{
	height:40px;
	width:200px;
	display:block;
}
#liAbout:hover{
	background-image:url("../img/menuAboutA.png");
}
#liAbout:active{
	background-image:url("../img/menuAboutA.png");
}
#liLog{
	background:transparent url("../img/menuLogD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liLog > a{
	height:40px;
	width:200px;
	display:block;
}
#liLog:hover{
	background-image:url("../img/menuLogA.png");
}
#liLog:active{
	background-image:url("../img/menuLogA.png");
}
#liWorks{
	background:transparent url("../img/menuWorksD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liWorks > a{
	height:40px;
	width:200px;
	display:block;
}
#liWorks:hover{
	background-image:url("../img/menuWorksA.png");
}
#liWorks:active{
	background-image:url("../img/menuWorksA.png");
}
#liLinks{
	background:transparent url("../img/menuLinksD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liLinks > a{
	height:40px;
	width:200px;
	display:block;
}
#liLinks:hover{
	background-image:url("../img/menuLinksA.png");
}
#liLinks:active{
	background-image:url("../img/menuLinksA.png");
}
#liClap{
	background:transparent url("../img/menuClapD.png") scroll no-repeat top left;
	height:40px;
	width:200px;
}
#liClap > a{
	height:40px;
	width:200px;
	display:block;
}
#liClap:hover{
	background-image:url("../img/menuClapA.png");
}
#liClap:active{
	background-image:url("../img/menuClapA.png");
}
#liFoot{
	background:transparent url("../img/menuFoot.png") scroll no-repeat top left;
	height:80px;
	width:200px;
}
#liFoot > a{
	height:80px;
	width:200px;
	display:block;
	cursor:default;
}
#main{
	margin:10px 10px 10px 0;
	width:490px;
	height:440px;
	float:right;
	padding:20px;
}
#home{
	width:490px;
	height:440px;
	text-align:center;
}
#homeImg{
	margin:20px auto 0 auto;
	width:320px;
	height:360px;
	background:transparent url("../img/20100401index.png") scroll no-repeat top center;
}
#homeImgHover{
	display:none;
	margin:20px auto 0 auto;
	width:320px;
	height:360px;
	background:transparent url("../img/20100401back.png") scroll no-repeat top center;
}
#about{
	display:none;
	height:440px;
	width:490px;
}
#aboutShows{
	width:490px;
	height:410px;
	overflow:auto;
}
#aboutOwner{
	display:none;
}
#aboutLinkTo{
	display:none;
}
#aboutMenu{
	width:490px;
	height:30px;
	bottom:0;
	margin:0;
	border:0;
	padding:0;
}
#aboutMenu > ul{
	margin:0;
	border:0;
	padding:0;
}
#aboutMenu  li{
	float:left;
	margin:0 5px;
	border:0;
	padding:0;
	height:20px;
	width:100px;
}
#aboutMenu a{
	height:20px;
	width:100px;
	display:block;
	text-align:center;
	color:black;
	font-size:16px;
	text-shadow:0 0 3px black;
}
#liAboutSite a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liAboutOwner a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liAboutLinkTo a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#log{
	display:none;
	height:440px;
	width:490px;
}
#imgLogLoading{
	margin:50px auto;
	display:block;
}
#works{
	display:none;
	height:440px;
	width:490px;
	text-align:right;
}
.wTitle{
	display:block;
	font-size:18px;
	color:#96514d;/*Azukiiro*/
	font-weight:900;
	line-height:22px;
}
.wDiv{
	margin:0 0 30px 0;
}
#works ul{
	margin:0;
	padding:0;
}	
#worksShow{
	width:490px;
	height:410px;
	overflow:auto;
}
#worksMenu{
	width:490px;
	height:30px;
	bottom:0;
	margin:0;
	border:0;
	padding:0;
}
#worksMenu > ul{
	margin:0;
	border:0;
	padding:0;
}
#worksMenu  li{
	float:left;
	margin:0 5px;
	border:0;
	padding:0;
	height:20px;
	width:80px;
}
#worksMenu a{
	height:20px;
	width:80px;
	display:block;
	text-align:center;
	color:black;
	font-size:16px;
	text-shadow:0 0 3px black;
}
#liWorksGraffiti a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liWorksStuffs a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liWorksComics a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liWorksWorklog a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#liWorksOldDohjin a:hover{
	color:white;
	text-shadow:0 0 3px red;
}
#stuffs{
	display:none;
}
#comics{
	display:none;
}
#worklog{
	display:none;
}
#oldDohjin{
	display:none;
}
#links{
	display:none;
	overflow:auto;
	height:440px;
	width:490px;
}
#clap{
	display:none;
	height:440px;
	width:490px;
}