﻿@charset "UTF-8";

html{
	scrollbar-face-color:#171717;
	scrollbar-track-color:#252525;
	scrollbar-arrow-color:#9A9A9A;
	scrollbar-highlight-color:#4E4E4E;
	scrollbar-shadow-color:#4E4E4E;
	scrollbar-3dlight-color:#171717;
	scrollbar-darkshadow-color:#171717;
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana,"ＭＳ Ｐゴシック",sans-serif,"ヒラギノ角ゴ Pro W6";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.6;
	background-color: #000000;
	background-image: url("../img/main_bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

p,h1,h2,h3,ul,ol,li,input,form{
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color:#DCEB67;
	text-decoration : none;
    outline: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

.menu_area {
	margin: 10px 0 0 0;
}

/*--------------
共通のフォント
--------------*/
.txt01{
	font-size: 10px;
}
.txt02{
      color: #DCEB67;
}


/*--------------
index.html
--------------*/
body.enter {
	background-color: #000000;
	background-image: url("../img/enter_bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

.contents h2 {
	margin-top: 20px;
	font-size: 16px;
	color: #DCEB67;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.photo h2 {
	margin-top: 5px;
	font-size: 12px;
	color: #DCEB67;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.contents .article {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 12px;
}


body.contents {
	background-attachment: fixed;
	background-image: url(../img/iflame_bg.jpg);
	background-repeat: no-repeat;
	background-position: left -37px;
	background-color: #000000;
	color: #959595;
	margin: 15px;
}

body.photo {
	background-color: #000000;
	color: #959595;
	margin: 15px;
}

img.mainlogo {
	margin-top: 11px;
}

td.header {
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 740px;
	text-align: left;
	vertical-align: top;
}	

img.top_banner {
	margin-right: 5px;
}

h2 img{
	margin: 2px auto;
}


/*----------
top.html
----------*/

#topContainer{
	margin: 0 auto;
	width: 740px;
	position: relative;
}
	#topInfo{
		position: absolute;
		/*top: 20px;*/
		/*right: -30px;*/
		top: 20px;
		right: 0;
		border: 0px solid #CCC;
		/*width: 157px;*/
		/*height: 33px;*/
	}
		


.topTitle{
	width: 240px;
	height: 28px;
}
td.v_top{
	vertical-align: bottom;
}
	td.v_top a:link,
	td.v_top a:visited{
		color: #FFFFFF;
	}
	td.v_top a:hover,
	td.v_top a:active{
		color: #DCEB67;
		text-decoration: underline;
	}	

	td.v_top ol{
		list-style-type: none;
	}
	td.v_top li{
		padding: 0;
		margin: 0;
		line-height: 180%;
	}
	td.v_top ol img{
		padding: 0 6px 0 6px;
	}	


/*左のCD画像*/
img.top_jk {
	margin-top: 10px;
}

img.top_release {
	margin-top: 9px;
}

/*右のイベント*/
td.pick_up_area {
	height: 260px;
	width: 406px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}
	td.pick_up_area #eventBox{
		padding-left: 5px;
		padding-bottom: 5px;
		margin-top: 10px;
		color: #F2F2F2;
		border-bottom: 1px dotted #DCEB67;
	}	

td.top_release_area{
	width: 334px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	height: 406px;
}

img.footer_banner {
	margin-top: 6px;
	margin-right: 8px;
	text-align: left;
	vertical-align: top;
}
td.footer_logo {
	text-align: left;
	vertical-align: middle;
}
img.logo {
	margin-right: 7px;
	margin-top: 13px;
}

.center {
	text-align: center;
}

td.main {
	height: 406px;
	width: 740px;
	text-align: left;
	vertical-align: top;
}
img.contents_title {
	margin-top: 9px;
	margin-bottom: 10px;
}
img.contents_title2 {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
img.special_gallery {
	margin-right: 3px;
	margin-bottom: 3px;
}

.return {
	font-size: 10px;
}
img.photo_data {
	border: 2px solid #C6D547;
}
.photo div.photoby {
	margin: 0px;
	padding: 0px;
	width: 450px;
	text-align: right;
	font-size: 10px;
	color: #C6D547;
}

/*ご報告。そして所信表明*/
#mainInfo{
	margin: 10px auto;
	color: #959595;
	font-size: 12px;
}
	#mainInfo p{
	border-bottom: 1px solid #282828;
	font-size: 12px;
	font-weight: bold;
	color: #DCEB67;
	line-height: 18px;
	margin: 15px 0px 0px;
	padding: 5px 10px 5px;	
	}
	#mainInfo #rightBox{
		text-align: right;
		margin: 10px 5px 0 0;
	}
	#mainInfo #textBox{
		margin: 15px 0px 0px;
		padding: 5px 10px 5px;
		line-height: 18px;
	}
/*--------------
フッター
--------------*/
#footer{
	margin: 10px auto;
	width: 740px;
	clear: both;
}
	#footer ul{
		list-style-type: none;
		height: 33px;
		}
	#footer li{
		float: left;
		margin-right: 5px;
		height: 33px;
		width: 157px;
		}

/*--------------
コピーライト
--------------*/
.copy {
	font-size: 9px;
	line-height: 9px;
	color: #FFFFFF;
	text-align: right;
	margin: 5px 0 0 0;
	}
.copyLogo{
	text-align: right;
	height: 22px;
	margin: 8px 0 0 0;
	}

/*--------------
インラインフレームのスタイル
--------------*/
.iframeBG{
	background: url(../img/i_bg.gif) no-repeat #000;
	background-attachment: fixed;
	background-position: -130px -40px;
	padding: 5px 5px 0;
	color: #959595;
}

.iframeBG_wide{
	background: url(../img/iflame_bg.jpg) no-repeat #000;
	background-attachment: fixed;
	background-position: 0 -40px;
	padding: 5px 5px 0;
	color: #959595;
}

.iframeBG_live{
	background: url(../img/iflame_bg.jpg) no-repeat #000;
	background-attachment: fixed;
	background-position: 0px -40px;
	padding: 5px 5px 0;
	color: #959595;
	font-size: 11px;
	}

.iframeBG a:link,
.iframeBG a:visited,
.iframeBG_wide a:link,
.iframeBG_wide a:visited,
.iframeBG_live a:link,
.iframeBG_live a:visited{
	color: #DCEB67;
}

.iframeBG a:hover,
.iframeBG a:active,
.iframeBG_wide a:hover,
.iframeBG_wide a:active,
.iframeBG_live a:hover,
.iframeBG_live a:active{
	color: #DCEB67;
	text-decoration : underline;
}

.iframeBox{
	border: 1px solid #CCC;
}

.info_title{
	border-bottom: 1px solid #282828;
	font-size: 12px;
	font-weight: bold;
	color: #DCEB67;
	line-height: 18px;
	margin: 15px 0px 0px;
	padding: 5px 10px 5px;
}
.info_date{
	font-weight: normal;
}

.info_article{
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 5px;
	padding: 10px;
	color: #959595;
}

.info_article_sec{
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 5px;
	padding: 10px;
	color: #F2F2F2;
}

.rightNavi{
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 3px;
	text-align: right;
}


/*--------------
ディスコグラフィ
--------------*/
#discoMainContainer{
	width: 100%;
	height: 100%;
	font-size: 10px;
}

.discoBox{
	margin: 5px 0px 10px 0px;
	height: 330px;
	width: 100%;
	border-bottom: 1px dotted #DDDDDD;	
	position: relative;
}
	.discotitle{
		font-size: 12px;
		font-weight: bold;
		color: #DCEB67;
		line-height: 18px;
        padding-left: 5px;	
	}
	.discoImg{
		width: 120px;
		height: 119px;
		border: 1px solid #959595;
		position: absolute;
		top: 25px;
		left: 5px;	
	}
	.discoText{
		text-align: left;	
		position: absolute;
		top: 150px;
		left: 5px;
	}
	.discoText02{
		position: absolute;
		top: 20px;
		right: 0px;
		width: 315px;			
	}
	.discoList{
		text-align: left;	
		position: absolute;
		top: 20px;
		left: 135px;
	}
	.discoBox ul{
		list-style-type: decimal;
		padding-left: 23px;
	}

/*--------------
ライブ
--------------*/
.live_title{
	border-bottom: solid #CCC 1px;
	font-size: 12px;
	color: #DCEB67;
	font-weight: bold;
	line-height: 18px;
	margin: 15px 0px 0px;
	padding: 5px 5px 3px;
	}
	.live_title_sec{
	border-bottom: solid #CCC 2px;
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	line-height: 18px;
	margin: 15px 0px 0px;
	padding: 5px 5px 3px;
	}
.iframeBG_live table{
	margin: 10px 0px 10px 5px;
	}

.iframeBG_live table.pick_up{
	margin: 10px 0px 10px 5px;
	color: #F2F2F2;
    }

/*--------------
コンタクト
--------------*/
#contactBox{
	width: 700px;
	height: 200px;
	margin: 0 auto;
	color: #959595;
	text-align: left;	
	}

#contactBox p{
	width: 700px;
  	border-bottom: 1px solid #282828;	
   	margin: 0 auto;
	padding: 2px 0;	
	text-align: left;
    }

#contactBox img{
	margin: 5px auto;
	}	


/*----------------------------
チケット予約フォーム
----------------------------*/
#ticketBox{
	border: 0px solid #959595;
	width: 700px;
	margin: 0 auto;
	color: #959595;
}
#ticketBox .textBox{
      width: 700px;
	  border-bottom: 1px solid #282828;	
      margin: 0 auto;
	  padding: 2px 0;
}

#ticketBox table{
	margin: 10px auto;
	width: 470px;
	border-collapse: separate;
	border-spacing: 2px;
}
#ticketBox table tr{
	height: 38px;
	background: #242424;
}
#ticketBox table td.tkey{
	width: 120px;
	padding-left: 4px;
}
#ticketBox table td.tvalue{
	width: 340px;
	padding-left: 4px;
}
#ticketBox table td.tvalue02{
	width: 340px;
	background: #000;
}
#ticketBox table td.tvalue03{
	color: #FFF;
	width: 340px;
	padding-left: 4px
}

	#ticketBox input.name{
		width: 326px;
		height: 18px;
		border: 1px solid #000;
	}
	#ticketBox input.phone{
		width: 326px;
		height: 18px;
		border: 1px solid #000;
	}
	#ticketBox input.address{
		width: 326px;
		height: 18px;
		border: 1px solid #000;
	}
	#ticketBox input.number{
		width: 20px;
		height: 16px;
		border: 1px solid #000;
	}
	#ticketBox input.day{
		width: 120px;
		height: 16px;
	}
	#ticketBox input.place{
		width: 326px;
		height: 18px;
		border: 1px solid #000;
	}
	#ticketBox .sendBtn{
		width: 468px;
		height: 20px;
		background: #CCC;
		border: 1px double #000;
		cursor: pointer;
	}
	#ticketBox .sendBox{
		text-align: center;
		margin: 3px auto;
		width: 468px;
	}
	
#ticketBox #confBox{
	width: 464px;
	background: #242424;
	margin: 10px auto;
	margin-bottom: 10px;
	padding-left: 4px;
	}
	#ticketBox #confBox ul{
		list-style-type: none;
	}
	#ticketBox #confBox ul li{
		padding-top: 2px; 	
	}


/*----------------------------
メルマガのページ
----------------------------*/
#mailmagaBox{
	margin: 0px auto;
	width: 700px;
	height: 200px;
	color: #959595;	
	
}
#mailmagaBox .textBox{
      width: 700px;
	  border-bottom: 1px solid #282828;	
      margin: 0 auto;
	  padding: 2px 0;
}
#mailmagaBox table{
	margin: 10px auto;
	width: 470px;
	border-collapse: separate;
	border-spacing: 2px;
}
	#mailmagaBox table tr{
		height: 38px;
		background: #242424;
	}
	#mailmagaBox table td.tkey{
		width: 120px;
		padding-left: 4px;
	}
	#mailmagaBox table td.tvalue{
		width: 340px;
		padding-left: 4px;
	}
	#mailmagaBox input.address{
		width: 326px;
		height: 18px;
		border: 1px solid #ccc;
	}
	#mailmagaBox .sendBox{
		text-align: right;
		margin: 5px auto;
		width: 470px;
	}	
	#mailmagaBox .sendBtn{
		width: 120px;
		height: 20px;
		background: #CCC;
		border: 1px double #000;
		cursor: pointer;
	}		
#mailmagaBox #confBox{
	width: 464px;
	background: #242424;
	margin: 10px auto;
	margin-bottom: 10px;
	padding-left: 4px;
	}
	#mailmagaBox #confBox ul{
		list-style-type: none;
	}
	#mailmagaBox #confBox ul li{
		padding-top: 2px; 	
	}
#mailmagaBox table td.tvalue03{
	color: #FFF;
	width: 340px;
	padding-left: 4px
}
/*----------------------------
オフィシャルブログ　ツイッターのページ
----------------------------*/
#blogBox{
	margin: 0 auto;
	width: 700px;
	color: #959595;	
}

#blogBox a:hover,
#blogBox a:active{
	color: #DCEB67;
	text-decoration : underline;
}
	
	#blogBox > p{
		width: 700px;
	  	border-bottom: 1px solid #282828;	
      	margin: 0 auto;
		padding: 2px 0;
	}
	
	#blogBox .contentBox{
		width: 700px;
		margin: 5px auto;
	}
	
	#blogBox .contentBox p{
		text-align: left;
	}

	#blogBox .contentBox > a img{
		float: right;
		display: block;
	}

	#blogBox .contentBox_sec{
		font-size: 10px;
		text-indent: 1em;
		margin: 0 auto;
	}
/*----------------------------
スペシャルのページ
----------------------------*/
#specialBox{
	width: 700px;
	height: 200px;
	margin: 10px auto;
	color: #959595;	
	}
	#specialBox img{
		margin-bottom: 10px;
	}


/*----------------------------
goodsのページ
----------------------------*/
#goodsBox{
	margin: 0 auto;
	width: 700px;
	height: 200px;
	color: #959595;	
	
}

#goodsBox a:hover,
#goodsBox a:active{
	color: #DCEB67;
	text-decoration : underline;
}

	#goodsBox p{
		width: 700px;
	  	border-bottom: 1px solid #282828;	
      	margin: 0 auto;
		padding: 2px 0;	
	}
	#goodsBox .contentBox{
		width: 700px;
		height: 30px;
		margin: 5px auto;		
	}

/*---------------------------
floatを解除
---------------------------*/
.clear{
	clear: both;
}


/*---------------------------
大切なお知らせ
---------------------------*/
#ImportanceBox{
	margin: 0 auto;
	width: 700px;
	color: #959595;	
}

#ImportanceBox #textBox{
	margin: 10px auto;
	width: 660px;
}

#ImportanceBox .info_title_sec{
	border-bottom: 1px solid #282828;
	font-size: 14px;
	font-weight: bold;
	color: #DCEB67;
	line-height: 18px;
	margin: 0;
	padding: 5px 10px 5px;
}

#ImportanceBox #rightBox{
	text-align: right;
}




