@charset "utf-8";

body {
	font-family: "Lucida Grande",Arial,Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:130%;
	color:#FFF;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	background-color:#15150A;
}

a{color:#B8CD51;text-decoration:none;}
a:hover{color:#D2FD00;text-decoration:underline;}

div#wrapper1{
	background:url(/img/site/background.jpg) no-repeat center top;
	overflow:hidden;
}
div#wrapper2{
	background:url(/img/site/background2.jpg) no-repeat center top;
	overflow:hidden;
}

/* CONTAINER */
div#doc{
	position:relative;
	width:950px;
	margin:0 auto;
	margin-bottom:50px;
}

/* HEADER */
div#header{
	height:130px;
	background-color:#58563D;
}
div#header .block{
	width:950px;
	height:130px;
	margin:0 auto;
	position:relative;
}
div#header-logo{
	position:absolute;
	width:169px;
	height:116px;
	background:url(/img/site/logo.gif) no-repeat;
}
div#header-logo a{
	width:169px;
	height:116px;
	display:block;
	text-indent: -9999px;
}

/* MENU */
#menu{
	position:absolute;
	top:80px;
	right:0px;
	width:562px;
	height:27px;
	text-indent: -9999px;
}
#menu li{
	float:left;
	height:27px;
}
#menu a{
    display:block;
	height:27px;
    overflow:hidden;
}
#menu a.news{
	width:62px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:0px -27px;
}
#menu a:hover.news{
	width:62px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:0px 0px;
}
#menu a.profile{
	width:89px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-62px -27px;
}
#menu a:hover.profile{
	width:89px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-62px 0px;
}
#menu a.schedule{
	width:106px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-151px -27px;
}
#menu a:hover.schedule{
	width:106px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-151px 0px;
}
#menu a.discography{
	width:145px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-257px -27px;
}
#menu a:hover.discography{
	width:145px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-257px 0px;
}
#menu a.gallery{
	width:95px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-402px -27px;
}
#menu a:hover.gallery{
	width:95px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-402px 0px;
}
#menu a.link{
	width:65px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-497px -27px;
}
#menu a:hover.link{
	width:65px;
	background:url(/img/site/menu.gif) no-repeat;
	background-position:-497px 0px;
}

/*top-special*/
#top-special{
	height:476px;
	background:url(/img/site/special-bg.gif) repeat-x;
}
#top-special .block{
	position:relative;
	width:950px;
	height:476px;
	background:url(/img/site/special-pict1.gif) no-repeat center;
	margin:0 auto;
}
#top-special #jacket{
	position:absolute;
	right:60px;
	top:160px;
}


/*contents*/
div#contents{
	width:950px;
}
div#contents-main{
	width:950px;
	overflow:hidden;
}
div#contents-left{
	margin-top:20px;
	width:290px;
	float:left;
	text-align:left;
}
div#contents-right{
	margin-top:20px;
	width:660px;
	float:right;
	overflow:hidden;
}
/*top-contents*/
#top-contents-center,#top-contents-right{
	width:290px;
}
#top-contents-center{
	display:inline;
	float:left;
	margin-left:40px;
}
#top-contents-right{
	float:right;
}



/*top-news*/
#top-flyer,#top-schedule,#top-updateinfo{
	margin-bottom:50px;
}
div#top-news h2,div#top-schedule h2,div#top-updateinfo h2,div#top-latest-release h2,div#top-contact h2,#top-flyer h2{
	line-height:160%;
	font-size:1.3em;
	border-bottom:1px solid #BDBBA1;
	border-left:7px solid #BDBBA1;
	padding-left:10px;
	margin-bottom:5px;
}
#top-contact .maintext p{
	margin-bottom:10px;
}
#top-latest-release{
	overflow:hidden;
}
#top-latest-release p.title{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
#top-latest-release p.info{
	font-size:11px;
}
#top-latest-release p.tracklist{
	padding-top:5px;
	font-size:11px;
	clear:both;
}
#top-latest-release img{
	width:130px;
	float:left;
	margin-right:5px;
}
#youtube{
	margin-top:20px;
}
.topnewscol,.updateinfocol{
	background:url(/img/site/dotline.gif) repeat-x bottom;
	padding-bottom:5px;
}
.topnewscol p.article{
	width:290px;
	overflow:hidden;
}
.topnewscol p.article img{
	padding:5px;
	background-color:#354E41;
	margin:0px 0px 5px 10px;
	float:right;
	height:70px;
}
div#top-schedule p.date{
	font-size:1.1em;
	font-weight:bold;
	margin-top:3px;
}




/*コンテンツ別タイトル*/
.contents-title-home,.contents-title-news,.contents-title-profile,.contents-title-schedule,
.contents-title-discography,.contents-title-gallery,.contents-title-link{
	width:250px;
	height:41px;
	text-indent:-9999px;
}
.contents-title-news{background:url(/img/site/lion.gif) no-repeat;height:800px;}
.contents-title-profile{background:url(/img/site/mouse.gif) no-repeat;height:830px;}
.contents-title-schedule{background:url(/img/site/araiguma.gif) no-repeat;height:723px}
.contents-title-discography{background:url(/img/site/giraff.gif) no-repeat;height:938px}
.contents-title-gallery{background:url(/img/site/bird.gif) no-repeat;height:930px}
.contents-title-link{background:url(/img/site/pig.gif) no-repeat;height:849px;}


/*ニュース*/
.contents-news{
	width:660px;
	margin:0px 0px 30px 0px;
	padding-top:10px;
	overflow:auto;
	background:url(/img/site/dotline.gif) repeat-x top;
}
.contents-news div.leftcol{
	width:100px;
	float:left;
}
.contents-news div.leftcol p.date{
	border-left:5px solid #47775E;
	padding-left:3px;
}
.contents-news div.rightcol{
	width:560px;
	float:right;
}
.contents-news div.rightcol p.title{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	color:#47775E;
}
.contents-news div.rightcol img{
	padding:5px;
	background-color:#354E41;
	margin:0px 0px 5px 10px;
	float:right;
	width:200px;
}


/*プロフィール*/
.contents-profile{
	width:660px;
	margin:0px 0px 40px 0px;
	overflow:auto;
}
.contents-profile h2{
	font-size:1.3em;
	line-height:100%;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	background:url(/img/site/dotline.gif) repeat-x bottom;
	clear:both;
}
.contents-profile p.text img{
	padding:5px;
	background-color:#354E41;
	margin:0px 0px 5px 10px;
	float:right;
}


/*スケジュール*/
.contents-schedule{
	width:660px;
	margin:0px 10px 30px 0px;
	padding-top:10px;
	overflow:auto;
	background:url(/img/site/dotline.gif) repeat-x top;
}
.contents-schedule div.leftcol{
	width:100px;
	float:left;
}
.contents-schedule div.leftcol p.month{
	font-size:1.4em;
	line-height:100%;
	font-weight:bold;
}
.contents-schedule div.leftcol p.date{
	border-left:5px solid #47775E;
	padding-left:3px;
}
.contents-schedule div.rightcol{
	width:540px;
	float:right;
}
.contents-schedule div.rightcol p.event{
	font-size:1.2em;
	font-weight:bold;
}
.contents-schedule div.rightcol p.band{
	margin-top:20px;
}


/*ディスコグラフィー*/
.contents-discography{
	width:660px;
	margin:0px 10px 30px 0px;
	padding-top:10px;
	overflow:auto;
	background:url(/img/site/dotline.gif) repeat-x top;
}
.contents-discography div.leftcol{
	width:120px;
	float:left;
}
.contents-discography div.leftcol img{
	padding:5px;
	background-color:#354E41;
	margin:0px 0px 5px 10px;
	margin:0px;
	width:100px;
}
.contents-discography div.leftcol p.date{
	border-left:5px solid #47775E;
	padding-left:3px;
}
.contents-discography div.centercol{
	width:170px;
	float:left;
}
.contents-discography div.centercol p.title{
	font-size:1.2em;
	font-weight:bold;
	line-height:100%;
	margin-bottom:5px;
}
.contents-discography div.centercol p.info,
.contents-discography div.rightcol p.comment,
.contents-discography div.rightcol p.tracklist{
	font-size:0.9em;
}
.contents-discography div.rightcol{
	width:350px;
	float:right;
}
.contents-discography div.rightcol p.comment{
	margin-bottom:10px;
}


/*ギャラリー*/
.contents-gallery{
	width:660px;
	margin:0px 10px 30px 0px;
	padding-top:10px;
	overflow:auto;
	background:url(/img/site/dotline.gif) repeat-x top;
}
.contents-gallery div.leftcol{
	width:100px;
	float:left;
}
.contents-gallery div.leftcol p.date{
	border-left:5px solid #47775E;
	padding-left:3px;
}
.contents-gallery div.rightcol{
	width:540px;
	float:right;
}
.contents-gallery div.rightcol p.title{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;
}
.contents-gallery div.rightcol p.comment{
	margin-bottom:10px;
}
.contents-gallery div.rightcol img{
	padding:5px;
	background-color:#354E41;
	margin:0px 0px 5px 10px;
	margin-left:0px;
	width:100px;
}
.gallery-images{
	overflow:hidden;
	margin-bottom:30px;
}
.gallery-images div.image{
	width:135px;
	float:left;
}
.gallery-images div.clear{
	margin-bottom:10px;
	clear:both;
}


/*リンク*/
.contents-link{
	width:640px;
	margin:0px 30px 30px 0px;
	padding-top:10px;
	overflow:auto;
	background:url(/img/site/dotline.gif) repeat-x top;
}
.contents-link div.leftcol{
	width:250px;
	float:left;
}
.contents-link div.leftcol p.title{
	font-size:1.2em;
	line-height:100%;
	font-weight:bold;
}
.contents-link div.rightcol{
	width:390px;
	float:right;
}


/* ページング*/
.paging{
	text-align:right;
	padding:15px 30px 3px 0px;
	font-size:11px;
	clear:both;
}
.pagelist-selected{
	font-weight:bold;
	margin:0 0.2em;
}
.pagelist a{
	margin:0 0.2em;
	color:#EDEEEF;
	padding:2px 5px;
	border:1px solid #EDEEEF;
	text-decoration:none;
}
.pagelist a:hover{background:#1D6794;}
.page-before a,.page-next a{
	color:#EDEEEF;
	text-decoration:none;
}
.page-before a:hover,.page-next a:hover{text-decoration:underline;}


/* フォント調整*/
.italic{
	font-style:italic;
}
.bold{
	font-weight:bold;
}
.large{
	font-size:14px;
}
.small{
	font-size:10px;
}
.underline{
	text-decoration:underline;
}


/*FOOTER*/
div#footer{
	height:130px;
	clear:both;
	width:100%;
	background-color:#58563D;
}
div#footer .block{
	width:950px;
	height:130px;
	margin:0 auto;
	position:relative;
}
div#qrcode{
	width:105px;
	height:120px;
	position:absolute;
	right:0;
	top:7px;
	font-size:0.8em;
	text-align:center;
}
div#copyright{
	width:300px;
	height:40px;
	top:90px;
	position:absolute;
}
div#copyright p{
	font-size:1.1em;
	font-weight:bold;
}
div#support{
	width:300px;
	height:77px;
	position:absolute;
	left:300px;
	top:48px;
}
#footermenu li{
	float:left;
	margin-right:10px;
	font-size:0.9em;
}
