@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* =================================================================== 
*/

body {
	/* font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; */
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ 明朝','MS Mincho',serif;
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:75%;
	line-height:1.5;
	color:#1A1A1A;
	letter-spacing:0.1em;
	background:#D4FFF1 url(/images/common/bg-top.gif) repeat-x left top;
	/* background:#E8FCF5 url(/images/common/bg-top.gif) repeat-x left top; */
}

html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}
img			{ border:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
ul,li		{ list-style: none; }

a			{ color:#25B309; text-decoration: none; }
a:hover,
a:focus		{ color:#4FB4E0; }

/*
=====================================================================
*
*    class
*
* =================================================================== 
*/
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.flL{float:left;}
.flR{float:right;}

/*
=====================================================================
*
*    Wrapper
*
* =================================================================== 
*/
#Wrapper{
	text-align: left;
}

/*
=====================================================================
*
*    Main
*
* =================================================================== 
*/

#Main{
	/* width:1000px; */
	background:url(/images/common/bg-line.png) no-repeat left top;
}

/*--------------- h1 ---------------*/
h1{ margin-left:210px; height:270px; z-index:5; }

/*--------------- VisualNavi ---------------*/
#VisualNavi{ width:1000px; }

/*--------------- Visual ---------------*/
#Visual{
	float:left;
	width:620px;
	margin-top: -280px;
}

#GirlSet{ height:500px; width:620px; }
#GirlSet img,
#FlowerSet img{ display: block; }

#GirlSet				{ padding-left:60px;  padding-top:150px; }

#GirlSet img.girlBack		{  }

#GirlSet img.girl			{
	margin-left:140px;
	margin-top:-620px;
}

#FlowerSet{
	margin-top:-520px;
	/*for IE6 */
	_margin-top:-635px;
}

div.flower01{ width:170px; height:150px; margin-left:140px; }
div.flower02{ width:160px; height:165px; margin-left:20px; margin-top:-15px; }
div.flower03{ width:110px; height:110px; margin-left:455px; margin-top:-150px; }
div.flower04{ width:160px; height:165px; margin-left:460px;  margin-top:100px;}
div.flower05{ width:70px; height:70px; margin-left:85px;  margin-top:-210px; }

/*--------------- Navi ---------------*/
#Navi{
	float:left;
	width:140px;
	height:400px;
	background:url(/images/common/bg-navi.png) no-repeat left top;
	margin-left:240px;
	margin-top:-270px;
	
	/* for IE6 */
	_margin-left:440px;
	_margin-top:-760px;
	
	z-index: 4;
}
#Navi ul{
	margin-left:35px;
	margin-top:50px;
	width:100px;
}
#Navi ul li{ display: block; }


/*--------------- Content ---------------*/
#Content{
	float:left;
	display: inline;
	margin-top:-230px;
	margin-left:630px;
	/*for IE6 7 */
	/margin-top:-370px;/* -140 */
	/*for IE6 */
	_margin-top:-500px;/* -270 */
	position: relative;
	z-index: 10;
}
body.top #Content{ 
	margin-top:-220px;
	margin-left:580px;
	/*for IE6 7 */
	/margin-top:-360px;/* -140 */
	/*for IE6 */
	_margin-top:-490px;/* -270 */
	
	position: relative;
	z-index: -1;
}
/* #Content{ width:380px; } */

/*
=====================================================================
*
*    Content
*
* =================================================================== 
*/

/*--------------- profile ---------------*/
body.profile #Content	{ margin-right: 10px; }
body.profile #Content p	{ line-height:2; margin-bottom:25px;}

/*--------------- live,works ---------------*/
body.live #Content ul#Menu,
body.works #Content ul#Menu						{ margin-bottom:20px; }
body.live #Content h2 span,
body.works #Content h2 span							{ font-size:15px; }
body.live #Content img.myspace,
body.works #Content img.myspace					{ margin-bottom:4px; margin-left:10px; }

/*--------------- live ---------------*/
body.live #Content								{ width:330px; }
body.live #Content p.update						{ color:#AB3128; font-weight: bold; font-size:13px; margin-bottom:10px; }
body.live #Content div.bandColumn				{ margin-bottom:30px; }
body.live #Content div.liveColumn				{ margin-bottom:20px; }
body.live #Content h2							{ margin-bottom:5px; }
body.live #Content p.liveDatePlace				{ /* font-size:16px; */ margin-bottom:3px; }
body.live #Content p.liveDatePlace span.liveDate	{ color:#AB3128; }
body.live #Content div.flyer						{ margin-top:10px; margin-bottom:10px; }
body.live #Content p.liveAct						{ /* font-size:14px; */ margin-bottom: 10px; }
body.live #Content p.liveTime					{ /* font-size:12px; */ }
body.live #Content p.liveTime					{  }

/*--------------- works ---------------*/
body.works #Content								{ width:380px; }
body.works #Content h2							{ margin-bottom:15px; }
body.works #Content div.workColumn				{ margin-bottom:40px; }
body.works #Content div.workColumn h3			{ /* border:1px solid #1A1A1A; padding:4px 6px;*/ margin-bottom:10px; }
body.works #Content div.worksImageText			{ margin-bottom:15px; }
body.works #Content div.worksImage				{ margin-bottom: 10px; }
body.works #Content div.worksImage flL			{ width:140px; float:left; }
body.works #Content p.workText					{ margin-left:160px; }
body.works #Content p.workSongs					{ margin-bottom:20px; }



/*
=====================================================================
*
*    span
*
* =================================================================== 
*/
/*--------------------for MacIE--------------------*/
/*
{
	text-indent:-9999px;
}
*/
/*--------------------Hides from IE-mac--------------------\*/
/*
{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
*/
/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */