@charset "UTF-8";


/* CSS Document */
* {margin:0; padding:0; border:0}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-image: url(../img/boby_bg.png);
	background-repeat: no-repeat;
	-webkit-text-size-adjust: 100%;
}

/* LINK STYLE */
a:link{color: #FFFFFF;text-decoration: none;}
a:visited {color: #FFFFFF;text-decoration: none;}
a:hover {color: #AFCDF7;text-decoration: none;}
a:active {color: AFCDF7;text-decoration: none;}

/* コンテナー */
#container{	
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	}


/* ヘッダー */
#header{
	height: 65px;
	width: 960px;
	background-color: #000000;
	position: fixed !important;
	position: absolute;
	z-index:2;
	top: 0;
}
#header .logo{
	clear: both;
	height: 40px;
	width: 960px;
	background-image: url(../img/header_logo.png);
}
#header .logo .top{
	height: 40px;
	width: 350px;
	float:left;
}
#header .logo .top a {display: block;height: 40px;background-image: url(../img/header_top.png);background-repeat: no-repeat;background-position: 0 0;text-indent: -9999px;outline: none;}
#header .logo .top a:hover {background-position: 0 100%;}

#sns_navi {overflow: hidden;height: 40px;width: 160px;float: right;margin-right: 10;}
#sns_navi ul {width:160px;height: 40px;}
#sns_navi ul li {float: left;height:40px;width: 40px; list-style: none;}
#sns_navi ul li a {display: block;height: 40px;background-repeat: no-repeat;background-position: 0 0;text-indent: -9999px;outline: none;}
#sns_navi ul li a:hover {background-position: 0 100%;}
#sns_navi ul li#sc a {background-image:url(../img/header_sns_sc.png);}
#sns_navi ul li#tw a {background-image:url(../img/header_sns_tw.png);}
#sns_navi ul li#fb a {background-image:url(../img/header_sns_fb.png);}
#sns_navi ul li#ig a {background-image:url(../img/header_sns_ig.png);}

/* navi */
#navi {overflow: hidden;height: 25px;width: 960px;float: left;}
#navi ul {width: 960px;height: 25px;} 
#navi ul li {float: left;height: 25px; list-style: none;}
#navi ul li a {display: block;height: 25px;background-repeat: no-repeat;background-position: 0 0;text-indent: -9999px;outline: none;}
#navi ul li a:hover {background-position: 0 100%;}
#navi ul li#navi_news {width:90px;}
#navi ul li#navi_news a {background-image: url(../img/header_navi_news.png)}
#navi ul li#navi_liveschedule {width:200px;}
#navi ul li#navi_liveschedule a {background-image: url(../img/header_navi_liveschedule.png)}
#navi ul li#navi_biography {width:157px;}
#navi ul li#navi_biography a {background-image: url(../img/header_navi_biography.png)}
#navi ul li#navi_discography {width:188px;}
#navi ul li#navi_discography a {background-image: url(../img/header_navi_discography.png)}
#navi ul li#navi_video {width:94px;background-image: url(../img/header_navi_video.png)}
#navi ul li#navi_video a {background-image: url(../img/header_navi_video.png)}
#navi ul li#navi_merch {width:105px;background-image: url(../img/header_navi_merch_x.png)}
#navi ul li#navi_merch a {background-image: url(../img/header_navi_merch.png)}
#navi ul li#navi_contact {width:126px;}
#navi ul li#navi_contact a {background-image: url(../img/header_navi_contact.png)}

#top_photo{
	width: 960px;
	height: 672px;
	background-image: url(../img/header_photo3.jpg);
}


#wrap{	
	width: 960px;
	height: auto;
}
#contents{
	width: 630px;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom:500px;
	float: left;
}

#comments{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#comments .title{
	width: 630px;
	height: 20px;
	background-image: url(../img/comments_from_our_friends.png);
	margin-bottom:5px;
}
#comments .box{
	width: 620px;
	margin-right:5px;
	margin-left:5px;
}
#comments .box .writer {
	width: 620px;
	font-size: 14px;
	border-bottom: thin dotted #CCCCCC;
	color: #AFCDF7;
}
#comments .box .text {
	width: 620px;
	font-size: 11px;
	margin-bottom: 15px;
}

#news{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#news .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_news.png);
	margin-bottom:5px;
}
#news .box{
	width: 620px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
}
#news .box .news_title_box{
	width: 620px;
	font-size: 14px;
	border-bottom: thin dotted #CCCCCC;
	height: 20px;
}
#news .box .news_title_box .news_date{
	width: 100px;
	float: left;
}
#news .box .news_title_box .news_title{
	width: 520px;
	float: left;
	color: #AFCDF7;
}
#news .box .news_text{
	width: 620px;
	clear: both;
	font-size: 12px;
	height:40px;
	margin-bottom:10px;	
}
#news .box .news_text_l{
	width: 620px;
	clear: both;
	font-size: 12px;
	height:200px;
	margin-bottom:10px;	
}
.tenpxblock{
	height:10px;
	width:620px;
	display:block;
	}

#liveschedule{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#liveschedule .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_liveschedule.png);
	margin-bottom:5px;
}
#liveschedule .title .ticket{
	float: right;
	}
#liveschedule .title .ticket input[type="submit"] {
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	font-weight: bold;
	width:120px;
	padding: 3px 0;
	margin-top:6px;
	height: 20px; 
	color: #fff;
	background:#AFCDF7;
/*↓背景グラデーションの指定です*/
	background: -moz-linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
	background: -webkit-linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
	background: linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
/*↓以下、ボックスの角丸、シャドウ、テキストシャドウの指定*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#liveschedule .title .ticket input[type="submit"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.8;
}
#liveschedule .box{
	width: 620px;
	margin-right:5px;
	margin-left:5px;
}
#liveschedule .box .liveschedule_date_venue{
	width: 620px;
	font-size: 14px;
	border-bottom: thin dotted #CCCCCC;
	color: #AFCDF7;
	height: 20px;
}
#liveschedule .box .liveschedule_text{
	width: 620px;
	font-size: 12px;
	margin-bottom:10px;
}
#liveschedule #ticket_form{
	display: none;
	width: 630px;
	margin-bottom:10px;
}
#liveschedule #ticket_form .title {
	width: 630px;
	height: 20px;
	margin-top:5px;
	background-image: url(../img/contents_ticket_form.png);
}
#liveschedule #ticket_form .mail {
	width: 620px;
	border: thin dotted #CCCCCC;
	margin-right:5px;
	margin-left:5px;
}
#liveschedule #ticket_form .mail #venue {
	margin-right:10px;
	width:220px;
 }

#video{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#video .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_video.png);
	margin-bottom:5px;
}
#video .box{
	width: 560px;
	height:315px;
	margin-right:65px;
	margin-left:5px;
	overflow:hidden;
}
#video .m_title_01{
	width: 630px;
	height: 30px;
	background-image: url(../img/video_title_jairom.png);
}

#biography{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#biography .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_biography.png);
	margin-bottom:5px;
}
#biography .box{
	width: 620px;
	margin-right:5px;
	margin-left:5px;
	font-size: 14px;
	line-height:18px;
}
#biography .box a{
	color: #AFCDF7;
	font-size: 14px;
}
#biography .box .is {
	font-size: 18px;
	color: #AFCDF7;
	line-height:30px;
}
#discography{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#discography .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_discography.png);
}
#discography .box{
	width: 620px;
	margin-right:5px;
	margin-left:5px;
}
#discography .box .cdtitle{
	width: 620px;
	height:20px;
	font-size:16px;
	margin-bottom:5px;
	margin-top:10px;
	color: #AFCDF7;
}
#discography .box .cdwrap{
	width: 620px;
	height:300px;
	clear:both;
}
#discography .box .cdwrap .cdcover{
	width: 300px;
	height:300px;
	margin-right: 10px;
	float:left;
}
#discography .box .cdwrap .cdtext{
	width: 310px;
	float:right;
}
#discography .box .cdwrap .cdtextsmall{
	font-size: 10px;
}

#contact{
	margin-top:-65px;
	padding-top: 65px;
	width: 630px;
	margin-bottom:50px;
}
#contact .title{
	width: 630px;
	height: 30px;
	background-image: url(../img/contents_title_contact.png);
	margin-bottom:5px;
}
#contact .box{
	width: 620px;
	margin-left: 5px;
	margin-right: 5px;
}
#mailform{
	width: 620px;
}
#mailform ul { /*リスト要素ulを初期化*/
    padding:0;
    margin:0;
}
#mailform ul li { /*liも初期化し、ボーダーなどを指定*/
	list-style: none;
	margin: 0px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: thin dotted #666666;
}
#mailform ul li:first-child {
	border-top:none;
	}
#mailform ul li span {
	width: 200px;
	display: block;
	float: left;
}
#mailform ul li label .txtfiled{
	width:400px;
	margin:0px;
	color:#333;
    background: #fff;
	/*角丸にする*/
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#mailform ul li label .txtfiled_textarea{
	width:400px;
	height:150px;
	margin:0px;
	color:#333;
    background: #fff;
	/*角丸にする*/
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#mailform ul li input[type="submit"],#mailform ul li input[type="reset"] {
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	font-weight: bold;
	width:120px;
	padding: 3px 0;
	height: 20px; 
	margin-right:10px;
	color: #fff;
	background:#AFCDF7;
/*↓背景グラデーションの指定です*/
	background: -moz-linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
	background: -webkit-linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
	background: linear-gradient(top, #AFCDF7, #6797D0 50%, #AFCDF7);
/*↓以下、ボックスの角丸、シャドウ、テキストシャドウの指定*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

#mailform ul li input[type="submit"]:hover ,#mailform ul li input[type="reset"]:hover {
/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/
	opacity: 0.8;
}










#sidebar{
	position: relative;
	float:left;
	width: 300px;
	margin-left:10px;
	margin-right:10px;
}

#nav{
	width:300px;
}

.fixed {
  position: fixed;
  top: 65px;
}
#facebook{
	width: 300px;
}
#facebook .title{
	width: 300px;
	height: 30px;
	background-image: url(../img/sidebar_title_facebook.png);
}
#facebook .box{
	width: 299px;
	margin-left: 1px;
	height:130px;
	overflow:hidden;
}

#soundcloud{
	width: 300px;
	margin-top:15px;
	margin-bottom:15px;
}
#soundcloud .title{
	width: 300px;
	height: 30px;
	background-image: url(../img/sidebar_title_facebook.png);
}
#soundcloud .box{
	width: 299px;
	margin-left: 1px;
	height:220px;
	overflow:hidden;
	
}
#soundcloud .box .squ{
	margin-top:-8px;
}

#twitter{
	width: 300px;
	height:330px;
}
#twitter .title{
	width: 300px;
	height: 30px;
	background-image: url(../img/sidebar_title_twitter.png);
}
#twitter .title .follow{
	padding-top:6px;
	float: right;
}
#twitter .box{
	width: 299px;
	height:400px;
	margin-left: 1px;
}


#footer{
	height: 20px;
	width: 960px;
	position: fixed !important;
	position: absolute;
	bottom: 0;
	background-color: #000000;
	text-align: center;
	line-height: 20px;
}