@charset "UTF-8";
/*--------------------------------------
YUI 3.5.0 (build 5089)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
---------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*--------------------------------------
  common settings
---------------------------------------*/

body {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Verdana,Arial","Helvetica","sans-serif";
	font-size: 12px;
	color: #333;
	padding-top: 30px;
	background-color:#f4f4f4;
	}

a{text-decoration: none;color: #333;}

a:hover{text-decoration: underline;color: #1f8fcd;}

iframe.twitter-share-button {
    width: 105px!important;
}

/*--------------------------------------
  all_wrapp design
---------------------------------------*/

#all_wrapp {
	width: 890px;
	margin: 0 auto;
	padding: 0 5px;
	background: #fff url("../img/bg.png") repeat-y;
	position: relative;
	}
#all_wrapp .logo{
	position: absolute;
	top: -25px;
	left: 18px;
	z-index: 100;
	}

/*--------------------------------------
  header design
---------------------------------------*/

#header {
	width: 100%;
	top: -3px;
	left: 5px;
	position: absolute;
	}

/*--topboard--*/
#header .topboard {
	height: 42px;
	overflow: hidden;
	background: url("../img/bg_h1.png") no-repeat;
	}
#header .topboard h1 {
	float: left;
	margin: 18px 0 0 150px;
	}
#header .topboard ul {
	float: right;
	margin: 15px 5px 0 0;
	overflow: hidden;
	}
#header .topboard ul li{
	float: left;
	margin-right: 10px;
	}

/*--------------------------------------
  mainspace design
---------------------------------------*/

#mainspace{
	width: 100%;
	margin: 0 auto;
	}

/*--------------------------------------
  nav design
---------------------------------------*/

#nav {
	height: 43px;
	line-height: 36px;
	background: url("../img/bg_nav.png") no-repeat;
	}
#nav ul {
	margin-left: 68px;
	overflow: hidden;
	}
#nav ul li {
	padding-right: 30px;
	float: left;
	}
#nav ul li a{
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 16px;
	color: #fff;
	}
#nav ul li span{
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 16px;
	color: #fff;
	}
#nav ul li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #eee;
	}

/*--------------------------------------
  common settings
---------------------------------------*/

.tit {
	background-color: #6e727d;
	}
.tit h2 {
	padding: 0 10px 0 5px;
	line-height: 36px;
	font-size: 20px;
	font-family: 'PT Sans Caption', sans-serif;
	color: #fff;
	}
.tit > div {
	overflow: hidden;
	}
.tit > div h2{
	float: left;
	}
.tit > div ul {
	float: right;
	margin: 14px 0 0 10px;
	overflow: hidden;
	}
.tit > div ul li {
	float: left;
	margin-right: 5px;
	}
.tit > div ul li a{
	padding: 3px 8px 0;
	display: block;
	background-color: #919399;
	color: #fff;
	/*-moz-box-shadow: 0px -5px 10px 5px black;
	-webkit-box-shadow: 0px -5px 10px 5px black;
	-o-box-shadow: 0px -5px 10px 5px black;
	-ms-box-shadow: 0px -5px 10px 5px black;*/
	}
.tit > div ul li a:hover{
	text-decoration: none;
	background-color: #f9a119;
	}
.box{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px #d3d3d3 solid;
	}

/*-corner icons-*/
.tit .tit_twitter{
	padding: 0 0 0 38px;
	background: url("../img/icon_twitter.png") no-repeat 5px 9px;
	}
.tit .tit_mobile{
	padding: 0 0 0 35px;
	background: url("../img/icon_mobile.png") no-repeat 10px 7px;
	}
.tit .tit_music{
	padding: 0 0 0 45px;
	background: url("../img/icon_music.png") no-repeat 7px 12px;
	}
.tit .tit_schedule{
	padding: 0 0 0 38px;
	background: url("../img/icon_schedule.png") no-repeat 7px 7px;
	}
.tit .tit_profile{
	padding: 0 0 0 38px;
	background: url("../img/icon_schedule.png") no-repeat 7px 7px;
	}
.tit .tit_disco{
	padding: 0 0 0 35px;
	background: url("../img/icon_album.png") no-repeat 10px 6px;
	}
.tit .tit_contact{
	padding: 0 0 0 45px;
	background: url("../img/icon_contacts.png") no-repeat 10px 6px;
	}

.tit .tit_NEWS{
	padding: 0 0 0 35px;
	background: url("../img/icon_news.png") no-repeat 10px 6px;
	}
.tit .tit_TV{
	padding: 0 0 0 35px;
	background: url("../img/icon_tv.png") no-repeat 10px 6px;
	}
.tit .tit_RADIO{
	padding: 0 0 0 35px;
	background: url("../img/icon_radio.png") no-repeat 10px 6px;
	}
.tit .tit_MAGAZINE{
	padding: 0 0 0 35px;
	background: url("../img/icon_magazine.png") no-repeat 10px 6px;
	}
.tit .tit_WEB{
	padding: 0 0 0 35px;
	background: url("../img/icon_web.png") no-repeat 10px 6px;
	}
.tit .tit_LIVE{
	padding: 0 0 0 35px;
	background: url("../img/icon_event.png") no-repeat 10px 6px;
	}
.tit .tit_EVENT{
	padding: 0 0 0 35px;
	background: url("../img/icon_event.png") no-repeat 10px 6px;
	}
.tit .tit_ALBUM{
	padding: 0 0 0 35px;
	background: url("../img/icon_album.png") no-repeat 10px 6px;
	}
.tit .tit_INDIES{
	padding: 0 0 0 35px;
	background: url("../img/icon_indies.png") no-repeat 10px 6px;
	}
.tit .tit_MINIALBUM{
	padding: 0 0 0 35px;
	background: url("../img/icon_minialbum.png") no-repeat 10px 6px;
	}
.tit .tit_OTHERS{
	padding: 0 0 0 35px;
	background: url("../img/icon_others.png") no-repeat 10px 6px;
	}
.tit .tit_SINGLE{
	padding: 0 0 0 35px;
	background: url("../img/icon_single.png") no-repeat 10px 6px;
	}
.tit .tit_LINKS{
	padding: 0 0 0 35px;
	background: url("../img/icon_links.png") no-repeat 10px 6px;
	}
/*--------------------------------------
  container design
---------------------------------------*/

#container {
	width: 890px;
	margin: 10px auto 0;
	padding-bottom: 10px;
	overflow: hidden;
	}

/*--leftwrapp--*/
#container .leftwrapp{
	float: left;
	width: 215px;
	margin: 0 10px;
	}

/*-tweet & bnr-*/
#container .leftwrapp .tweet_bnr{
	float: left;
	width: 215px;
	}
#container .leftwrapp .bnr li{
	height: 80px;
	margin-bottom: 5px;
	}

/*--rightwrapp--*/
#container .rightwrapp{
	float: left;
	width: 645px;
	margin-right: 10px;
	overflow: hidden;
	}

/*-news-*/
#container .rightwrapp .news{
	float: left;
	width: 420px;
	margin-right: 10px;
	}


.rightwrapp .news .scroll-pane{
	width: 418px;
	height: 644px;
	overflow: auto;
	border: 1px #d3d3d3 solid;
	}

.rightwrapp .news .scroll-pane .jspContainer .jspPane .new-view > ul > li{
	margin-bottom: 5px;
	padding: 20px;
	border-bottom: 1px dotted #999;
	}

.rightwrapp .news .scroll-pane .jspContainer{
	width: 415px;
	}
.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul{
	width: 415px;
	padding: 5px;
	}
.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul > li{
	min-height: 174px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	}

.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul > li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px dotted #999;
	}
.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul > li h3{
	font-size: 14px;
	font-weight: bold;
	}
.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul > li .date{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	}
.rightwrapp .news .scroll-pane .jspContainer .jspPane > ul > li .andmore{
	margin-top: 10px;
	}
.rightwrapp .news .social{
	margin-top: 10px;
	overflow: hidden;
	}
.rightwrapp .news .social li{
	float: left;
	}
.rightwrapp .news .social li iframe{
	margin-bottom: 0;
	}

/*-right_column-*/
.rightwrapp .right_column{
	float: left;
	width: 215px;
	}
.rightwrapp .right_column .picup img{
	border: 1px solid #D3D3D3;
	width: 99%;
	}
.mobile{
	width: 205px;
	overflow: hidden;
	border-bottom: 1px dotted #999;
	}
.mobile img,
.mobile div {
	float: left;
	}
.mobile div {
	width: 125px;
	margin: 6px 0 0 5px;
	}
.mobile div h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	}
.mobile div h3 span{
	font-size: 12px;
	}
.mobile div p{
	font-size: 10px;
	font-weight: bold;
	}
iframe{
	margin-bottom: 11px;
	z-index: 1;
	}
.rightwrapp .box .schedule_list li{
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	}
.rightwrapp .box .schedule_list li img{
	margin: 0 2% 0 0;
	float: left;
	width: 40%
	}
.rightwrapp .box .schedule_list li:last-child{
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	}

/*--------------------------------------
  article design
---------------------------------------*/

div .scroll-pane{
	width: 643px;
	height: 644px;
	border: 1px #d3d3d3 solid;
	overflow: auto;
	}
div.nodata{
	padding: 10px;
	border: 1px #d3d3d3 solid;
	}
div .scroll-pane .jspContainer .jspPane > ul{
	padding: 10px 10px 0 10px;
	}
div .scroll-pane .jspContainer .jspPane > ul > li{
	min-height: 173px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	}
div .scroll-pane .jspContainer .jspPane > ul > li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}
div .scroll-pane .jspContainer .jspPane > ul > li h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

div .scroll-pane .jspContainer .jspPane > ul > li .discobody{
	overflow: hidden;
	}
div .scroll-pane .jspContainer .jspPane > ul > li .discobody .buylink{
	margin: 10px 0px;
	float: left;
	
	}
div .scroll-pane .jspContainer .jspPane > ul > li .discobody .buylink a{
	background-color: #919399;
	color: #FFFFFF;
	padding: 5px 8px 5px 8px;
	font-weight: bold;
	margin: 3px;
	}


div .scroll-pane .jspContainer .jspPane > ul > li .date{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	}
div .scroll-pane .jspContainer .jspPane > ul > li .andmore{
	margin-top: 10px;
	}
div .scroll-pane .jspContainer .jspPane .social{
	margin-top: 10px;
	overflow: hidden;
	}
div .scroll-pane .jspContainer .jspPane .social li{
	float: left;
	}
div .scroll-pane .jspContainer .jspPane .social li iframe{
	margin-bottom: 0;
	}



/*--------------------------------------
  detail design
---------------------------------------*/

.detail{
	width: 613px;
	padding: 20px 15px;
	border: 1px #d3d3d3 solid; 
	}
.detail h3{
	font-size: 18px;
	font-weight: bold;
	}
.detail .social{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	}
.detail .social > div{
	float:right;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	}
.detail .social > div p{
	float: left;
	margin-right: 10px;
	font-weight: bold;
	}
.detail .social ul{
	overflow: hidden;
	float: left;
	}
.detail .social ul li{
	height: 20px;
	float: left;
	}
.detail img {
	max-width: 613px;
	}

/*--------------------------------------
  mobile design
---------------------------------------*/

.mobilebox{
	overflow: hidden;
	}
.mobilebox > img,
.mobilebox > div{
	float: left;
	}
.mobilebox > div{
	width: 355px;
	margin-left: 10px;
	}

.mobilebox .top-area{
	overflow: hidden;
	}
.mobilebox .top-area img{
	float: left;
	width: 100px;
	}
.mobilebox .top-area > div{
	float: left;
	width: 255px;
	}
.mobilebox .top-area > div span{
	font-size: 10px;
	color: #f60;
	}

.mobilebox div h4 {
	margin: 10px 0;
	padding: 5px 0 5px 5px;
	background-color: #ddd;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 14px;
	font-weight: bold;
	}
.mobilebox div li p{
	margin: 0 10px 5px 0;
	float: left;
	
	}
.mobilebox div li p img{
	width: 50px;
	}
.mobilebox div ul{

	margin-bottom: 10px;
	}
.mobilebox div ul li{
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
	overflow: hidden;
	}
.mobilebox div ul li:last-child{
	border-bottom: none;
	}
.mobilebox div ul li a{
	font-weight: bold;
	color: #34CCFF;
	}

.accesse{
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	}
.accesse h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	font-weight: bold;
	}
.accesse ul li{
	margin-bottom: 10px;
	}
/*--------------------------------------
  discography design
---------------------------------------*/

.discotable{
	overflow: hidden;
	}
.discotext h3 {
	font-size: 18px;
	font-weight: bold;
	}
.discotable > div{
	float: left;
	}
div.discoimg {
	width: 150px;
	margin-right: 10px;
	}
div.discoimg img {
	width: 100%;
	}

/*--------------------------------------
  paginate design
---------------------------------------*/

#paginate{
	width: 606px;
	padding: 10px;
	background-color: #eaeaea;
	overflow-y: auto;
	}
#paginate ul{
	float: left;
	overflow: hidden;
	}
#paginate ul li{
	float: left;
	margin-right: 5px;
	border: 1px solid #999;
	}
#paginate ul li span{
	padding: 0 7px;
	background-color: #fff;
	font-weight: bold;
	color: #333;
	}
#paginate ul li a{
	padding: 0 7px;
	background-color: #333;
	font-weight: bold;
	color: #fff;
	}
#paginate ul li a:hover{
	padding: 0 7px;
	background-color: #666;
	font-weight: bold;
	text-decoration: none;
	color: #eee;
}
#paginate > span{
	float: right;
	font-weight: bold;
	}

/*--------------------------------------
  contact design
---------------------------------------*/

.inquiry{
	width: 623px;
	padding: 10px;
	border: 1px #d3d3d3 solid;
	}
.inquiry form{
	margin: 10px 0;
	padding-top: 15px;
	border-top: 1px dotted #aaa;
	}
.inquiry form input[type="text"] {
    width: 250px;
	}
.inquiry form textarea {
    width: 400px;
	}
.inquiry form input[type="submit"] {
	cursor: pointer;
	}
.inquiry input,
.inquiry textarea {
    border: 1px solid #C7C7C7;
    margin: 0;
    padding: 5px;
	}
.inquiry .row{
	margin-bottom: 15px;
	}
.inquiry label{
	display: block;
	font-weight: bold;
	}
.inquiry .attention,
.inquiry .error-message{
	color: #f00;
	font-size:10px;
	}

/*--------------------------------------
  footer design
---------------------------------------*/

#footer {
	width: 100%;
	height: 150px;
	padding-top: 35px;
	background-color: #6e727d;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	}
#footer img{
	margin: 30px 0 10px 0;
	}

/*--------------------------------------
  twitter_widget
---------------------------------------*/

#twitter_widget h3, #twitter_widget h4 {

}
.twtr-doc {
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
}
.twtr-timeline { 
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}