@charset "utf-8";

body {
	background-color: #000;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0 0 40px 0;
}

h1, h2, h3, h4, h5, p, form, dl, ul, ol, table {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #eee;
}

a:visited {
	color: #ccc;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 30px 0;
}

h3 {
	font-size: 90%;
	font-weight: bold;
	padding: 2px 4px;
	margin: 0 0 5px 0;
}

p {
	margin: 0 0 20px 0;
	font-size: 90%;
	line-height: 140%;
}

#container {
	width: 800px;
	margin: 0 auto;
	background: #000;
}

#contents {
	clear: left;
	background: #000;
	padding: 10px 0 20px 0;
}

#wrapper {
	float: left;
	width: 100%;
	margin: 0 -240px 0 0;
}

#wrapper #main {
	position: relative;
	margin: 0 255px 0 10px;
}

#sidebar {
	float: left;
	width: 240px;
}

#main {
	position: relative;
	margin: 0 30px;
}

/* Header
----------------------------------*/
#header {
	position: relative;
	background: url(/images/header_bg.png) no-repeat;
	height: 93px;
}

#header h1 {
	padding: 8px 0 0 0;
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 300px;
	height: 85px;
	background: transparent url(/images/uverworld.png) no-repeat top left;
	font-size: 2px;
	text-indent: -99999px;
}

#header #login a {
	position: absolute;
	width: 183px;
	height: 62px;
	background: url(/images/neosoundwave.png) no-repeat top left;
	top: 17px;
	right: 0;
}

#header #login a span {
	display: none;
}

/* Footer
----------------------------------*/
#footer {
	clear: left;
	font-size: 70%;
	padding: 20px 10px 4px 10px;
	border-bottom: 1px solid #111;
	background: url(/images/footer_bg.png) repeat-x bottom left;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer p.notice {
	float: left;
}

#footer p.copyright {
	text-align: right;
	font-family: verdana;
}

/* Navigation
----------------------------------*/
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#navigation ul li a {
	background: url(/images/navigation.png);
	display: block;
	float: left;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}

#navigation ul li a.information {
	width: 119px;
	background-position: 0 0;
}

#navigation ul li a.information:hover, 
#navigation ul li.current a.information {
	background-position: 0 -25px;
}

#navigation ul li a.profile {
	width: 112px;
	background-position: -119px 0;
}

#navigation ul li a.profile:hover, 
#navigation ul li.current a.profile {
	background-position: -119px -25px;
}

#navigation ul li a.discography {
	width: 120px;
	background-position: -231px 0;
}

#navigation ul li a.discography:hover, 
#navigation ul li.current a.discography {
	background-position: -231px -25px;
}

#navigation ul li a.fanclub {
	width: 112px;
	background-position: -351px 0;
}

#navigation ul li a.fanclub:hover, 
#navigation ul li.current a.fanclub {
	background-position: -351px -25px;
}

#navigation ul li a.goods {
	width: 112px;
	background-position: -463px 0;
}

#navigation ul li a.goods:hover, 
#navigation ul li.current a.goods {
	background-position: -463px -25px;
}

#navigation ul li a.live {
	width: 112px;
	background-position: -575px 0;
}

#navigation ul li a.live:hover, 
#navigation ul li.current a.live {
	background-position: -575px -25px;
}

#navigation ul li a.contact {
	width: 113px;
	background-position: -687px 0;
}

#navigation ul li a.contact:hover, 
#navigation ul li.current a.contact {
	background-position: -687px -25px;
}

/* Breadcrumb
----------------------------------*/
#breadcrumb {
	margin: 0 0 20px 10px;
}

#breadcrumb ul {
	list-style-type: none;
	font-size: 75%;
}

#breadcrumb ul li {
	display: inline;
}

/* Submenu
----------------------------------*/
ul.submenu {
	list-style-type: none;
	position: absolute;
	top: 14px;
	left: 261px;
}

ul.submenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.submenu li a {
	background: url(/images/submenu.png);
	display: block;
	float: left;
	width: 54px;
	height: 17px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
	overflow: hidden;
}

ul.submenu li a.single {
	background-position: 0 -17px;
}

ul.submenu li a.single:hover, 
ul.submenu li.current a.single {
	background-position: 0 0;
}

ul.submenu li a.album {
	background-position: -54px -17px;
}

ul.submenu li a.album:hover, 
ul.submenu li.current a.album {
	background-position: -54px 0;
}

ul.submenu li a.dvd {
	background-position: -108px -17px;
}

ul.submenu li a.dvd:hover, 
ul.submenu li.current a.dvd {
	background-position: -108px 0;
}

ul.submenu li a.cart {
	width: 68px;
	background-position: -162px -17px;
}

ul.submenu li a.cart:hover, 
ul.submenu li.current a.cart {
	background-position: -162px 0;
}

ul.submenu li a.help {
	width: 68px;
	background-position: -230px -17px;
}

ul.submenu li a.help:hover, 
ul.submenu li.current a.help {
	background-position: -230px 0;
}

ul.submenu li a.privacy {
	width: 95px;
	background-position: -366px -17px;
}

ul.submenu li a.privacy:hover, 
ul.submenu li.current a.privacy {
	background-position: -366px 0;
}

ul.submenu li a.goods {
	width: 68px;
	background-position: -298px -17px;
}

ul.submenu li a.goods:hover, 
ul.submenu li.current a.goods {
	background-position: -298px 0;
}

ul.submenu li a.release {
	width: 61px;
	background-position: 0 -51px;
}

ul.submenu li a.release:hover, 
ul.submenu li.current a.release {
	background-position: 0 -34px;
}

ul.submenu li a.tv {
	width: 61px;
	background-position: -61px -51px;
}

ul.submenu li a.tv:hover, 
ul.submenu li.current a.tv {
	background-position: -61px -34px;
}

ul.submenu li a.radio {
	width: 61px;
	background-position: -122px -51px;
}

ul.submenu li a.radio:hover, 
ul.submenu li.current a.radio {
	background-position: -122px -34px;
}

ul.submenu li a.magazine {
	width: 61px;
	background-position: -183px -51px;
}

ul.submenu li a.magazine:hover, 
ul.submenu li.current a.magazine {
	background-position: -183px -34px;
}

ul.submenu li a.web {
	width: 61px;
	background-position: -244px -51px;
}

ul.submenu li a.web:hover, 
ul.submenu li.current a.web {
	background-position: -244px -34px;
}

ul.submenu li a.nsw {
	width: 61px;
	background-position: -305px -51px;
}

ul.submenu li a.nsw:hover, 
ul.submenu li.current a.nsw {
	background-position: -305px -34px;
}


ul.submenu li a.others {
	width: 61px;
	background-position: -366px -51px;
}

ul.submenu li a.others:hover, 
ul.submenu li.current a.others {
	background-position: -366px -34px;
}

/* What's new
----------------------------------*/
#news {
	margin: 0 0 20px 0;
}

#news .header {
	background: #111 url(/images/whats_new_bg.png) no-repeat top left;
	height: 51px;
}

#news h2 {
	margin: 0 5px 0 0;
	padding: 6px 0 0 10px;
	background: url(/images/whats_new_icon.png) no-repeat top right;
	height: 51px;
}

#news dl {
	font-size: 70%;
	background: #111;
	padding: 0 20px;
	height: 435px;
	overflow: auto;
}

#news dl dt {
	float: left;
}

#news dl dd {
	margin: 0 0 5px 80px;
}

/* Discography Detail
----------------------------------*/
#disc .info {
	float: left;
	width: 150px;
}

#disc .info img {
	border: 1px solid #333;
}

#disc .info ul {
	list-style-type: none;
	font-size: 70%;
	margin: 0 0 20px 0;
	padding: 0;
}

#disc .contents {
	margin: 0 0 0 170px;
}

#disc .contents h2 {
	margin: 0 0 15px 0;
}

#disc .contents h2 span {
	font-size: 60%;
	margin: 0 0 0 10px;
}

#disc .contents p {
	font-size: 85%;
	line-height: 1.4em;
	margin: 0 0 15px 0;
}

#disc .contents ol {
	font-size: 85%;
	list-style-position: inside;
	margin: 0 0 20px 0;
	padding: 0;
}

#disc .contents ol li {
	border: 1px solid #000;
	margin: -1px 0 0 0;
	padding: 3px 4px;
	background: #222;
}

#disc .contents ol li.odd {
	background: #111;
}

#disc .contents ol li span {
	font-size: 80%;
}

/* Discography
----------------------------------*/
.disc {
	float: left;
	width: 270px;
	margin: 0 0 40px 40px;
	_margin: 0 0 0 20px;
}

*:first-child+html .disc {
	margin: 0 0 0 40px;
}

.disc img {
	float: left;
	border: 1px solid #333;
}

.disc .description {
	margin: 0 0 0 74px;
}

.disc .description h3 {
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.item h3 span, 
.disc h3 span {
	margin: 0 0 0 5px;
	padding: 2px 4px;
	color: #fff;
	font-size: 65%;
	font-family: Verdana;
	font-weight: normal;
	background: #ff3300;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.disc .description ul {
	list-style-type: none;
	font-size: 70%;
	margin: 0;
	padding: 0;
}

.disc .description ul li {
	margin: 0;
	padding: 0;
}

/* Goods
----------------------------------*/
ul.caution {
	list-style-position: inside;
	padding: 4px 6px;
	border: 1px solid #333;
	background: #222;
	margin: 0 40px 20px 40px;
	font-size: 80%;
	color: #ccc;
}

ul.caution li {
	margin: 0 0 5px 0;
}

#item {
	margin: 0 0 20px 0;
}

#item img {
	float: left;
	margin: 0 0 20px 0;
}

#item h3 {
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#item h3 span {
	font-size: 60%;
	font-weight: normal;
}


#item .description {
	margin: 0 0 0 220px;
}

#item .description p {
	font-size: 85%;
	line-height: 150%;
	margin: 0 0 20px 0;
}

#item .description p.caution {
	color: #ccc;
	font-size: 80%;
}

#item .description ul {
	font-size: 80%;
	color: #ccc;
	list-style-type: none;
	margin: 0 0 20px 0;
}

#item .description li.price {
	color: #fff;
	font-size: 130%;
	margin: 0 0 10px 0;
}

#item .description li {
	margin: 0 0 5px 0;
}

#item form {
	padding: 20px 0 10px 0;
	border: 1px solid #666;
	border-left: none;
	border-right: none;
}

#item form dl {
	font-size: 85%;
}

#item form dt {
	float: left;
	text-align: right;
	width: 70px;
}

#item form dd {
	margin: 0 0 10px 80px;
}

.item {
	float: left;
	width: 200px;
	margin: 0 0 40px 40px;
	_margin: 0 0 0 20px;
	text-align: center;
}

.item img {
	margin: 0 0 10px 0;
}

.item h3 {
	font-size: 85%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.item p {
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.item ul {
	text-align: left;
	list-style-type: none;
	font-size: 70%;
	color: #999;
}

/* Cart
------------------------------------------*/
table.cart {
	border: 1px solid #333;
	width: 97%;
	border-collapse: collapse;
	margin: 0 0 20px 20px;
	font-size: 85%;
}

table.cart th {
	border: 1px solid #333;
	background: #666;
	color: #fff;
	text-align: center;
	padding: 2px 4px;
}

table.cart td {
	border: 1px solid #333;
	background: #efefef;
	padding: 2px 4px;
	color: #000;
}

table.cart td.unitprice, 
table.cart td.quantity {
	text-align: right;
}

table.cart td.remove {
	text-align: center;
}

table.cart td.remove a {
	color: #333;
}

ul.errors {
	list-style-type: none;
	margin: 0 0 20px 0;
	font-size: 75%;
	padding: 4px 6px;
	background: #ffe5e5;
	color: #ff0000;
	border:1px solid #ff0000;
}

/* Live
----------------------------------*/
.vevent {
	padding: 10px;
	margin: 0 40px 40px 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #111 url(/images/box_bg.png) top left;
}

.vevent h3.summary {
	font-size: 120%;
	font-weight: normal;
	color: #ffcc33;
	margin: 0 0 20px 0;
}

.vevent dl {
	margin: 0 0 0 20px;
	font-size: 80%;
}

.vevent dt {
	position: absolute;
	font-weight: bold;
	text-align: right;
	width: 160px;
	left: 70px;
}

.vevent dd {
	margin: 0 0 30px 170px;
}

.vevent strong {
	display: block;
	font-size: 105%;
	margin: 0 0 5px 0;
}

.vevent p {
	font-size: 85%;
}

.vevent dd dl {
	margin: 10px 0;
	padding: 0;
	font-size: 90%;
}

.vevent dd dt {
	position: static;
	float: left;
	left: 0;
	width: 160px;
}

.vevent dd dd {
	margin: 0 0 5px 165px;
}

/* Section
----------------------------------*/
.section {
	margin: 0 0 20px 0;
}

.section h3 {
	font-size: 110%;
	font-weight: normal;
	border-left: 5px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	margin: 0 0 20px 0;
}

.section ul {
	font-size: 80%;
	margin: 0 0 0 40px;
}

.section ul li {
	margin: 0 0 8px 0;
}

.section p.caution {
	color: #ccc;
	font-size: 80%;
}

.section p {
	font-size: 80%;
	margin: 0 0 10px 20px;
}

.section dl {
	margin: 0 0 0 20px;
}
.section dt {
	float: left;
	width: 70px;
}

.section dd {
	margin: 0 0 0 80px;
}

/* Profile
----------------------------------*/
#profile {
	margin: -10px -30px 0 -30px;
}

#profile ul {
	list-style-type: none;
}

#profile ul li {
	display: inline;
}

#profile ul li a {
	background: url(/images/profile/profile.jpg);
	display: block;
	float: left;
	width: 160px;
	height: 240px;
	text-indent: -9999px;
	overflow: hidden;
}

#profile ul li a.katsuya {
	background-position: 0 0;
}

#profile ul li a.katsuya:hover {
	background-position: 0 -240px;
}

#profile ul li a.nobuto {
	background-position: -160px 0;
}

#profile ul li a.nobuto:hover {
	background-position: -160px -240px;
}

#profile ul li a.takuya {
	background-position: -320px 0;
}

#profile ul li a.takuya:hover {
	background-position: -320px -240px;
}

#profile ul li a.akira {
	background-position: -480px 0;
}

#profile ul li a.akira:hover {
	background-position: -480px -240px;
}

#profile ul li a.sintarou {
	background-position: -640px 0;
}

#profile ul li a.sintarou:hover {
	background-position: -640px -240px;
}

#profile p {
	clear: left;
	font-size: 70%;
	color: #333;
	margin: 0 0 20px 30px;
}

.member dl {
	font-size: 75%;
	font-family: verdana;
}

.member dl dt {
	float: left;
	width: 120px;
	text-align: right;
}

.member dl dd {
	margin: 0 0 5px 125px;
}

/* Form
----------------------------------*/
form dl {
	margin: 0 0 0 40px;
	font-size: 90%;
}

form dt {
	float: left;
	width: 140px;
	text-align: right;
}

form dd {
	margin: 0 0 20px 150px;
}

/* Banner
----------------------------------*/
.banner {
	margin: 0 0 10px 0;
}

/* Information
----------------------------------*/
dl.magazine {
	margin: 0 0 0 40px;
}

dl.magazine dt {
	float: left;
	width: 110px;
	font-size: 75%;
}

dl.magazine dd strong {
	font-weight: bold;
	display: block;
	color: #fff;
}

dl.magazine dd {
	margin: 0 0 15px 120px;
	color: #ccc;
	font-size: 75%;
}

.article {
	border-bottom: 1px dotted #333;
	margin: 0 0 0 40px;
	padding: 15px 10px;
}

.article h3 {
	margin: 0 0 20px 0;
	font-size: 95%;
	font-weight: normal;
}

.article h3 span {
	font-weight: normal;
	font-size: 80%;
	margin: 0 0 0 5px;
}

.article ul {
	margin: 0 0 20px 10px;
	font-size: 80%;
	list-style-type: none;
	color: #ddd;
}

.article p {
	margin: 0 0 10px 0;
	font-size: 80%;
	color: #ddd;
}

/* Button
----------------------------------*/
#order {
	display: block;
	background: url(/images/button.png) no-repeat top left;
	background-position: -306px 0;
	border: none;
	width: 102px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

#addCart {
	display: block;
	background: url(/images/button.png) no-repeat top left;
	background-position: -204px 0;
	border: none;
	width: 102px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

a.fanclub_btn {
	display: block;
	background: url(/images/button.png) no-repeat top left;
	background-position: -408px 0;
	width: 102px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
}

a.shopping_btn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(/images/button.png) no-repeat top left;
	width: 102px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}

a.order_btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(/images/button.png) no-repeat top left;
	background-position: -102px 0;
	width: 102px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}

#countdown {
	position: relative;
	width: 535px;
	height: 60px;
	margin: 0 0 10px 0;
	background: url('/images/countdown.png') no-repeat top left;
}

#days1, 
#days2, 
#days3 {
	position: absolute;
	display: block;
	background: url('/images/countdown_number.png') no-repeat top left;
	width: 45px;
	height: 49px;
	top: 5px;
}

#days1 {
	left: 223px;
}

#days2 {
	left: 275px;
}

#days3 {
	left: 326px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}