@charset "UTF-8";

/* --------------------------------------------------------
	基本設定
-------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	background-color: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background: url(/common/images/bg.jpg) repeat 0 0;
}
* html body {	/* for IF6 */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

p {
	margin: 0;
	padding: 0;
	font-size:12px;
	font-weight:normal;
	line-height:160%;
}
ul {margin: 0; padding: 0; list-style:none;}
img, a img {
	vertical-align: top;
	border: none;
	text-decoration: none;
}

a:link, 
a:visited, 
a:active {color: #520000; text-decoration: none;}
a:hover {color: #976666; text-decoration: underline;}

.left { float: left; }
.right { float: right; }

.wrap, .inner {
	width: 100%;
	height: auto;
}
.wrap:after, .inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}



/* --------------------------------------------------------
	コンテンツ　.contents
-------------------------------------------------------- */
#page {
	margin: 0 auto;
	width: 1100px;
	height: auto;
	text-align:center;
	position:relative;
}
#page-inner, 
#page-inner-tc {
	margin: 0 auto;
	width: 874px;
	height: auto;
	text-align:left;
	background-color: #ffffff;
}
#page-inner-tc {
	background: url(/common/images/tc_bg_travelling.gif) repeat 0 0;
}

.contents {
	padding: 0;
	height: auto;
}
#page-inner:after, 
#page-inner-tc:after, 
.contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#News {margin: 0 199px 0 115px; width: 560px;}
#Live {margin: 0 199px 0 115px; width: 560px;}
#Media {margin: 0 199px 0 115px; width: 560px;}
#Profile {margin: 0 174px 0 155px; width: 545px;}
#Discography {margin: 0 139px 0 90px; width: 645px;}
#Diary {margin: 0 159px 0 115px; width: 600px;}
#Circus {width: 560px;}
h1 {
	margin: 0 0 30px 30px;
	padding: 0;
	width: auto;
	height: 70px;
	line-height: 70px;
}
h1#tc {
	margin: 30px 0 5px 116px;
	padding: 0;
	width: auto;
	height: 120px;
	line-height: 120px;
}

/* --------------------------------------------------------
	ヘッダ　#header
-------------------------------------------------------- */
#nav {
	margin: 0 auto 25px;
	width: 100%;
	height: 65px;
	background-color: #520000;
}
#nav ul {
	margin: 0 39px;
	width: 796px;
	height: 65px;
}
#nav li {
	margin: 0;
	padding: 0;
	width: auto;
	height: 65px;
	float:left;
}
#nav ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* --------------------------------------------------------
	コンテンツ共通
-------------------------------------------------------- */
.social {
	width: 100%;
	height: 18px;
}
.social img {margin-right: 3px;}
.pagenation {
	padding: 50px 0;
	text-align:center;
}
.pagetop {
	padding: 30px 0 50px 0;
	width: 100%;
	text-align:right;
}

/* --------------------------------------------------------
	フッタ　#footer
-------------------------------------------------------- */
#footer {
	width: 100%;
	height: auto;
	padding: 30px 0;
}
#footer #copyright {
	margin: 0 auto;
	width: 182px;
	height: 14px;
}



/* --------------------------------------------------------
	ニュース　#News
	ライブ　#Live
-------------------------------------------------------- */
#News #deco, #Media #deco {
	width: 230px;
	height: 220px;
	position:absolute;
	top: 65px;
	left: 785px;
	z-index: 1000px;
}
#Live #deco {
	width: 210px;
	height: 310px;
	position:absolute;
	bottom: -30px;
	left: 872px;
	z-index: 1000px;
}

#News .wrap, 
#Live .wrap {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(/common/images/line_dot.gif) repeat-x 0 bottom;
}
#News ul, 
#Live ul, #Media ul {
	margin: 0 0 12px 0;
	width: 100%;
	height: auto;
}
#News li, 
#Live li, #Media li {
	margin: 0;
	padding: 0;
	height: 15px;
	float:left;
}
#News .category, 
#Live .category, #Media .category {width: 60px;}
#News .date, 
#Live .date, #Media .date {
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}
#News ul:after, 
#Live ul:after, #Media ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#News .ent_ttl, 
#Live .ent_ttl, #Media .ent_ttl {
	margin-bottom: 10px;
	padding-left: 0;
	font-size:14px;
	font-weight:bold;
	color: #520000;
}

#News .social, 
#Live .social, #Media .social {margin: 12px 0 0 0;}

/* --------------------------------------------------------
	プロフィール　#Profile
-------------------------------------------------------- */
#Profile #deco {
	width: 115px;
	height: 150px;
	position:absolute;
	bottom: 20px;
	left: 855px;
	z-index: 1000px;
}

#Profile .wrap {padding-bottom: 80px;}
#Profile h2 {
	margin: 0;
	padding: 0;
	font-size:16px;
	font-weight:normal;
	line-height:160%;
}
#Profile p {margin-bottom: 20px;}
#Profile span {padding-left: 8px; font-size:10px;}
#Profile .data {margin-bottom: 30px; font-size:10px;}
#Profile .ph {
	margin-left: 8px;
	width: 210px;
	height: 160px;
	float:right;
	top: 65px;
}

/* --------------------------------------------------------
	ディスコグラフィー　#Discography
-------------------------------------------------------- */
#Discography p, 
#Discography h2, 
#Discography h3, 
#Discography table {color: #520000;}
#Discography #deco {
	width: 200px;
	height: 145px;
	position:absolute;
	bottom: -10px;
	left: 890px;
	z-index: 1000px;
}
#Discography .separate {
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 2px solid #ae807d;
}
/* ==== リスト ==== */
#Discography .genre {
	margin: 35px 0 0 0;
	width: 105px;
	height: 24px;
	float:left;
}
#Discography .list {
	width: 540px;
	height: auto;
	float:right;
}
#Discography .list ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#Discography .list li {
	margin: 0 15px 40px 0;
	padding: 0;
	width: 120px;
	height: auto;
	float:left;
}
#Discography .list ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#Discography .list .thumbnail {
	margin: 0 0 8px 0;
	width: 94px;
	height: auto;
}
#Discography .list .title {padding-bottom: 5px;}
#Discography .list .info {font-size:10px;}

/* ==== 詳細 ==== */
#Discography .disc {
	margin: 0 0 0 50px;
	width:590px;
	height:auto;
	position:relative;
}
#Discography .disc:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* ==== 詳細：インフォ ==== */
#Discography .disc .info {
	margin: 0;
	width:320px;
	height:auto;
	float: left;
}
#Discography .disc .info:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#Discography .disc .jacket {
	padding: 0 0 15px 0;
	width:118px;
	height:auto;
	line-height:1;
	float: left;
}
#Discography .disc .data { 
	width:193px;
	height:auto;
	float: right;
}
#Discography .disc .jacket img {
	text-align:center;
}
#Discography .disc .data h3 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size:16px;
	font-weight:bold;
	line-height:160%;
}

#Discography .disc .data p.code {}
#Discography .disc .data p.amazon, 
#Discography .disc .data p.release {margin-bottom:15px;}
#Discography .disc .txt {width:100%; clear: both;}
#Discography .disc .social {margin-top: 20px; width:100%; clear: both;}


/*==== 詳細：収録曲 ====*/
#Discography .disc .include {
	width:260px;
	height:auto;
	float:right;
	padding-top:80px;
}

#Discography .disc .include h4 {
	margin: 0;
	padding: 0;
	font-size:12px;
	font-weight:bold;
	line-height:160%;
}
#Discography .disc .include table {
	width:260px;
	background-color:#FEF3ED;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:1px;
	font-size:12px;
	font-weight:normal;
	line-height:160%;
}
#Discography .disc .include td {
	border:1px #541000 solid;
	vertical-align:top;
	padding:4px 4px 4px 7px;
}
#Discography .disc .include td.btn {
	width:24px;
	padding:7px 0px 0px 7px;
}
#Discography .disc .include td.btn a {
	display:block;
	padding-bottom:7px;
}


/* --------------------------------------------------------
	ダイアリー　#Diary
-------------------------------------------------------- */
#Diary #deco {
	width: 140px;
	height: 210px;
	position:absolute;
	bottom: -15px;
	left: 900px;
	z-index: 1000px;
}

#Diary .wrap {
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 2px solid #ae807d;
}
#Diary .ent_ttl {
	margin-bottom: 10px;
	padding-left: 25px;
	font-size:14px;
	font-weight:bold;
	color: #520000;
	background: url(/common/images/ic_diary.gif) no-repeat 0 0;
}
#Diary .inner p {padding-bottom: 1em;}
#Diary .date {
	margin: 0 0 3px 0;
	text-align: right;
}
#Diary .social {margin: 0; text-align:right;}


/* --------------------------------------------------------
	トラベリング サーカス　#Travelling
-------------------------------------------------------- */
#Travelling p {color: #520000;}
#Travelling #deco {
	width: 140px;
	height: 210px;
	position:absolute;
	bottom: -36px;
	left: 900px;
	z-index: 1000px;
}

#Travelling .wrap {
	margin-left:164px;
	padding-bottom: 80px;
	width: 550px;
}
#Travelling .txt {
	width:245px;
	height:auto;
	float:left;
}
#Travelling .ph {
	width:295px;
	height:220px;
	float:right;
}
#Travelling .social {margin: 25px 0 0 0;}