@charset"UTF-8";
/*CSS Document*/

/*containerここから=================================================*/

/*wrapper　全体container&body
========================================== */

#wrapper{
	margin:0 auto;
	width:840px;
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}
/*font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/

body{
	font-family:arial;
	line-height:100%;
	-webkit-text-size-adjust: none;
	margin:0 auto;
	background-image: url("./pic/back_pic.jpg");
	/*background-color:#EEEEEE;*/
}



/*aタグ　フォントデザイン
========================================== */

a:link{
	color:#C4000A;
	text-decoration:none;
	font-weight: bold;
	}

a:visited{
	color:#C4000A;
	text-decoration:none;
	font-weight: bold;
	}

a:hover{
	color:#FFFFFF;
	background-color: #C4000A;
	text-decoration:none;
	font-weight: bold;
	}

a:active{
	color:#C4000A;
	text-decoration:none;
	font-weight: bold;
	}


/*画像用 no_background*/
a.no_bg:hover{
	background-color: rgba(255,255,255,0.4);
	text-decoration:none;
	font-weight: bold;
	}



#live_wrapper a:link{
	color:#5CCC28;
	text-decoration:none;
	font-weight: bold;
	}

#live_wrapper a:visited{
	color:#5CCC28;
	text-decoration:none;
	font-weight: bold;
	}

#live_wrapper a:hover{
	color:#FFFFFF;
	background-color: #5CCC28;
	text-decoration:none;
	font-weight: bold;
	}

#live_wrapper a:active{
	color:#5CCC28;
	text-decoration:none;
	font-weight: bold;
	}


#setlist_wrapper a:link{
	color:#CC28BB;
	text-decoration:none;
	font-weight: bold;
	}

#setlist_wrapper a:visited{
	color:#CC28BB;
	text-decoration:none;
	font-weight: bold;
	}

#setlist_wrapper a:hover{
	color:#FFFFFF;
	background-color: #CC28BB;
	text-decoration:none;
	font-weight: bold;
	}

#setlist_wrapper a:active{
	color:#CC28BB;
	text-decoration:none;
	font-weight: bold;
	}



/*header container
========================================== */
#header{
	width:840px;
	height:140px;
	/*background-image: url("./pic/title_bg.jpg");*/
	background-color: rgba(255,255,255,0.4);
	font-family: arial;
	font-size: 32px;
}

img.title{
	width: 700px;
	height: 140px;
	border : 0px;
}

#header img:hover{
	/*opacity: 0.7;*/
}

img.header_img{
	float: left;
	width: 140px;
	height: 140px;
	border : 0px;
}

/*navi container
========================================== */

#navi{
	width: 100%;
	height: 398px;
	background-color:rgba(255,255,255,0.4);
}

#navi_panel{
	float: left;
	position: relative;
	width: 274px;
	height: 190px;
	margin: 9px 0px 0px 9px;
	/*background-color:rgba(255,255,255,0.4);*/
}

/*margin別指定 パネルボーダー*/
#navi_panel.bio{ border: solid 0px #E5AC5B; margin: 9px 0px 0px 0px; }
#navi_panel.sound{ border: solid 0px #E5DC5B; }
#navi_panel.live{ border: solid 0px #87E55B; }
#navi_panel.movie{ border: solid 0px #5BC7E5; margin: 9px 0px 0px 0px; }
#navi_panel.photo{ border: solid 0px #5B5BE5; }
#navi_panel.archive{ border: solid 0px #E55BD7; }

/*パネルカレント　背景色*/
#navi_panel.bio_c{ border: solid 0px #E5AC5B; background-color:#CC8828; margin: 9px 0px 0px 0px; }
#navi_panel.sound_c{ border: solid 0px #E5DC5B; background-color:#CCC328; }
#navi_panel.live_c{ border: solid 0px #87E55B; background-color:#5CCC28; }
#navi_panel.movie_c{ border: solid 0px #5BC7E5; background-color:#28A8CC; margin: 9px 0px 0px 0px; }
#navi_panel.photo_c{ border: solid 0px #5B5BE5; background-color:#2828CC; }
#navi_panel.archive_c{ border: solid 0px #E55BD7; background-color:#CC28BB; }

/*パネル hover　背景色*/
#navi_panel.bio:hover{ background-color:#CC8828; }
#navi_panel.sound:hover{ background-color:#CCC328; }
#navi_panel.live:hover{ background-color:#5CCC28; }
#navi_panel.movie:hover{ background-color:#28A8CC; }
#navi_panel.photo:hover{ background-color:#2828CC; }
#navi_panel.archive:hover{ background-color:#CC28BB; }


/*パネル　タイトルレイアウト*/
dl#panel{
	height:30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	line-height:30px;
}

/*パネル　タイトル横ボーダー*/

dl#panel.bio { border-left:8px solid #E5AC5B; }
dl#panel.sound { border-left:8px solid #E5DC5B; }
dl#panel.live { border-left:8px solid #87E55B; }
dl#panel.movie { border-left:8px solid #5BC7E5; }
dl#panel.photo { border-left:8px solid #5B5BE5; }
dl#panel.archive { border-left:8px solid #E55BD7; }

/*パネル　カレント　タイトル横ボーダー*/
dl#panel.bio_c { border-left:8px solid #E5AC5B; }
dl#panel.sound_c { border-left:8px solid #E5DC5B; }
dl#panel.live_c { border-left:8px solid #87E55B; }
dl#panel.movie_c { border-left:8px solid #5BC7E5; }
dl#panel.photo_c { border-left:8px solid #5B5BE5; }
dl#panel.archive_c { border-left:8px solid #E55BD7; }

/*パネル　タイトルフォント*/
dl#panel dt{
	font-size: 150%;
	font-weight: bold;
	color: #AAAAAA;
}

/*パネルフォント　hover*/
#navi_panel:hover dl#panel.bio dt{ color: #FFFFFF; }
#navi_panel:hover dl#panel.sound dt{ color: #FFFFFF; }
#navi_panel:hover dl#panel.live dt{ color: #FFFFFF; }
#navi_panel:hover dl#panel.photo dt{ color: #FFFFFF; }
#navi_panel:hover dl#panel.movie dt{ color: #FFFFFF; }
#navi_panel:hover dl#panel.archive dt{ color: #FFFFFF; }

/*パネルフォント　カレント*/
dl#panel.bio_c dt{ color: #FFFFFF; }
dl#panel.sound_c dt{ color: #FFFFFF; }
dl#panel.live_c dt{ color: #FFFFFF; }
dl#panel.photo_c dt{ color: #FFFFFF; }
dl#panel.movie_c dt{ color: #FFFFFF; }
dl#panel.archive_c dt{ color: #FFFFFF; }

/*パネル画像*/
#thumb{ margin: 0px; padding: 0px; }

/*全体クリッカブル処理*/
p.linkarea {
	margin: -5px 0px 0px;
	font-size: 93%;
	text-align: right;
	width: 274px; /*IE対応*/
}

html > body p.linkarea a{
	display:block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%; /*IE対応*/
	width: 274px; /*IE対応*/
	text-align:left;
	text-indent: -9999px;
	background/*¥**/: #fff¥9; /*IE7, 8のみに適用するハック*/
	/*filter: alpha(opacity=0);*/
}

/*パネルhover半透明処理*/
html > body p.linkarea a:hover{
	/*opacity: 0.15;*/
	/*background-color: #FFFFFF;*/
}


/*パネル画像サイズ指定*/
#thumb img{
	width: 274px;
	height: 160px;
}

/*Opacity設定回避対応*/
#navi_panel a:hover{
	background-color: transparent;
}


/*navi関連 ここまで=================================*/


/*navi_footer
========================================== */

#navi_footer{
	clear: both;
	width: 100%;
	height: 107px;
	background-color:rgba(255,255,255,0.4);
	border-top: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
}

#navi_panel_footer{
	float: left;
	position: relative;
	width: 268px;
	height: 40px;
	margin: 9px 0px 0px 9px;
	padding: 0px;
	/*background-color:rgba(255,255,255,0.4);*/
}


/*パネルカレント　背景色*/
#navi_panel_footer.bio_c{ background-color:#CC8828; }
#navi_panel_footer.sound_c{ background-color:#CCC328; }
#navi_panel_footer.live_c{ background-color:#5CCC28; }
#navi_panel_footer.photo_c{ background-color:#2828CC; }
#navi_panel_footer.movie_c{ background-color:#28A8CC; }
#navi_panel_footer.archive_c{ background-color:#CC28BB; }

/*パネル hover　背景色*/
#navi_panel_footer.bio:hover{ background-color:#CC8828; }
#navi_panel_footer.sound:hover{ background-color:#CCC328; }
#navi_panel_footer.live:hover{ background-color:#5CCC28; }
#navi_panel_footer.photo:hover{ background-color:#2828CC; }
#navi_panel_footer.movie:hover{ background-color:#28A8CC; }
#navi_panel_footer.archive:hover{ background-color:#CC28BB; }


/*パネル　タイトルレイアウト*/
dl#panel_footer{
	height:40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	line-height:40px;
}

/*パネル　タイトル横ボーダー*/
dl#panel_footer.bio { border-left:8px solid #E5AC5B; }
dl#panel_footer.sound { border-left:8px solid #E5DC5B; }
dl#panel_footer.live { border-left:8px solid #87E55B; }
dl#panel_footer.photo { border-left:8px solid #5B5BE5; }
dl#panel_footer.movie { border-left:8px solid #5BC7E5; }
dl#panel_footer.archive { border-left:8px solid #E55BD7; }

/*パネル　カレント　タイトル横ボーダー*/
dl#panel_footer.bio_c { border-left:8px solid #E5AC5B; }
dl#panel_footer.sound_c { border-left:8px solid #E5DC5B; }
dl#panel_footer.live_c { border-left:8px solid #87E55B; }
dl#panel_footer.photo_c { border-left:8px solid #5B5BE5; }
dl#panel_footer.movie_c { border-left:8px solid #5BC7E5; }
dl#panel_footer.archive_c { border-left:8px solid #E55BD7; }


/*パネル　タイトルフォント*/
dl#panel_footer dt{
	font-size: 150%;
	font-weight: bold;
	color: #AAAAAA;
}


/*パネルフォント　hover*/
#navi_panel_footer:hover dl#panel_footer.bio dt{ color: #FFFFFF; }
#navi_panel_footer:hover dl#panel_footer.sound dt{ color: #FFFFFF; }
#navi_panel_footer:hover dl#panel_footer.live dt{ color: #FFFFFF; }
#navi_panel_footer:hover dl#panel_footer.photo dt{ color: #FFFFFF; }
#navi_panel_footer:hover dl#panel_footer.movie dt{ color: #FFFFFF; }
#navi_panel_footer:hover dl#panel_footer.archive dt{ color: #FFFFFF; }

/*パネルフォント　カレント*/
dl#panel_footer.bio_c dt{ color: #FFFFFF; }
dl#panel_footer.sound_c dt{ color: #FFFFFF; }
dl#panel_footer.live_c dt{ color: #FFFFFF; }
dl#panel_footer.photo_c dt{ color: #FFFFFF; }
dl#panel_footer.movie_c dt{ color: #FFFFFF; }
dl#panel_footer.archive_c dt{ color: #FFFFFF; }

/*Opacity設定回避対応*/

#navi_panel_footer a:hover{
	background-color: transparent;
}


/*navi_footer関連 ここまで=================================*/



/*content container
========================================== */
#content{
	background-color:rgba(255,255,255,0.4);
	margin-bottom:0 auto;
	padding: 0px 0px;
	min-height:500px;
	width:840px;
	float:left;
}

/*content　見出しフォント*/
#content h1{
	clear:both;
	padding:20px 8px;
	margin:27px 0px;
	color:#FFFFFF;
	font-size:280%;

}


/*content_news　関連デザイン指定
========================================== */

#content h1.news{
	background-color:#C4000A;
	border-left: solid 20px #E55B5B;
}

h2{
	height: 40px;
	line-height: 40px;
	border-left: solid 12px #C4000A;
	border-top: solid 2px #C4000A;
	border-bottom: solid 2px #C4000A;
	border-collapse: collapse;
	margin: 20px 0px 10px 0px;
	padding: 0px 8px 0px 8px;
}

#news_right{
	width: 440px;
	float: right;
	margin-right: 10px;
}

#news_left{
	width: 440px;
	float: left;
	margin-left: 10px;
}
.date{
	display:block;
	font-size: 75%;
	margin-top:-30px;
	text-align: right;
	color: #888888;
}

/*news項目　小見出し*/
h3.news{
	float: left;
	width: 440px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: dotted 1px #C4000A;
}

#news_right p{ font-size: 100%; line-height: 135%; margin-left: 5px; text-align: center; }
#news_left p{ font-size: 100%; line-height: 135%; margin-left: 5px; text-align: center; }


/*content_bio　関連デザイン指定
========================================== */

#content h1.bio{
	background-color:#CC8828;
	border-left: solid 20px #E5AC5B;
}

#member{
	float: left;
	width: 150px;
	height: 80px;
	margin: 20px 0px 0px 48px;
	padding: 0px 0px 0px 0px;
}

#member h2{
	width: 150px;
	height: 24px;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	font-size: 18px;
	border-top: 0px;
}

/*メンバー紹介*/
#member h2.bass{ border-left: solid #666666 5px; border-bottom: solid #666666 0px; color:#000000; }
#member h2.dr{ border-left: solid #DEB887 5px; border-bottom: solid #DEB887 0px; color:#000000; }
#member h2.vo{ border-left: solid #40E0D0 5px; border-bottom: solid #40E0D0 0px; color:#000000; }
#member h2.gt{ border-left: solid #B22222 5px; border-bottom: solid #B22222 0px; color:#000000; }

#member dl{ margin: 4px 0px 0px 9px; padding: 0px 0px 0px 0px; }
#member dt{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#member dd{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #AAAAAA;}


/*history紹介*/
#history{
	clear: both;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	width: 600px;
	margin: 20px 0px 40px 120px;
}

img.profile{
	width: 840px;
	height: 560px;
}

/*content_sound　関連デザイン指定
========================================== */

#content h1.sound{
	background-color:#CCC328;
	border-left: solid 20px #E5DC5B;
}

#content h2.sound{
	margin-top: 20px;
	border-left: solid 12px #CCC328;
	border-top: solid 2px #CCC328;
	border-bottom: solid 2px #CCC328;
}

#content h3.sound{
	clear:both;
	margin: 40px 0px 6px 30px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #CCC328;
	font-size: 22px;
}

#content p.how_to{
	margin: 24px 0px 24px 3px;
	text-align: center;
	font-size:16px;
	line-height: 20px;
}

#content p.music_info{
	margin: 0px 0px 12px 30px;
	text-align: left;
	font-size:14px;
	line-height: 16px;
}

.liner_notes{
	width: 720px;
	height: 100%;
	margin: 0px 0px 12px 60px;
	font-size:14px;
}


.member{
	float: left;
	clear :both;
}

.comment{
	line-height  16px; /*現状未使用*/
}

.hr_sound{
	border :none;
	border-top: dotted 1px;
	color: #CCC328;
	height: 1px;
}


#player_box{
	width: 720px;
	height: 160px;
	margin: 0px 0px 0px 60px;
	background-color: rgba(245,245,245,0.4);
}

#player_box a{
	color: #FFFFFF;
}

iframe.sound{
	float: left;
	width: 560px;
	height: 160px;
	margin: 0px 0px 0px 0px;
}

#dl_div{
	width: 160px;
	height:160px;
	float: left;
	margin: 0px 0px 0px 0px;
}

 #dl_div a{
 	color:#FFFFFF;
 }

.dl_button {
	background-color:#ccc328;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	margin: 14px 10px 14px 10px;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	font-style:normal;
	height:52px;
	width:140px;
	text-decoration:none;
	text-align:center;
}
.dl_button:hover {
	background-color:#E5DC5B;
}
.dl_button:active {
	position:relative;
	top:1px;
}

.lyrics_sound{
	width: 720px;
	margin: 0px 0px 0px 60px;
	text-align: center;
	font-size:14px;
	line-height: 16px;
}


#linernotes{
	background-color:rgba(250,250,250,0.9);
	margin : 0 auto;
	padding: 10px 10px;
	min-height:100px;
	width:640px;
	float:cenetr;
	font-size:16px;
	line-height: 24px;
	border-radius: 10px 10px 10px 10px;
}

.linernotes_title{
	font-size:16px;
	line-height: 30px;
	margin : 0 auto;
}

/*content_live　関連デザイン指定
========================================== */

#content h1.live{
	background-color:#5CCC28;
	border-left: solid 20px #87E55B;
}

#content h2.live{
	margin-top: 20px;
	border-left: solid 12px #5CCC28;
	border-top: solid 2px #5CCC28;
	border-bottom: solid 2px #5CCC28;
}

#live_wrapper{
	margin: 30px 0px 30px 10px;	
}


.live_title {
	font-size: 22px;
	line-height: 26px;
	margin: 20px 0px 10px 0px;
	border-bottom: solid 2px #5CCC28;
}

.live_item {
	font-size: 16px;
	margin: 2px 0px 8px 0px;
	padding-bottom: 2px;
	font-weight: bold;
	border-bottom: dotted 1px #5CCC28;
}

.live_detail {
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}

.live_date {
	margin: 2px 0px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.artist{
	margin: 2px;
}



/*shop　関連デザイン指定
========================================== */


.shop_item {
	font-size: 22px;
	line-height: 26px;
	margin: 20px 0px 10px 0px;
	border-bottom: solid 2px #C4000A;
}


.shop_p{
	clear: both;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	width: 600px;
	margin: 20px 0px 40px 120px;
}


/*content_movie　関連デザイン指定
========================================== */

#content h1.movie{
	background-color:#28A8CC;
	border-left: solid 20px #5BC7E5;
}

#content h2.movie{
	margin-top: 20px;
	border-left: solid 12px #28A8CC;
	border-top: solid 2px #28A8CC;
	border-bottom: solid 2px #28A8CC;
}

.youtube { margin:40px 0; }
.youtube iframe { margin: 0 auto; display: block; }


/*content_photo　関連デザイン指定
========================================== */

#content h1.photo{
	background-color:#2828CC;
	border-left: solid 20px #5B5BE5;
}

#content h2.photo{
	margin-top: 20px;
	border-left: solid 12px #2828CC;
	border-top: solid 2px #2828CC;
	border-bottom: solid 2px #2828CC;
}

#photo_list{
	line-height:0px;
	margin: 20px 0px 60px 0px;
}

#photo_list img{
	width: 190px;
	margin: 0px 0px 16px 16px;
	vertical-align:bottom
	border : 0px;
	}

#photo_list a:link{
	border-style: none;
	background-color:#ffffff;
	}

#photo_list a:visited{
	border-style: none;
	background-color:#ffffff;
	}

/*
#photo_list a:hover{
	cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
	}
*/

#photo_list a:active{
	background-color:#ffffff;
	}

#photo_list p{
	width: 824px;
	text-align:right;
	margin-right16px;
	font-size: 18px;
	}


/*content_archive　関連デザイン指定
========================================== */

#content h1.archive{
	background-color:#CC28BB;
	border-left: solid 20px #E55BD7;
}

#content h2.archive{
	margin-top: 20px;
	border-left: solid 12px #CC28BB;
	border-top: solid 2px #CC28BB;
	border-bottom: solid 2px #CC28BB;
}

.archive_live_title {
	font-size: 22px;
	line-height: 26px;
	margin: 20px 0px 10px 0px;
	border-bottom: solid 2px #CC28BB;
}

#setlist_wrapper{
	margin: 20px 0px 50px 10px;	
	line-height: 20px;
}

#setlist_wrapper p{
	margin: 20px 0px 0px 16px;	
	line-height: 20px;
}


/*content img class
========================================== */

.img_right{
	padding: 15px;
	float:right;
	max-width: 360px; height: auto;
}

.img_left{
	padding: 15px;
	float:left;
	max-width: 360px; height: auto;
}


/*containerここまで=================================================*/


/*bottom_header　デザイン========================================== */

#bottom_header{
	clear: both;
	width:840px;
	height:160px;
	background-color: rgba(255,255,255,0.4);
	text-align: center;
}

#bottom_header img{
	width: 140px;
	height: 160px;
	border: 0px;
}

/*
#bottom_header img:hover{
	opacity: 0.7;
}
*/

/*footer　デザイン
========================================== */

#footer{
	height:30px;
	clear: both;
	background-color:rgba(255,255,255,0.4);
	color:#BBBBBB;
	margin:0;
	padding:0px;
	text-align: right;
	line-height:30px;
}
/*footer　ここまで=============================== */