/* CSS Document */
/*---------------------------------------
共通
---------------------------------------*/
#main a:link { color:#999;text-decoration: underline;} 
#main a:visited { color:#666;}
#main a:hover { color:#fff;text-decoration: none;} 
#main a:active { color:#fff;}

#main h1{ padding:0; margin:25px 0 10px;}
#main h2{ font-size:16px; padding:0px; margin:0 0 15px; color:#f05; text-shadow:#000 0px 0px 1px;}
#main h3{ font-size:16px; padding:0; margin:0 0 15px; color:#999; }
#main h4{ padding:0; margin:0 0 15px;}
#main h2 a:link,#main h2 a:visited,#main h2 a:hover{ color:#f05}

#main .box{ background:#0a0a0a; border:#000 1px solid;border-bottom:#222 1px solid;border-right:#222 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; margin:0 0 15px;}
#main .clear{ clear:both;}
#main .overflow{ overflow:hidden;}
#main .targetblank{ padding-right:15px; background:url(../img/common/targetblank.gif) no-repeat right;}

#main table{margin:0 0 15px;}
#main table th{padding:5px 15px; border-bottom:#999 2px solid;}
#main table td{padding:5px 15px; border-bottom:#666 1px solid;}

#main #pankuzu{ overflow:hidden; margin:0 0 10px; padding:0 0 5px;}
#main #pankuzu li{ float:left; background:url(../img/common/pankuzu2.gif) no-repeat 0 8px; padding:0 10px 0 13px;}
#main #pankuzu li#home{ background:url(../img/common/pankuzu1.gif) no-repeat 0 6px; padding:0 10px 0 13px;}
#main #pankuzu a{ text-decoration:none;}

#main .button{ padding:0}
#main .button a{ background: url(../img/common/bg_button.gif) no-repeat 20px 12px; border:#333 1px solid; padding:7px 0 7px 32px; color:#fff; font-size:13px; line-height:1; display:block;text-decoration:none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#main .button a:hover{ background-color:#222; color:#ccc}

/*---------------------------------------
SCHEDULE
---------------------------------------*/
#Schedule .box{ clear:both; overflow:hidden; position:relative}
#Schedule .box .info{ float:left; width:650px; background:url(../img/common/bg_line_vertical.gif) repeat-y right;}
#Schedule .box .info img{  float:left;border:#222 1px solid;}
#Schedule .box .info h3{ font: bold 46px/1em serif;color:#222;position:absolute; top:25px; left:130px;}
#Schedule .box .info h3 span{ font-size:30px; margin-left:10px;}
#Schedule .box .info h2 { margin:0 0 25px;position:absolute; top:75px; left:130px;}
#Schedule .box .info div{ float:left; width:115px;}
#Schedule .box .info table{ margin:110px 0 15px 10px;width:600px; clear:both}
#Schedule .box .info table th{  width:135px;}
#Schedule .box .info p{ clear:both;}
#Schedule .button{ width:225px; margin-left:400px; margin-bottom:5px}
#Schedule .box .livehouse{ float:right; width:225px;}
#Schedule .box .livehouse img{ margin:0 0 15px; border:#050505 5px solid}
#Schedule .box .livehouse p{ padding:0;}




/*past*/
#Schedule_past table th{ width:90px;}
#Schedule_past table td h3{  margin:0; padding:0 0 5px;font-size:13px;}
#Schedule_past table td p{ padding:0 0 5px;}

/*---------------------------------------
PHOTO
---------------------------------------*/
#Photo .LeftColumn{ float:left; width:250px;}
#Photo .RightColumn{ float:right; width:670px; margin-top:-15px}
#Photo #thumbnail{background:#0a0a0a; border:#000 1px solid;border-bottom:#222 1px solid;border-right:#222 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px 0 20px 20px; margin:0 0 15px; overflow:hidden}
#Photo #thumbnail ul li{ float:left; list-style:none; background:#050505; padding:4px; margin:0 8px 8px 0;}
#Photo #thumbnail ul li a{ border:#050505 2px solid; display:block}
#Photo #thumbnail ul li a:hover{border:#f05 2px solid;}
#Photo #thumbnail ul li img{ width:85px; height:85px;}
#Photo .LeftColumn ul{ margin:0;}
#Photo .LeftColumn ul li{  border-bottom:1px solid #222; }
#Photo .LeftColumn ul li a{ display:block; padding:5px 0;}
#Photo .LeftColumn ul li a:hover{background-color:#222;}

/*---------------------------------------
PROFILE
---------------------------------------*/
/*インデックス*/
#Profile{ position:relative}
#Profile #all{ position:absolute; bottom:0; right:20px}
#Profile #list{ overflow:hidden; margin:0 0 35px;}
#Profile #list div{ float:left; padding:5px}
#Profile #list div:hover{ background:#222}
#Profile #list div img{ border:#050505 6px solid;}
#Profile #list div h3{ margin:5px 5px 0;}
#Profile #list div span{padding-left:5px}
#Profile #history{ width:500px;}
#Profile #history th{ width:110px; text-align:center}

/*個別*/
#Profile .LeftColumn{ float:left; width:330px; margin:25px 0 0}
#Profile .RightColumn{ float:right; width:600px;background:url(../img/common/bg_line_vertical.gif) repeat-y left; padding-left:25px;}
#Profile .RightColumn h1{ margin:0 0 25px;}
#Profile #data{ width:550px}
#Profile #data th{width:170px;}
#Profile .box{ margin-bottom:20px}
#Profile .navi{ text-align:right;}
#Profile .navi a{ padding:0 15px; border-right:#666 1px solid; line-height:1em;}
#Profile .navi .prev{ background:url(../img/profile/prev.gif) no-repeat left; padding-left:20px;}
#Profile .navi .next{ background:url(../img/profile/next.gif) no-repeat right; padding-right:20px; border:none;}

/*---------------------------------------
DISCO
---------------------------------------*/
/*release*/
#Release .box{ clear:both; overflow:hidden;}
#Release .box div{ float:left;}
#Release .box .info{ float:right; width:655px;background:url(../img/common/bg_line_vertical.gif) repeat-y left; padding-left:25px;}
#Release .button{ margin-left:720px}
#main #Release h4{ padding:0; margin:0 0 10px;}
#main #Release p{padding:0 0 10px;}

/*discography*/
/*#Disco{ position:relative}
#Disco #year{ position:absolute; bottom:0; right:0}*/
#Disco .box{ clear:both; overflow:hidden;/*margin-right:250px;*/}
#Disco .box div{ float:left;}
#Disco .box .info{ float:right;/* width:485px;*/width:730px;background:url(../img/common/bg_line_vertical.gif) repeat-y left; padding-left:25px;}
#main #Disco h4{ padding:0; margin:0 0 5px;}
#main #Disco p{padding:0 0 5px;}


/*---------------------------------------
GOODS
---------------------------------------*/
#Goods .box{ overflow:hidden}
#Goods .box img {border: 5px solid #050505;float: left; margin-right:5px}
#Goods .box .information {float: right;width: 430px;background:url(../img/common/bg_line_vertical.gif) repeat-y left; padding-left:30px;}
#Goods .box table {width: 410px;}
#Goods .box table th { width: 80px; text-align:center}

/*---------------------------------------
CONTACT
---------------------------------------*/
#Contact .box { width:750px;}
#Contact table.edit th{width:130px; text-align:center}
#Contact table.confirm td{ min-width:530px; }
#Contact table.confirm th{ width:150px;text-align:center}
/*入力フィールド*/
#Contact table input{margin:0;background:#222; border:#333 1px solid; line-height:1.8em}
#Contact table textarea{margin:0 0 5px;background:#222; border:#333 1px solid;line-height:1.8em}
/*送信ボタン*/
#Contact #btn{text-align:center; margin:15px auto 15px;  }
#Contact #btn input{   font-size: 12px;padding: 2px;width:180px;background:  #FF0055; border: 1px solid #990033; font-weight: bold;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#Contact #btn input.back{  width:75px; margin-right:15px;}
/*メッセージ*/
#Contact .remark{ font-size:11px;}
#Contact .attention{ color:#f05;}

/*---------------------------------------
INDEX
---------------------------------------*/
#Index #indeximage{ margin:10px 0 35px}
#Index .LeftColumn{ width:640px; float:left;}
#Index .RightColumn{width:285px; float:right; }
#Index .RightColumn h2{border-bottom: 2px solid #FF0055; margin:0 0 10px}

#Index .box{ padding-top:15px;}
#Index .box h2{ margin:0 0 10px;}
#Index #about .button{  margin-left:460px}
#Index #gallery{ overflow:hidden}
#Index #gallery ul{ margin:10px 0 15px; overflow:hidden;}
#Index #gallery li{ float:left; background:none; }
#Index #gallery img{ margin-right:5px; width:80px; height:80px; border:#050505 5px solid}
#Index #gallery .button{ margin-left:455px}
#Index #blogentry ul{ margin:0 0 35px;}
#Index #blogentry li{ border-bottom:1px solid #222; border-bottom:#222 1px solid; padding:5px 10px;}
#Index #blogentry li a{ display:block}
#Index #blogentry li:hover{background-color:#222;}
#Index #qr div{border:1px solid #222; text-align:center; margin:0 0 25px}
#Index #qr div img{ margin:5px auto}

#Index #feed1 dt.new{background: url(../img/common/new.gif) no-repeat 85px 4px; padding-right:30px; }