@charset "EUC-JP";

/* reset
============================================== */
@import url("../reset.css"); /* reset stylesheet */

/* google font api

	font-family: 'Yanone Kaffeesatz';
============================================== */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700);

/* layout
============================================== */
html {
	font-size: 62.5%; /* 1rem=10px, 1.1rem=11px ...*/
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #50B1C7 url(./image/background.png) repeat 0 0;

	text-align: left;
	font-family: '¥á¥¤¥ê¥ª', 'Meiryo', '£Í£Ó £Ð¥´¥·¥Ã¥¯', Osaka, Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
	color: #0a3d49;
}


#background {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
}
	#background #wing {
		background: transparent url(./image/wing.png) no-repeat 0 0;
		width: 884px;
		height: 684px;
		position: fixed;
		left: 200px;
		top: 15px;
		opacity: 0;
	}
	#background #seiga {
		background: transparent url(./image/seiga.png) no-repeat 0 0;
		width: 400px;
		height: 601px;
		position: fixed;
		left: 0;
		top: 100px;
	}
	#background #twitter {
		position: fixed;
		left: 150px;
		top: 720px;
	}

#wrapper	{
	padding-left: 400px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header {
	position: relative;
}

#footer	{

}


/* page style
============================================== */

body *::-moz-selection {
	background-color: rgba(222, 178, 115, 0.8);
	color: #9C7C51;
}

a					{	outline: 0; text-decoration: none;}
a:link		{	color: #CC7512; }
a:visited	{	color: #CC7512; }
a:active	{	color: #E38314; text-decoration: underline; }
a:hover		{	color: #E38314; text-decoration: underline; }

em		 { font-weight: bold; }
strong { font-weight: bold; }

h1 {
	background: transparent url(./image/title.png) no-repeat 0 0;
	width: 803px;
	height: 200px;
	text-indent: -9999px;
	position: fixed;
	left: 400px;
	top: 290px;
}

h2 {
	background: transparent url(./image/h2.png) no-repeat 0 0;
	width: 190px;
	height: 40px;
	text-indent: -9999px;

}
div.information > h2	{ background-position: 0 0; }
div.event > h2				{ background-position: 0 -40px; }
div#tr01 > h2					{ background-position: 0 -80px; }
div#tr02 > h2					{ background-position: 0 -120px; }
div#tr03 > h2					{ background-position: 0 -160px; }
div#tr04 > h2					{ background-position: 0 -200px; }
div#tr05 > h2					{ background-position: 0 -240px; }
div.shop > h2					{ background-position: 0 -280px; }
div.staffcredit > h2	{ background-position: 0 -320px; }

div#container {
	position: absolute;
	left: 0;
	top: 780px;
}

div.tile {
	margin-bottom: 10px;
	border: 1px solid rgba(34, 34, 34, 0.2);
	background: transparent url(./image/tile_background.png) repeat-x 0 0;
	width: 188px;
	
	border-radius: 5px;
}
	div.tile div.content {
		padding: 0 10px;
		width: 170px;
	}
div.tile.photo {
}
	div.tile.photo div.content {
		padding: 10px;
	}
	div.tile.photo div.content img {
		vertical-align: bottom;
	}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 5px;
	padding-left: 10px;
}

/* information style
============================================== */


/* tracklist style
============================================== */



div.tracklist h3 {
	margin-bottom: 10px;
	height: 2.8rem;
	font-size: 27px;
	font-size: 2.7rem;
	line-height: 1;
	font-family: 'Yanone Kaffeesatz', '¥á¥¤¥ê¥ª', 'Meiryo', '£Í£Ó £Ð¥´¥·¥Ã¥¯', Osaka, Arial, sans-serif;
	font-weight: 700;
	overflow: hidden;
}

div.tile#player_wrapper {
	padding: 0;
	width: 388px;
	height: 166px;
	margin-bottom: 10px;
}
	

/* shop style
============================================== */
div.tile.shop {
	width: 388px;
	height: 260px;
}
	div.tile.shop div.content {
		padding: 0 10px;
		width: 360px;
	}

div.shop li {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 40px;
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform:rotate( 90deg );
	-moz-transform:rotate( 90deg );
	transform:rotate( 90deg );
}
div.shop li#shop01 { left: 50px; }
div.shop li#shop02 { left: 100px; }
div.shop li#shop03 { left: 150px; }
div.shop li#shop04 { left: 200px; }
div.shop li#shop05 { left: 250px; }
div.shop li#shop06 { left: 300px; }
div.shop li#shop07 { left: 350px; }
	div.shop a img {
		vertical-align: bottom;
		display: inline-block;
	}

/* staffcredit style
============================================== */


/* link style
============================================== */





/* .ghoul style
============================================== */
body.ghoul {
	background: #000000 none repeat 0 0;
	color: #FFFFFF;
}
body.ghoul #background {
	background: #000000 none repeat 0 0;
}
	body.ghoul #background #wing {
		opacity: 1;
	}
	body.ghoul #background #seiga {
		background: transparent url(./image/seiga.png) no-repeat -400px 0;
	}

body.ghoul h1 {
	background: transparent url(./image/title.png) no-repeat 0 -200px;
}

body.ghoul h2 {
	background: transparent url(./image/h2.png) no-repeat 0 0;

}
body.ghoul div.information > h2		{ background-position: -190px 0; }
body.ghoul div.event > h2					{ background-position: -190px -40px; }
body.ghoul div#tr01 > h2					{ background-position: -190px -80px; }
body.ghoul div#tr02 > h2					{ background-position: -190px -120px; }
body.ghoul div#tr03 > h2					{ background-position: -190px -160px; }
body.ghoul div#tr04 > h2					{ background-position: -190px -200px; }
body.ghoul div#tr05 > h2					{ background-position: -190px -240px; }
body.ghoul div.shop > h2					{ background-position: -190px -280px; }
body.ghoul div.staffcredit > h2		{ background-position: -190px -320px; }

body.ghoul div.tile {
	background: transparent url(./image/tile_background_ghoul.png) repeat-x 0 0;
}




/* ¢£¢£¢£¢£¢£IEÍѥХ°Âкö¢£¢£¢£¢£¢£ */
br {
letter-spacing: 0;
}