@charset "utf-8";
/* Composer CSS*/
.list{	margin-bottom: 10px;}
.list ul{
	display: inline-block;
	}

.list li{
	display: inline-block;
	padding-left: 10px;
	border-left: #dcdcdc thin solid;
	}
.alphabet{	margin-bottom: 10px;}
.alphabet li{
	display: inline-block;
	padding-left: 5px;
	}

#composer-name{
	background-color:#ffffff;
	color:#000000;
	border-left: 5px solid #800000;
	padding-left: 5px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-family: 'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	}
	#composer-name .name_jp{
		background: none;
		color: #000000;
		clear:both;
		margin:0 auto;
		font-size:x-large;
		}
		#composer-name .name_en{
			background: none;
			font-weight:bold;
			font-style:italic;
			font-size:medium;
			margin:5px auto;
			}
		#composer-name .misc{
			font-weight: normal;
			font-style: normal;
			font-size: medium;
			}

#figure{
		float:left;
		margin:5px 15px 5px 0;
		}

.composer-image{
	float: left;
	margin:10px;
}
.composer-image img{
			min-height:120px;
			max-height: 150px;
			}
#tabs{
		color: #000000;
		font-size: small;
		}
#tabs a:link{ color : #800000;}
#tabs a:hover { color: #800000; }
#tabs a:active{ color: #800000; }
#tabs #tabs-1{min-height: 200px;}
#tabs #tabs-2{min-height: 200px;}
#tabs #tabs-3{min-height: 200px;}
#tabs .texts{
		font-size: medium;
		min-height: 200px;
		}
#tabs .refer{
		font-size: small;
		margin-top: 10px;
		}

.appendSelected{
	font-weight: bold;
	text-align: right;
	}

.appendBase{
	font-size: medium;
	margin:10px 10px 0 10px;
	color: #800000;
	cursor: pointer;
	}


.label-friends{
		font-size: small;
		background: none;
		margin-left: 2px;
		margin-top: 5px;
		border-left:thick solid #800000;
		border-bottom:thin solid grey;
		font-weight:bold;
		}
#friends{
		font-size: small;
		}
#friends span{
			font-size: x-small;
			}

#list{
	clear:both;
	width: 100%;
	}
	#list h2{
		margin-bottom: 2px;
		}
	#list .icon{
	padding: 5px;
	margin:5px;
		}

	#list .formation-box{
		height:auto;
		overflow:auto;
		padding:5px;
		scrollbar-3dlight-color:#ffffff;
		scrollbar-arrow-color:#999999;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-face-color:#ffffff;
		scrollbar-highlight-color:#ffffff;
		scrollbar-shadow-color:#ffffff;
		scrollbar-track-color:#ffffff;
		}
		#list .formation-box .genre-label{
			border:1px #a9a9a9 dashed;
			background:#eee;
			padding: 2px 10px;
			font-size:small;
			font-weight:bold;
			}
			#list .formation-box .genre-label span{
				font-weight:normal;
				}
	#list > section > .formation-box >
.marginleft135{
	margin-left:135px;margin-right:15px;
	}

.t2{
 	font-size:11pt;
 	background:url('/img/icon_hanyou.gif') 0px 4px no-repeat;
 	margin-bottom:5px;
 	padding-left:20px;
 	margin-left:10px
 	}

 	.t2 span{
		font-weight:normal;
		font-size:10pt;
		padding:1px;
		}

.shippitsu{
	float:right;
	font-size:10pt;
	}

.piece-box{
	padding:5px 10px;
	}

	.piece-box div{
		font-size:medium;
		border-bottom:solid 1px #ccc;
		padding:5px 0 5px 18px;
		background:url('../img/icon_arrow.gif') no-repeat;
		background-position : 0px 10px;
		}

		.piece-box div:hover{
			display:block;
			background:#F9FFF8 url('../img/icon_arrow.gif') no-repeat;
			background-position : 0px 10px;
			}


	.piece-box img{
		padding:0 3px;
		vertical-align:middle;
		}

	.piece-box span a{
		padding:2px;
		border:thin solid #800000;
		font-size:xx-small
		}

/*.kyokumoku2 a{display:block;width:100%;height:100%;}*/

.wrapper{
	width:auto;
	}


.list01{
	font-size:8pt;
	}

	.list01 img{
		vertical-align:middle;padding:0 3px 0 15px;
		}

.t1 small{
	font-size:14pt;
	padding-left:20px;
	}

#country-list-box{
	font-size: small;
	border:#800000 solid thin;
	padding: 10px;
	background: -webkit-linear-gradient(rgba(255,92,92,0.21) 14.9%, rgba(207,80,80,0.26) 88.74%);
	}
#composer-list-box{
	clear:both;
	margin-top: 10px;
	font-size: medium;
	}
	#composer-list-box span{
		font-size: x-small;
		}
	#composer-list-box #error{
		font-weight: bold;
		border: #ff0000 thin solid;
		text-align: center;
		vertical-align: middle;
		padding: 20px;
		margin: 20px;
		}
	#composer-list-box .paginator{
		font-size: small;
		}
		#composer-list-box .paginator span{
			font-size: small;
			}