/* プレイヤーエリア */
#contents #main #player{
	margin: 0 0 20px;
	position: relative;
}
#contents #main #player #player_left{
	width: 112px;
	float: left;
}
#contents #main #player #player_left h2{
	margin: 0 0 5px;
}
#contents #main #player #player_left p{
	margin: 0 0 5px;
}
#contents #main #player #player_left p.icon{
	margin: 0 0 15px;
}
#contents #main #player #player_left p.user_name{
	font-size: 11px;
	text-align: center;
}
#contents #main #player #player_left p.user_name span{
	display: block;
	width: 40px;
	margin: 0 auto 15px;
	text-align: center;
	color: #FFF;
	background: #78c71e;
}
#contents #main #player #player_left p.icon_saiyou{
	margin: 75px 0 0;
}

#contents #main #player #player_left div.btns{
	position: absolute;
	bottom: 0;
	width: 112px;
	height: 200px;
}
#contents #main #player #player_left div.btns p{
	position: absolute;
}
#contents #main #player #player_left div.btns p.btn_collabo{
	top: 0px;
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_album{
	top: 41px;
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_nice{
	top: 82px;
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_damkashi{
	top: 123px;
	width: 112px;
}

#contents #main #player #player_left ul.btn_kiseki{
	position: absolute;
	bottom: 0px;
	background: url(/images/damtomo/streaming/kiseki_bg.png) no-repeat;
	width: 74px;
	height: 28px;
	padding: 8px 0 0 38px;
}
#contents #main #player #player_left ul.btn_kiseki li{
	float: left;
	width: 32px;
	margin: 0 3px 0 0;
}

#contents #main #player #player_right{
	width: 640px;
  min-height: 530px;
	float: right;
	position: relative;
	overflow: hidden;
	background: #EFFAE1;
}
#contents #main #player #player_right #damtomoStream{
	margin: 250px 0 0;
	text-align: center;
}
#contents #main #player #player_right .guest{
	margin: 230px 0 0;
	text-align: center;
}
#contents #main #player #player_right .guest p{
	margin: 0 0 10px;
}
#contents #main #player #player_right object{
	background: #000;
}

/* コメント */
#contents #main #public_comment{
	margin: 0 0 20px;
}
#contents #main #public_comment p{
	line-height: 23px;
	background: url(/damtomo/includes/images/icon/icon_comment.png) top left no-repeat;
	border-bottom: 1px solid #9e9e9e;
	padding: 0 0 0 80px;
}

/* 詳細情報 */
#contents #main #info{
	border: 1px solid #9e9e9e;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}
#contents #main #info .song_title{
	font-weight: bold;
	font-size: 16px;
}
#contents #main #info .song_artist{
	font-weight: bold;
	font-size: 16px;
}
#contents #main #info p a{
	color: #000;
}
#contents #main #info .etc p{
	display: inline;
	margin: 0 30px 0 0;
	font-size: 11px;
}
#contents #main #info .icon_machine{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#contents #main #info .sns_box{
	margin: 10px 0 0;
}
#contents #main #info .sns_box .facebook{
	float: left;
}
#contents #main #info .sns_box .twitter{
	float: left;
}
#contents #main #StreamViolationLink{
	text-align: right;
	margin: 5px 0 0;
}
#contents #main .mid02{
	margin: 20px 0 35px;
}

/* DAM歌詞 */
#contents #main #player #player_right .kashi01{
	position: absolute;
	left: -320px;
	top: 0px;
	z-index: 100;
	background: #fff;
	width: 260px;
	height: 534px;
	overflow-y: scroll;
}
body.xbox #contents #main #player #player_right .kashi01{
	height: 360px;
}
#contents #main #player #player_right .kashi01 #LyricViewer{
	background: #f1f1f1;
}

#contents #main #player #player_right .kashi01 #midashit{
	display: none;
}
#contents #main #player #player_right .kashi01 .kashikashi .kashitt{
	display: none;
}
#contents #main #player #player_right .kashi01 .kashikashi #kashinaiyou{
	position: relative;
	width: 320px;
}
#contents #main #player #player_right .kashi01 .kashikashi #kashinaiyou h3{
	position: absolute;
	right: -32px;
	top: 0px;
	cursor: pointer;
}



/* 精密採点 */
#contents #main .seimitsu{
	width: auto;
	float: none;
	border: 1px solid #9e9e9e;
	margin: 20px 0 35px;
	padding: 0 0 20px;
}
#contents #main .seimitsu #midashis .info{
	width: auto;
}
#contents #main .seimitsu #midashis{
	position: relative;
}
#contents #main .seimitsu #midashis h3{
	/*background: url(/images/damtomo/streaming/h3_bg.jpg);*/
	background: #ed7c00;
	height: 29px;
	padding: 0 20px;
}
#contents #main .seimitsu #midashis #btn_detail{
	position: absolute;
	top: 3px;
	right: 10px;
	height: 23px;
	line-height: 23px;
	color: #78c71e;
	width: auto;
	text-align: center;
}
#contents #main .seimitsu #midashis #btn_detail a{
	display: block;
	height: 23px;
	line-height: 23px;
}
#contents #main .seimitsu table.sei{
	width: 720px;
	margin: 20px auto 0;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	border-top: thin dotted #CCC;
}
#contents #main .seimitsu table.sei tr{
}
#contents #main .seimitsu table.sei th{
	padding: 5px 10px;
	font-size: 12px;
	background: #f0fae1;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #CCC;
}
#contents #main .seimitsu table.sei td{
	padding: 5px 10px;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px dotted #CCC;
}
#contents #main .seimitsu table.sei td a{
	color: #45a30d;
	text-decoration: underline;
}
#contents #main .seimitsu table.sei td.kasyotype a{
	color: #45a30d;
}

/* 精密採点モーダル */
.seimitsuDetailBg{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background: #FFF;
	filter:alpha(opacity=90);
	opacity: 0.90;
	z-index: 100;
	visibility: hidden;
}
.seimitsuDetail{
	position: absolute;
	width: 720px;
	left:50%;
	margin-left:-360px;
	z-index: 100;
	visibility: hidden;
}

.seimitsuDetail .btnClose{
	text-align: right;
	margin: 0 0 5px;
}
.seimitsuDetail .seimitsuDetailInner{
	width: 720px;
	margin: 0 auto;
	color: #FFF;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader{
	background: #04070b;
	margin: 0 0 10px;
	padding: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft{
	width: 360px;
	float: left;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore p{
	text-align: center;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore p span{
	margin: 0 0 0 -5px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight{
	width: 320px;
	float: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore{
	text-align: center;
	margin: 20px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore dl dt{
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore dl dd{
	font-size: 22px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar{
	margin: 10px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .totalScoreBar{
	height: 17px;
	width: 320px;
	background: url(/images/damtomo/streaming/seimitsu/blue_bar_bg.png) no-repeat;
	margin: 0 0 3px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .totalScoreBar span{
	display: block;
	background: url(/images/damtomo/streaming/seimitsu/blue_bar.png) repeat-x;
	height: 17px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .averageScoreBar{
	height: 13px;
	width: 320px;
	background: url(/images/damtomo/streaming/seimitsu/red_bar_bg.png) no-repeat;
	margin: 0 0 3px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .averageScoreBar span{
	display: block;
	background: url(/images/damtomo/streaming/seimitsu/red_bar.png) repeat-x;
	height: 13px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .average dl dt{
	color: #fcf468;
	width: 49%;
	float: left;
	text-align: right;
	font-size: 15px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .average dl dd{
	color: #fcf468;
	width: 49%;
	float: right;
	text-align: left;
	font-size: 15px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle{
	background: #04070b;
	margin: 0 0 10px;
	padding: 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl{
	position: relative;
	margin: 0 0 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dt{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	height: 35px;
	line-height: 35px;
	margin: 5px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 105px;
	height: 35px;
	line-height: 35px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd span{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #ffffff;
	margin: 0 5px 0 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd span a{
	color: #FFF;
	text-decoration: underline;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain{
	background: #04070b;
	margin: 0 0 10px;
	padding: 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval dl{
	margin: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper{
	background: #333;
	height: 100px;
	background: url(/images/damtomo/streaming/seimitsu/intervalGraph_bg.png) no-repeat;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraph{
	width: 686px;
	height: 100px;
	margin: 0 0 0 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive dl{
	margin: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive #expressiveGraphWrapper{
	background: #333;
	height: 100px;
	background: url(/images/damtomo/streaming/seimitsu/intervalGraph_bg.png) no-repeat;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive #expressiveGraphWrapper #expressiveGraph{
	width: 686px;
	height: 100px;
	margin: 0 0 0 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainLeft{
	width: 370px;
	float: left;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainRight{
	width: 330px;
	float: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl{
	position: relative;
	margin: 0 0 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dt{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	height: 35px;
	line-height: 35px;
	margin: 5px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 105px;
	height: 35px;
	line-height: 35px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoScore{
	position: absolute;
	top: 30px;
	left: 20px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime{
	position: absolute;
	top: 60px;
	left: 20px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime span{
	font-size: 16px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount{
	position: absolute;
	top: 60px;
	left: 130px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount span{
	font-size: 16px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTypeImage{
	position: absolute;
	right: 10px;
	top: 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType{
	padding: 60px 0 0 180px;
	text-align: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType span{
	font-size: 12px;
	line-height: 1em;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd{
	padding: 5px 0 0 70px;
	height: 23px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p{
	width: 234px;
	height: 23px;
	background: url(/images/damtomo/streaming/seimitsu/keybord/keybord.png) no-repeat;
	margin: 0px 0 0;
	position: relative;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img{
	position: absolute;
	top: 1px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key1{
	left: 2px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key2{
	left: 8px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key3{
	left: 11px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key4{
	left: 17px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key5{
	left: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key6{
	left: 26px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key7{
	left: 29px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key8{
	left: 39px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key9{
	left: 46px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key10{
	left: 48px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key11{
	left: 55px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key12{
	left: 57px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key13{
	left: 67px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key14{
	left: 73px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key15{
	left: 76px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key16{
	left: 82px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key17{
	left: 85px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key18{
	left: 92px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key19{
	left: 94px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key20{
	left: 104px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key21{
	left: 110px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key22{
	left: 113px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key23{
	left: 120px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key24{
	left: 122px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key25{
	left: 132px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key26{
	left: 138px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key27{
	left: 141px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key28{
	left: 147px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key29{
	left: 150px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key30{
	left: 157px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key31{
	left: 159px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key32{
	left: 169px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key33{
	left: 175px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key34{
	left: 178px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key35{
	left: 185px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key36{
	left: 187px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key37{
	left: 197px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key38{
	left: 203px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key39{
	left: 206px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key40{
	left: 212px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key41{
	left: 215px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key42{
	left: 221px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key43{
	left: 224px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #ffffff;
	margin: 0 5px 0 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span a{
	color: #FFF;
	text-decoration: underline;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .flexibleScore dl dt,
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
	color: #fcf468;
/*
	color: #eebe2d;
	background: -webkit-linear-gradient(#fcf468, #eebe2d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}

