/*==============================
	base
==============================*/
*{
	margin:		0;
}
html{
	height:		100%;
	background:	#000000;
}
body{
	/* IE対応 */
	width:		100%;
	min-width:	800px;
	min-height:	700px;
	/* ‚ここまで */
	height:		100%;
	position:	relative; 
}
#body{
	width:		800px;
	height:		700px;
	position:	absolute;
	bottom:		50%;
	right:		50%;
}
#main{
	width:		800px;
	height:		700px;
	position:	absolute;
	top:		350px;
	left:		400px;
}
	#container_left {
		width:		400px;
		float:		left;
	}
	#container_right {
		width:		400px;
		float:		right;
	}
a {
	color:				#cf0066;
	text-decoration:	none;
}
/*==============================
	logo
==============================*/
div#logo {
	text-align:		center;
	margin:			170px 0 45px 0;
}
/*==============================
	banner
==============================*/
div#banner {
	text-align:		center;
	margin-bottom:	30px;
}
	div#banner img {
		margin-bottom:	15px;
	}
/*==============================
	menu
==============================*/
div#menu1,
div#menu2 {
	width:			300px;
	margin-left:	50px;
}
div#menu1 ul li,
div#menu2 ul li {
	float:			left;
}
div#menu1 ul li a,
div#menu2 ul li a {
	display:		block;
	height:			30px;
	width:			100px;
	background-image:	url(../img/menu.gif);
}
	span.text_visible {
		visibility:	hidden;
	}
	div#menu1 li#about a {
		background-position:	0 0;
	}
	div#menu1 li#about_ a {
		background-position:	0 60px;
	}
	div#menu1 li#about a:hover {
		background-position:	0 60px;
	}
	div#menu1 li#discography a {
		background-position:	200px 0;
	}
	div#menu1 li#discography_ a {
		background-position:	200px 60px;
	}
	div#menu1 li#discography a:hover {
		background-position:	200px 60px;
	}
	div#menu1 li#works a {
		background-position:	100px 0;
	}
	div#menu1 li#works a:hover {
		background-position:	100px 60px;
	}
    div#menu2 li#blog a {
    	background-position:	0 90px;
   	}
    div#menu2 li#blog a:hover {
    	background-position:	0 30px;
	}
    div#menu2 li#shop a {
    	background-position:	200px 90px;
	}
    div#menu2 li#shop_ a {
    	background-position:	200px 30px;
	}
    div#menu2 li#shop a:hover {
    	background-position:	200px 30px;
	}
	div#menu2 li#clap a {
		background-position:	100px 90px;
	}
	div#menu2 li#clap_ a {
		background-position:	100px 30px;
	}
	div#menu2 li#clap a:hover {
		background-position:	100px 30px;
	}
/*==============================
	text
==============================*/
div.information,
div.clap,
div.shop,
div.diary,
div.discography,
div.pnf {
	width:			320px;
	margin-left:	50px;
	padding:		30px 0 30px 0;
	border-left:	1px dotted #777777;
	color:			#bbbbbb;
	font-size:		90%;
	font-family:	'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.clap {
	margin-top:			230px;
}
	div.clap form {
		margin-left: 	30px;
	}
div.pnf {
	margin-top:			265px;
}
	div.pnf p.hw {
		color:			#cf0066;
	}
div.diary {
	margin-top:			250px;
}
div.shop {
	margin-top:			250px;
}
	p.date {
		border-left:	1px solid #bbbbbb;
		padding:		4px 0 4px 30px;
		margin-left:	-1px;
		letter-spacing:	2px;
	}
	p.hw {
		border-left:	1px solid #bbbbbb;
		padding:		4px 0 4px 30px;
		margin-left:	-1px;
		font-size:		140%;
	}
	p.text {
		margin:			10px 0 0 30px;
	}
	p.text img {
		margin-top:		8px;
		border:			1px solid #333333;
		padding:		3px;
	}
	.space {
		margin-top:		40px;
	}