@charset "utf-8";
/* --------------- Reset CSS --------------- */
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style:normal;
	font-weight:normal;
}
ol,
ul {
	list-style:none;
}
dl,
dt,
dd {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	color: #FFF;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
}
/* --------------- CSS Hack --------------- */
*:first-child + html body {
	font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
hr {
	_border:1px #000 solid !important;
	_background-color: #000 !important;
	_height:1px;
}
hr {
 /border:1px #000 solid !important;
 /background-color: #000 !important;
 /height:1px !important;
}
#wrapper {
	_margin-left: -434px !important;
}
/* --------------- Body CSS --------------- */
body {
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background: url(image/background.jpg) no-repeat center top #000000;
	font-size: 16px;
	letter-spacing: 2px;
}
hr {
	border:0px #000000 solid;
	background-color: #000000;
	height:1px;
}
a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer-navi a:link {
	text-decoration: none;
}
#footer-navi a:visited {
	text-decoration: none;
}
#footer-navi a:hover {
	text-decoration: none;
}
#footer-navi a:active {
	text-decoration: none;
}
#content a:link {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#content a:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#content a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#content a:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#content2 a:link {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#content2 a:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
#content2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#content2 a:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#wrapper {
	width: 871px;
	position: absolute;
	margin-left: -435px;
	left: 50%;
}
#header {
	width: 871px;
	height: 287px;
}
#header h1 {
	display: none;
}
#footer-navi {
	padding-top:30px;
	text-align: center;
	font-size: 60%;
	height: 20px;
	color: #FFF;
	letter-spacing: normal;
}
#footer {
	width: 100%;
	height: 26px;
	background: url(image/copyright.jpg) no-repeat center;
	margin-top:10px;
	margin-bottom:30px;
}
#copyright {
	display: none;
}
.clear {
	clear: both;
}
.red {
	color: #C00000;
}
.small {
	font-size: x-small;
	letter-spacing: normal;
}
.red2 {
	font-size: 14px;
}
/* --------------- sideber CSS --------------- */
#sidebar {
	width: 248px;
	float: left;
	color: #FFFFFF;
}
#side {
	width: 223px;
	padding: 10px 10px 20px 5px;
	font-size: 70%;
}
.side-title {
	width: 100%;
	height: 34px;
	background: no-repeat left;
	padding-bottom: 10px;
	margin-bottom:10px;
	text-indent: -9999px;
}
.side-area {
	padding-left:20px;
	margin-bottom:30px;
}
.side-title2 {
	width: 100%;
	height: 34px;
	padding-bottom: 10px;
	margin-bottom:10px;
	text-indent: -9999px;
	background: no-repeat right;
}
.side-area2 {
	margin-bottom:30px;
	text-align: right;
}
/* --------------- contents CSS --------------- */
#content {
	width: 623px;
	float: left;
	color: #000000;
}
#content2 {
	width: 871px;
	color: #000000;
}
#area-header {
	width: 623px;
	height: 63px;
	background: url(image/conthead.jpg) no-repeat center top;
	text-indent:-9999px;
}
#area-back {
	width: 623px;
	background: url(image/contbody2.jpg) repeat-y center;
}
#area {
	width: 483px;
	padding: 10px 65px 10px 75px;
	background: url(image/contbody.jpg) no-repeat center top;
}
#area-footer {
	width: 623px;
	height: 50px;
	background: url(image/contfoot.jpg) no-repeat center top;
	text-indent:-9999px;
}
#area-header2 {
	width: 867px;
	height: 65px;
	background: url(image/cont2head.jpg) no-repeat center top;
	text-indent:-9999px;
}
#area-back2 {
	width: 867px;
	background: url(image/cont2body2.jpg) repeat-y center;
}
#area2 {
	width: 672px;
	padding: 10px 95px 10px 100px;
	background: url(image/cont2body.jpg) no-repeat center top;
}
#area-footer2 {
	width: 867px;
	height: 50px;
	background: url(image/cont2foot.jpg) no-repeat center top;
	text-indent:-9999px;
}
.area-title {
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left;
}
.column {
	margin: 10px 30px 20px 30px;
	font-size: 80%;
}
.top {
	text-align: right;
}
/* --------------- top CSS ---------------- */

#nextlive .side-title {
	background-image: url(image/title/nextlive.gif);
}
#nowonsale .side-title {
	background-image: url(image/title/nowonsale.gif);
}
#memberblog .side-title {
	background-image: url(image/title/memberblog.gif);
}
#memberblog .side-area {
	margin-bottom:0px;
	padding-bottom:20px;
}
#formobile .side-title {
	background-image: url(image/title/formobile.gif);
}
#update .area-title {
	background-image: url(image/title/update.gif);
}
#news .area-title {
	background-image: url(image/title/news.gif);
}
#newreleases .area-title {
	background-image: url(image/title/newreleases.gif);
}
#newreleases .column {
	background-image: url(image/newreleases2.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 415px;
	padding-top:18px;
}
#newreleases .column object {
	float: right;
	margin-right: 2px;
}
#kotonoha {
	float: left;
	text-indent: -9999px;
}
/* -------------- news CSS -------------- */
#news .column {
	border-bottom: 1px solid #000000;
	padding: 0px 5px 5px 5px;
	margin-top:10px;
}
/* ----------- schedule CSS ----------- */
#february,
#march,
#april,
#may,
#june,
#july,
#august,
#september{
	padding-right: 20px;
}
#february .side-title2 {
	background-image: url(image/title/month/february.gif);
}
#march .side-title2 {
	background-image: url(image/title/month/march.gif);
}
#april .side-title2 {
	background-image: url(image/title/month/april.gif);
}
#may .side-title2 {
	background-image: url(image/title/month/may.gif);
}
#june .side-title2 {
	background-image: url(image/title/month/june.gif);
}
#july .side-title2 {
	background-image: url(image/title/month/july.gif);
}
#august .side-title2 {
	background-image: url(image/title/month/august.gif);
}
#september .side-title2 {
	background-image: url(image/title/month/september.gif);
}
#schedule .area-title {
	background-image: url(image/title/schedule.gif);
	margin-bottom:20px;
}
#schedule .column {
	border-bottom: 1px solid #000000;
	padding: 0px 5px 5px 5px;
	margin-top:10px;
}
.day {
	font-size: 80%;
	padding-left: 5px;
	padding-right: 5px;
}
.event {
	font-size: 90%;
	padding: 5px 15px 15px 10px;
}
.eventdeta {
	font-size: 80%;
	letter-spacing: normal;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:8px;
}
.eventdeta p {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.eventdeta ul {
	margin-top:-5px;
	margin-bottom: 6px;
	padding-top: 5px;
}
.eventdeta li {
	list-style-type: disc;
	margin-left: 15px;
}
/* --------- media CSS --------- */
#magazine,
#pc,
#mobile {
	padding-right: 20px;
}
#magazine .side-title2 {
	background-image: url(image/title/magazine.gif);
}
#pc .side-title2 {
	background-image: url(image/title/pc.gif);
}
#mobile .side-title2 {
	background-image: url(image/title/mobile.gif);
}
#media .area-title {
	background-image: url(image/title/media.gif);
	margin-bottom:20px;
}
#media .columntitle {
	border-bottom: 1px solid #000000;
	border-left: 3px solid #000000;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 10px 30px 2px 20px;
	font-size: 90%;
}
#media .column {
	margin-right:40px;
	border-bottom: 1px dashed #000000;
	padding: 0px 10px 2px 10px;
}
#media .column2 {
	padding: 0px 10px 2px 10px;
	margin: 10px 40px 20px 30px;
	font-size: 80%;
}
#media p {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
}
/* ------ discography CSS ------ */
#single {
	padding-right: 20px;
}
#single .side-title2 {
	background-image: url(image/title/single.gif);
}
#discography .area-title {
	background-image: url(image/title/discography.gif);
	margin-bottom:20px;
}
#discography .columntitle {
	border-bottom: 1px solid #000000;
	border-left: 3px solid #000000;
	padding: 4px 0px 0px 5px;
	margin: 15px 30px 2px 20px;
}
#discography .column {
	margin-right:40px;
	padding: 0px 10px 2px 10px;
}
#discography .release-title {
	font-size: 100%;
	float: left;
	margin-top: -4px;
}
#discography .release-title2 {
	font-size: 100%;
	float: left;
	margin-top: -4px;
	letter-spacing: normal;
}
#discography .release-txt {
	width: 65%;
}
.release-title {
	font-size: 130%;
}
.release-pic {
	float: left;
}
.release-txt {
	float: left;
	padding-left:5px;
}
.music {
	font-size: 110%;
	font-weight: bold;
}
.release-day {
	font-size: 70%;
	float: right;
	letter-spacing: normal;
	margin-bottom: -30px;
	margin-right: 5px;
}
.release-price {
	text-align: right;
	margin-top: 20px;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: normal;
	border-bottom: 1px dotted #000000;
}
.release-other {
	margin-top: 3px;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: normal;
}
#discography ol {
	list-style-type: decimal;
	margin-left: 30px;
	letter-spacing: normal;
}
#discography p {
	margin-top: 1px;
}
/* ------------ biography CSS ------------ */
#biography .area-title {
	background-image: url(image/title/biography.gif);
}
/* ----------- information CSS ----------- */
#menu {
	padding-right: 20px;
}
#menu .side-title2 {
	background-image: url(image/title/menu.gif);
}
#information {
	font-size: 90%;
}
#information .area-title {
	background-image: url(image/title/information.gif);
	margin-bottom:20px;
}
#information .column {
	padding: 0px 5px 5px 5px;
	margin-top:10px;
}
#information .columntitle {
	border-bottom: 1px solid #000000;
	border-left: 3px solid #000000;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 10px 30px 2px 20px;
	font-size: 90%;
}
#information ul {
	list-style-type: disc;
	margin-left: 30px;
}