@charset "utf-8";

/*------------------------------------------------------------------------------
	Asriel official website
	Style Sheet for 特設サイト
	Date: 2010-07
	Update: 2011-08
	All content (c) Asriel
------------------------------------------------------------------------------*/

/* =page structure
------------------------------------------------------------------------------*/
html { overflow: hidden; }
body { color: #FEFEFE; }

#supersize img, #supersize strong{
	height:100%;
	width:100%;
	display:none;
	}

#supersize .activeslide, #supersize .activeslide img{ display:inline; }

#detail{
	position:absolute;
	top:0;
	left: 0;
	width:30%;
	padding: 10px 20px 0;
	border-radius: 0 0 20px 0;
		-moz-border-radius: 0 0 20px 0;
		-webkit-border-bottom-right-radius: 20px;
	background: url("/imglib/ui/base.png");
	}

	#detail dl { overflow: hidden; }

		#detail dt {
			clear: left;
			width: 50px;
			float: left;
			font-size: 1.1em;
			}

		#detail dd{
			width: 20em;
			float: left;
			font-size: 1.1em;
			}

h1 {
	font-size: 1.6em;
	line-height: 1.1;
	margin: 0 0 .5em;
	}

.menu_head h4 { margin: 0 0 -2em; }
.menu_body { margin: 4em 0 -2em; }

	.menu_body ul { margin: 0; }

#rolls{
	position:absolute;
	top:10px;
	right: 0;
	width:40%;
	}

	#rolls dt,
	#rolls dd {
		display: inline;
		font-weight: normal;
		line-height: 1.3;
		}

	#rolls dt { margin: 0 .3em 0 0; }

#exbox {
	width: auto;
	float: right;
	padding: 0 10px 10px 0;
	overflow: hidden;
	}

	#exbox p { margin: 0; }

#notification{
	width:100%;
	padding: .4em 0 .2em;
	background: url("/imglib/ui/bg_notification.png");
	overflow: hidden;
	}

	#notification h2,
	#notification p {
		display: inline;
		width: auto;
		float: left;
		margin: 0 0 0 20px;
		}

	#notification h2 {
		font-size: 1.4em;
		color: #FFF;
		padding: 0;
		border: none;
		}

ul#pageNav {
	width: 11em;
	float: right;
	margin: 0 10px 0 0;
	overflow: hidden;
	}

	ul#pageNav li#next,
	ul#pageNav li#preview {
		width: auto;
		line-height: 1.4;
		font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
		}

	ul#pageNav li#next {
		float: left;
		text-align: right;
		}

	ul#pageNav li#preview {
		float: right;
		padding: 0 0 0 9px;
		border-left: 1px solid #F90;
		}

	ul#pageNav li.end { color: #9D4570; }

#content{
	position:absolute;
	bottom:20px;
	left: 0;
	width:100%;
	margin:0px auto;
	}

footer{
	position:absolute;
	bottom:0;
	left: 0;
	width: 100%;
	overflow: hidden;
	}

	footer p {
		margin: 0 10px 0 0;
		float: right;
		}

#navbar {
	width: 100%;
	height: 80px;
	background: url("/imglib/ui/bg_navbar.png") repeat-x 0 0;
	overflow: hidden;
	}

	#navbar p {
		display: inline;
		width: 200px;
		float: right;
		margin: 20px 10px 0 0;
		}

nav {
	width: 561px;
	height: 80px;
	float: left;
	padding: 0 0 0 124px;
	background: url("/imglib/ui/logo_w.png") no-repeat 20px 9px;
	}

	nav ul {
		width: 561px;
		height: 34px;
		margin: 23px 0;
		padding: 0;
		}

		nav li {
			height: 34px;
			float: left;
			font-size: 1em;
			line-height: 1;
			}

			nav li#navHome { width: 68px; }
			nav li#navProfile { width: 87px; }
			nav li#navDiscography { width: 131px; }
			nav li#navSpecial { width: 84px; }
			nav li#navBlog { width: 62px; }
			nav li#navStore { width: 129px; }

			nav li a {
				display: block;
				height: 34px;
				text-indent: -9999px;
				background: url("../../imglib/ui/gnav.png") no-repeat 0 0;
				outline: none;
				}

				nav li#navHome a { width: 68px; }

				nav li#navProfile a {
					width: 87px;
					background-position: -68px 0;
					}

				nav li#navDiscography a {
					width: 131px;
					background-position: -155px 0;
					}

				nav li#navSpecial a {
					width: 84px;
					background-position: -286px 0;
					}

				nav li#navBlog a {
					width: 62px;
					background-position: -370px 0;
					}

				nav li#navStore a {
					width: 129px;
					background-position: -432px 0;
					}

					nav li#navHome a:hover,
					nav li#navHome.current a { background-position: 0 -34px; }

					nav li#navProfile a:hover,
					nav li#navProfile.current a {
						width: 87px;
						background-position: -68px -34px;
						}

					nav li#navDiscography a:hover,
					nav li#navDiscography.current a {
						width: 131px;
						background-position: -155px -34px;
						}

					nav li#navSpecial a:hover,
					nav li#navSpecial.current a {
						width: 84px;
						background-position: -286px -34px;
						}

					nav li#navBlog a:hover,
					nav li#navBlog.current a {
						width: 62px;
						background-position: -370px -34px;
						}

					nav li#navStore a:hover,
					nav li#navStore.current a {
						width: 129px;
						background-position: -432px -34px;
						}


/* EOF
------------------------------------------------------------------------------*/