@charset "utf-8";

#contents .KikePro-display {
	margin: 0 0 16px;
	padding: 0 0 0;
	height: 100%;
}

#contents .KikePro-display .bg {
	background: url(../../../images/jp/playlist/display_bg_02.png) repeat-y;
}

#contents .KikePro-display .bg strong{color: #EB6100;}

#contents .KikePro-display .bg .bg-btm {
	clear: both;
	width: 100%;
	height: 8px;
	background: url(../../../images/jp/playlist/display_bg_03.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#contents .KikePro-display .bg #KikePro-navi {
	float: left;
	display: inline;
	width: 215px;
}

#contents .KikePro-display .bg #KikePro-contents {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 716px;
}



#contents .KikePro-display .bg #KikePro-info {
	float: right;
	display: inline;
	margin: 23px 0 -8px;
	width: 218px;
}

/* Navi
========================================== */
#contents .KikePro-display .bg #KikePro-navi h3 {
	margin: 0 0 10px;
	height: 38px;
	background: url(../../../images/jp/kikeruprogram/navi_title.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#contents .KikePro-display .bg #KikePro-navi select{width: 100%;margin: 10px 0 0 0; border:solid 1px #C4E6EA; padding:3px 0px 3px 3px;}
#contents .KikePro-display .bg #KikePro-navi ul {margin: 0 14px 18px;}
#contents .KikePro-display .bg #KikePro-navi ul li {margin: 0 0 10px;height: 100%;font-size: 92.4%;line-height: 1.335;}

#contents .KikePro-display .bg #KikePro-navi ul li a {
	display: block;
	padding: 2px 7px 2px 22px;
	background:  url(../../../images/jp/common/ico_arrow02.gif) no-repeat 7px 5px;
}

#contents .KikePro-display .bg #KikePro-navi ul li.selected a {
	background-color: #C4E6EA;
}

	/* Navi Hierarchical
	========================================== */
	#contents .KikePro-display .bg #KikePro-navi li
	{
		clear:both;
	}
	/* フォルダーの中身を包むul */
	#contents .KikePro-display .bg #KikePro-navi ul ul{
		margin-right:0px;
		margin-top:5px;
		margin-bottom:5px;
	}
	/* フォルダー内アイテムの文字が小さくなるのを防止 */
	#contents .KikePro-display .bg #KikePro-navi li li{
		font-size:100%;
	}
	#contents .KikePro-display .bg #KikePro-navi li a{
		margin-bottom:5px;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.folder a{
		cursor:pointer;
		width:155px;
		float:left;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.folder.open a{
		background:  url(../../../images/jp/common/ico_arrow02_down.gif) no-repeat 5px 7px;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.item a
	{
		width:155px;
		float:left;
		background: url(../../../images/jp/common/playlisticon.gif) no-repeat 5px 5px;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.folder ul li a{
		width:140px;
		background: url(../../../images/jp/common/playlisticon.gif) no-repeat 5px 5px;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.item.selected a,
	#contents .KikePro-display .bg #KikePro-navi ul li.folder.open ul li.item.selected a{
		background: #C4E6EA url(../../../images/jp/common/playlisticon.gif) no-repeat 5px 5px;
	}
	#contents .KikePro-display .bg #KikePro-navi ul li.item a,
	#contents .KikePro-display .bg #KikePro-navi ul li.folder.open ul li.item a{
		background: url(../../../images/jp/common/playlisticon.gif) no-repeat 5px 5px;
	}	


/* Contents
========================================== */

#contents .KikePro-display .bg #KikePro-contents p{
	padding: 5px 15px 5px;
	clear:both;
}
#contents .KikePro-display .bg #KikePro-contents .h2-block {
	margin: 0px 0px 5px 0px;
	padding: 1px 0 5px 0;
	abackground: #FFF;
}
#contents .KikePro-display .bg #KikePro-contents h2 {
	margin: 5px 0 5px;
	padding: 6px 12px 5px;
	background: url(../../../images/jp/kikeruprogram/h2bg.png) no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.143;
}
#contents .KikePro-display .bg #KikePro-contents h3 {
	margin: 5px 15px 5px;
	padding: 3px 10px 2px;
	background: url(../../../images/jp/info/bg_customer_service.gif);
	background-repeat:repeat-y;
	color: #006699;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.3;
}
#contents .KikePro-display .bg #KikePro-contents h4 {
	margin: 5px 15px 5px;
	padding: 3px 10px 2px;
	color: #EB6100;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.3;
}
#contents .KikePro-display .bg #KikePro-contents hr {width:90%;margin: 10px 0;}
#contents .KikePro-display .bg #KikePro-contents ul {margin:5px 15px 5px 50px;}
#contents .KikePro-display .bg #KikePro-contents ol {margin-left:30px;margin-top:0.5em;margin-bottom:0px}
#contents .KikePro-display .bg #KikePro-contents li {list-style-type:circle}
#contents .KikePro-display .bg #KikePro-contents img.illust {margin-right:10px; margin-bottom:10px; float:left;}
#contents .KikePro-display .bg #KikePro-contents img.header-image {margin-bottom:5px; border:none; width:715px;}
#contents .KikePro-display .bg #KikePro-contents img.NotAvailable {margin-top:3px}
#contents .KikePro-display .bg #KikePro-contents img.PlayButtonEnabled {margin-top:3px; cursor:pointer;}
#contents .KikePro-display .bg #KikePro-contents img.PlayButtonDisabled {margin-top:3px}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info {margin-bottom:10px}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info td {}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info td.player {width:180px; text-align:center}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info td.desc {width:530px;}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info .tracklistbox {margin-top:3px;width:180px;height:150px;overflow-y:auto;overflow-x:hidden;background-color:black;text-align:left}
#contents .KikePro-display .bg #KikePro-contents table.repertoire-info .listitem {width:174px;margin:3px;margin-right:30px;border-bottom:1px dotted #CCCCFF;color:#CCCCFF;font-size:10px;}
#contents .KikePro-display .bg #KikePro-contents .generic-header-div {text-align:center; padding:30px; font-size:150%; font-weight:bold; color:#EB6100}
#contents .KikePro-display .bg #KikePro-contents .notfound-message {text-align:center; padding:100px 0 0; font-weight:bold; color:#EB6100}
#contents .KikePro-display .bg #KikePro-contents .version-message {text-align:center; padding:5px 0 15px; font-weight:bold; color:#EB6100}



/* Label Intro
========================================== */
#contents .KikePro-display .bg #KikePro-contents .stageinfo {
	margin: 0 0 8px;
	padding: 8px;
	height: 100%;
	border: 1px solid #EEECE3;
	background: #FFF url(../../../images/jp/label/label-intro_bg_01.png) no-repeat 100% 0;
}

#contents .KikePro-display .bg #KikePro-contents .stageinfo:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .KikePro-display .bg #KikePro-contents .stageinfo .logo {
	float: left;
	display: inline;
	width: 176px;
	text-align: center;
}

#contents .KikePro-display .bg #KikePro-contents .stageinfo .detail {
	float: right;
	display: inline;
	width: 700px;
}

#contents .KikePro-display .bg #KikePro-contents .stageinfo .detail h3 {
	margin: 0 0 5px;
	color: #8D1DBC;
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1.112;
}

#contents .KikePro-display .bg #KikePro-contents .stageinfo .detail p {
	margin: 0;
	line-height: 1.666;
}