@charset "utf-8";

/*******************************
 G e n e r a l   S t y l i n g s 
 ======== V e r . 2 0  =========
       Designed by Zeppel HOSHII
          http://www.zeppel.net/
                 info@zeppel.net
 *******************************/

 
a:link		{
	color:#f33;
	text-decoration:none;
	letter-spacing:0px;
}
a:visited	{
	color:#369;
	text-decoration:none;
	letter-spacing:0px;
}
a:hover		{
	color:#da70d6;/*Orchid*/
	text-decoration:none;
	letter-spacing:0px;
}
a:active	{
	color:#ffa500;/*Orange*/
	text-decoration:none;
	letter-spacing:0px;
}
html		{
	margin:0;
	border-width:0;
	padding:0;
	font-family:"Futura","Century Gothic",sans-serif;
	font-size:10px;
	letter-spacing:2px;
	line-height:16px;
	text-align:center;
	color:#666;
	width:100%;
	height:100%;
	background:#fff url("image/bg.png") scroll repeat top center;
}
.normalTexts	{
	letter-spacing:0px;
}
body		{
	margin:0;
	width:100%;
	height:100%;
}
#index		{
	position:absolute;
	margin:-90px 0 0 -160px;
	padding:20px 0;
	top:50%;
	left:50%;
	height:140px;
	width:320px;
	background:#fff none scroll repeat 0 0;
}
#indexSubBox	{
	margin:0;
	border-width:0;
	padding:0;
	height:120px;
	width:320px;
}
#indeximg:hover	{
	background-color:#ccf9f8;
}
ul		{
	margin:0;
	padding:0;
	border-width:0;
	list-style:none;
}
img		{
	margin:0px;
	border-width:0px;
	padding:0px;
}
#main		{
	position:absolute;
	margin:-225px 0 0 -400px;
	padding:0;
	top:50%;
	left:50%;
	height:450px;
	width:800px;
	letter-spacing:0px;
	background:#fff none scroll repeat 0 0;
}
#cont		{
	margin:0;
	border-width:0;
	padding:0;
	height:390px;
	width:800px;
	clear:both;
}
#menu		{
	margin:0;
	border-width:0;
	padding:0 auto;
	height:20px;
	width:800px;
	clear:both;
}
#foot		{
	margin:0;
	border-width:0;
	padding:0;
	height:40px;
	width:800px;
	clear:both;
}
#foot a		{
	background:transparent url("image/foot.png") scroll no-repeat top center;
	display:block;
}
#aFoot		{
	display:block;
	margin:0;
	border-width:0;
	padding:0;
	height:40px;
	width:800px;
}
#ulMenu		{
	height:20px;
	width:800px;
}
#ulMenu	> li	{
	margin:0 30px;
	float:left;
}
#aTop		{
	margin:0;
	border-width:0;
	padding:0;
	width:30px;
	height:20px;
	display:block;
}
#liTop a:link		{background:transparent url("image/top.png") scroll no-repeat top left;}
#liTop a:visited		{background:transparent url("image/top.png") scroll no-repeat top left;}
#liTop a:hover		{background-color:#ccf9f8;}
#liTop a:active		{background-color:#ccf9f8;}
#aAbout		{
	margin:0;
	border-width:0;
	padding:0;
	width:49px;
	height:20px;
	display:block;
}
#liAbout a:link		{background:transparent url("image/about.png") scroll no-repeat top left;}
#liAbout a:visited	{background:transparent url("image/about.png") scroll no-repeat top left;}
#liAbout a:hover		{background-color:#ccf9f8;}
#liAbout a:active	{background-color:#ccf9f8;}
#aWorks		{
	margin:0;
	border-width:0;
	padding:0;
	width:50px;
	height:20px;
	display:block;
}
#liWorks a:link		{background:transparent url("image/works.png") scroll no-repeat top left;}
#liWorks a:visited	{background:transparent url("image/works.png") scroll no-repeat top left;}
#liWorks a:hover		{background-color:#ccf9f8;}
#liWorks a:active	{background-color:#ccf9f8;}
#aLinks		{
	margin:0;
	border-width:0;
	padding:0;
	width:39px;
	height:20px;
	display:block;
}
#liLinks a:link		{background:transparent url("image/links.png") scroll no-repeat top left;}
#liLinks a:visited	{background:transparent url("image/links.png") scroll no-repeat top left;}
#liLinks a:hover		{background-color:#ccf9f8;}
#liLinks a:active	{background-color:#ccf9f8;}
#aClap		{
	margin:0;
	border-width:0;
	padding:0;
	width:40px;
	height:20px;
	display:block;
}
#liClap a:link		{background:transparent url("image/clap.png") scroll no-repeat top left;}
#liClap a:visited	{background:transparent url("image/clap.png") scroll no-repeat top left;}
#liClap a:hover		{background-color:#ccf9f8;}
#liClap a:active		{background-color:#ccf9f8;}
#sidebar	{
	margin:0;
	border-width:0;
	padding:0;
	height:390px;
	width:200px;
	float:left;
}
h1		{
	color:#bc64a4;/*若紫わかむらさき*/
	font-size:12px;
	font-weight:100;
	text-align:right;
}
h2		{
	color:#d7003a;/*紅くれない*/
	font-size:20px;
	font-weight:100;
	text-align:right;
}
h3		{
	color:#89c3eb;/*勿忘草色わすれなぐさいろ*/
	font-size:10px;
	font-weight:100;
	text-align:right;
}
#title		{
	margin:0;
	border-width:0;
	padding:20px 0 0 0;
	height:280px;
}
#tbNav		{
	margin:0;
	border-width:0;
	padding:0;
	bottom:0;
	height:30px;
	width:200px;
}
#text		{
	margin:0;
	border-width:0;
	padding:10px;
	height:370px;
	width:570px;
	float:right;
	text-align:left;
	overflow:auto;
}
textarea		{
	font-size:12px;
}
#tbLinks	{
	margin:0px auto 0px auto;
	border-width:0px;
	padding:0px;
}
#tbLinks td,th	{
	margin:0px;
	border-width:0px 1px 1px 0px;
	border-style:dotted;
	border-color:#708090;
	padding:3px;
}
#tbGraffiti td,th	{
	margin:0px;
	border-width:0px 1px 1px 0px;
	border-style:dotted;
	border-color:#708090;
	padding:3px;
}
#tbComics td,th	{
	margin:0px;
	border-width:0px 1px 1px 0px;
	border-style:dotted;
	border-color:#708090;
	padding:3px;
}
#dlClapRes	{
	background-color:#fdeff2;/*薄桜うすざくら*/
	padding:3px 20px;
}
#dlClapRes dt	{
	color:#00a381;/*花緑青はなろくしょう*/
}
#dlClapRes dd	{
	color:#d0576b;/*今様色いまよういろ*/
}
.pRight		{
	text-align:right;
}