@charset "utf-8";
/* CSS INDEX */

/**
 * RESET
 */
@import url("reset.css");


/**
 * COMMON
 */
@import url("content_common.css");


/******************************************************************************************************************************
 ******************************************************************************************************************************
 * INDEX／WORKS
 */

 	body{background:url(../images/content/content_bg.jpg) top center no-repeat #f5f5ec;
	font-family:"FOT-マティス Pro M";
	}



	/********************************************************/
 	/*popup*/
	.bubbleInfo {
		position: relative;
	}

	.popup {
		position: absolute;
		display: none; /* keeps the popup hidden if no JS available */
		background:url(../images/popup/popup_top.png) top left no-repeat;
		padding:5px 0px 0px 0px;
	}
	.popup h5{background-color:#cccc99;font-family:"FOT-マティス Pro DB";font-size:0.833em;padding:1px 5px 5px 5px;}
	.popup p{background-color:#cccc99;padding:1px 5px 2px 5px;line-height:1.4em;font-family:"FOT-マティス Pro M";font-size:0.833em;}
	.popupinner{background:url(../images/popup/popup_bottom.png) bottom left no-repeat;padding:0px 0px 16px 0px;}
 	/********************************************************/
 	/*contentbody*/
	#contentbody{}

	/********************************************************/
 	/*pickupbox
	#pickupbox{clear:both;width:650px;padding-left:10px;height:256px;padding-top:148px;padding-bottom:53px;}
	#pickupbox #pickup{width:400px;float:left;}
	#pickupbox #youtube{width:210px;height:220px;float:left;background:url(../images/pickup/youtube_bg.png) top left no-repeat;padding:18px 20px 17px 20px;}
	#pickupbox #youtube #youtubebox{width:210px;height:158px;background-color:#000;}
	*/
	#pickupbox{clear:both;width:650px;padding-left:10px;padding-top:120px;padding-bottom:0px;}
	#pickupbox #pickup{width:650px;}



	/********************************************************/
 	/*contents*/
	#contents{clear:both;width:650px;padding-left:10px;}


	#contents .contentsbox{clear:both;width:650px;background:url(../images/content/content_dot_yoko.gif) bottom left repeat-x;}
	#contents .noline{background:none;}

	#contents .contentsbox .contentsinner{width:650px;}

	#contents .contentsbox .L2R1{background:url(../images/content/content_dot_tate.gif) 394px top repeat-y;}
	#contents .contentsbox .L1R2{background:url(../images/content/content_dot_tate.gif) 255px top repeat-y;}


	#contents .contentsbox .L1R1{width:650px;background:url(../images/content/content_dot_tate.gif) 325px top repeat-y;}
	#contents .contentsbox .noline{background:none;}



	#contents .contentsbox .info {padding:28px 0px 30px 0px;font-family:"FOT-マティス Pro M";font-size:1em;}
	#contents .contentsbox .hasline{background:url(../images/content/content_dot_yoko.gif) bottom left repeat-x;}
	#contents .contentsbox .haslinetop{background:url(../images/content/content_dot_yoko.gif) top left repeat-x;}
	#contents .contentsbox .L3{width:620px;padding-right:30px;}
	#contents .contentsbox .L2{width:364px;padding-right:30px;}
	#contents .contentsbox .R1{width:225px;padding-left:30px;}
	#contents .contentsbox .R1_1{width:245px;padding-left:10px;}

	#contents .contentsbox .L1{width:225px;padding-right:30px;}
	#contents .contentsbox .R2{width:364px;padding-left:30px;}

	#contents .contentsbox .LL{width:300px;padding-right:25px;float:left;}
	#contents .contentsbox .RR{width:300px;padding-left:25px;float:left;}



	#contents .leadcopy{font-family:"FOT-マティス Pro DB";font-size:1.333em;padding:12px 0px 4px 4px;}




	#contents .contentsbox .info h3{font-family:"FOT-マティス Pro DB";font-size:1.333em;padding-top:0px;line-height:1.2;}


	#contents .contentsbox .info h4{font-weight:bold;line-height:1.6em;font-family:"FOT-マティス Pro B";}
	#contents .contentsbox .info h4.pt{padding-top:1em;}
	#contents .contentsbox .info .update{font-size:0.833em;padding-left:25px;padding-bottom:14px;}

	#contents .contentsbox .info .infobox{padding-left:25px;}
	#contents .contentsbox .info ul{padding-bottom:1em;}
	#contents .contentsbox .info li{line-height:1.6em;}
	#contents .contentsbox .info li span{font-size:0.833em;}

	#contents .contentsbox .info p{line-height:1.6em;}
	#contents .contentsbox .info em{color:#990033;}

	#contents .contentsbox .info.adj{padding-top:0px;}

	#contents .contentsbox h3.more {cursor:pointer;}
	#contents .contentsbox h3.more em{text-decoration: underline;}
	#contents .contentsbox h3.more span{text-decoration: underline;}
	#contents .contentsbox h3.more img{float:right;vertical-align: top;margin-top: -2px;}
	#contents .contentsbox .morewrap{overflow:hidden;height:0px;position: relative;}
	#contents .contentsbox .morewrap .moreinner{}


	#contents .contentsbox .info.more{padding:28px 0px 10px 0px;}
	#contents .contentsbox .info .morebox{overflow:hidden;height:0px;padding-left:25px;}
	#contents .contentsbox .info .morebox .moreinner{}

	#contents .contentsbox .info .submorebox{overflow:hidden;height:0px;padding-left:25px;}
	#contents .contentsbox .info .submorebox .submoreinner{}

	/*live*/
	#contents .contentsbox .live{}
	#contents .contentsbox .live h3{padding-left:25px;background:url(../images/content/info_ico_live.gif) top left no-repeat;}
	#contents .contentsbox .live .update{color:#477588;}
	#contents .contentsbox .info a{color:#477588;text-decoration:underline;}
	#contents .contentsbox .info a:hover{text-decoration:none;}

	/*works*/
	#contents .contentsbox .works{}
	#contents .contentsbox .works h3{padding-left:25px;background:url(../images/content/info_ico_works.gif) top left no-repeat;}
	#contents .contentsbox .works .update{color:#a2985c;}
	#contents .contentsbox .works .cmbox{padding-bottom:3px;}
	#contents .contentsbox .info a{color:#a2985c;text-decoration:underline;}
	#contents .contentsbox .info a:hover{text-decoration:none;}


	/*news*/
	#contents .contentsbox .news{}
	#contents .contentsbox .news h3{padding-left:25px;background:url(../images/content/info_ico_news.gif) top left no-repeat;}
	#contents .contentsbox .news .update{color:#a2985c;}
	#contents .contentsbox .news .cmbox{padding-bottom:3px;}
	#contents .contentsbox .news a{color:#a2985c;text-decoration:underline;}
	#contents .contentsbox .news a:hover{text-decoration:none;}






	/**/
	#contents .contentsbox .info .leadtext{padding-bottom:1em;}
	#contents .contentsbox .info h3.leadttl{background:url(../images/content/content_subttl_base.gif) top left repeat-x;height:27px;width:100%;font-size:1em;padding:8px 0px 0px 2px;}
	#contents .contentsbox .info h3.long{background:url(../images/content/content_subttl_lbase.gif) top left repeat-x;height:42px;font-size:1em;padding:8px 0px 0px 2px;line-height: 1.3em;}
	#contents .contentsbox .info h3.llong{background:url(../images/content/content_subttl_llbase.gif) top left repeat-x;height:57px;font-size:1em;padding:8px 0px 0px 2px;line-height: 1.3em;}
	/**/
	#contents .contentsbox .btn{float:right;}
	#contents .contentsbox .subbtn{text-decoration: underline;color:#990033;padding-top: 1em;cursor: pointer;padding-left: 25px;}



	#contents .contentsbox .btn1{float:right;}
	#contents .contentsbox .btn2{float:right;}
	#contents .contentsbox .btn3{float:right;}

	#contents .contentsbox .info .morebox1{overflow:hidden;height:0px;padding-left:25px;}
	#contents .contentsbox .info .morebox2{overflow:hidden;height:0px;padding-left:25px;}
	#contents .contentsbox .info .morebox3{overflow:hidden;height:0px;padding-left:25px;}



	/********************************************************/
 	/*discograpy*/
	#contents #category{display:none;}




	#content{overflow:hidden;}


	/********************************************************/
 	/*discograpy*/
	#contents #discography{clear:both;width:650px;position:relative;
	font-family:"FOT-マティス Pro M";}

	#contents #discography .discbox{clear:both;width:650px;background:url(../images/content/content_dot_yoko.gif) bottom left repeat-x;}
	#contents #discography .discbox .discinner{width:650px;background:url(../images/content/content_dot_tate.gif) 325px top repeat-y;}
	#contents #discography .noline{background:none;}

	#contents #discography .discinfo{float:left;padding-top:20px;padding-bottom:20px;}
	#contents #discography .leftdisc{width:300px;padding-right:25px;}
	#contents #discography .rightdisc{width:300px;padding-left:25px;}

	#contents #discography .discinfo h3{clear:both;font-size:1.167em;font-family:"FOT-マティス Pro DB";}
	#contents #discography .discinfo h3.owl {background:url(../images/content/discography/ico_owl.gif) left 0px no-repeat;padding:6px 0px 8px 15px;}
	#contents #discography .discinfo h3.epic {background:url(../images/content/discography/ico_epic.gif) left 0px no-repeat;padding:8px 0px 6px 16px;}
	#contents #discography .discinfo h3.ind {background:url(../images/content/discography/ico_indies.gif) left 0px no-repeat;padding:6px 0px 8px 16px;}




	#contents #discography .discinfo .jacket{float:left;width:105px;}
	#contents #discography .discinfo .jacket img{padding-bottom:2px;}
	#contents #discography .discinfo .jacket p{font-size:0.750em;font-family:"FOT-マティス Pro M";padding-left:2px;line-height:1.3em;}

	#contents #discography .discinfo .infobox{float:left;width:190px;}

	#contents #discography .discinfo .infobox p{padding-bottom:1em;font-size:0.833em;line-height:1.6em;}
	#contents #discography .discinfo .infobox span{font-size:0.750em;}
	#contents #discography .discinfo .infobox em{font-weight:normal;color:#990033;}


	/********************************************************/
 	/*profile*/
	#profile{clear:both;width:668px;position:relative;background:url(../images/content/content_profile_bg.jpg) 2px 37px no-repeat;}
	#profile h2{padding-left:10px;}
	#profile h3{padding:140px 0px 15px 23px;}
	#profile p{width:622px;font-family:"FOT-マティス Pro M";font-size:0.917em;padding-left:23px;line-height:1.7em;}



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

















