/* commetalk ------------------------------ */


/* commetalkCommon */


/* commetalkCommetalkList */
body#commetalk .commetalkList{
	width: 948px ;
	margin: 0 auto 20px ;
	position: relative ;
}

body#commetalk .commetalkList ul{ margin: 0 ; }
body#commetalk .commetalkList ul li{ width: 474px ; float: left ; }
body#commetalk .commetalkList ul li .unit{ width: 470px ;overflow: hidden ; margin: 0 auto 4px ;}
body#commetalk .commetalkList ul li .unit p{ margin-bottom: 5px ; }

body#commetalk .commetalkList ul li .unit p.img{
	float: left ;
	width: 200px ;
	height: 100px ;
	border: 3px solid #cfcfd5 ;
	overflow: hidden ;
	margin-bottom: 0 ;
}

body#commetalk .commetalkList ul li .unit p.img img{
}

body#commetalk .commetalkList ul li .unit p.txt{
	line-height: 1.5 ;
	width: 250px ;
	float: right ;
	padding: 5px 5px 0 0 ;
}

body#commetalk .commetalkList ul li .unit p.txt em{font-weight: bold ;}
body#commetalk .commetalkList ul li .unit p.txt .personality{color: #666666 ;font-size: 10px ;line-height: 2 ;}
body#commetalk .commetalkList ul li .unit.hover p.txt .personality{color: #e4e4e4 ;}


/* commetalkBacknumber */
body#commetalk .backnumber{
	width: 948px ;
	margin: 0 auto 20px ;
}

body#commetalk .backnumber ul{ margin: 0 ; }
body#commetalk .backnumber ul li{ width: 316px ; float: left ; }
body#commetalk .backnumber ul li .unit{ width: 312px ;overflow: hidden ;  margin: 0 auto 4px ;}
body#commetalk .backnumber ul li .unit p{ margin-bottom: 5px ; }

body#commetalk .backnumber ul li .unit p.img{
	float: left ;
	width: 100px ;
	height: 100px ;
	border: 3px solid #cfcfd5 ;
	overflow: hidden ;
	margin-bottom: 0 ;
}

body#commetalk .backnumber ul li .unit p.img img{
}

body#commetalk .backnumber ul li .unit p.txt{
	line-height: 1.5 ;
	width: 190px ;
	float: right ;
	padding: 5px 5px 0 0 ;
}

body#commetalk .backnumber ul li .unit p.txt em{font-weight: bold ;}
body#commetalk .backnumber ul li .unit p.txt .personality{color: #666666 ;font-size: 10px ;line-height: 2 ;}
body#commetalk .backnumber ul li .unit.hover p.txt .personality{color: #e4e4e4 ;}





/* playerList ------------------------------ */


ul.playerList{
	background: url(/img/dot.gif) repeat-x left top ;
	overflow: hidden ;
	padding-top: 5px ;
	margin-bottom: 10px ;
}

body#commetalkDetail ul.playerList{ width: 720px ;}
body#player ul.playerList{ width: 640px ;}

ul.playerList li{
	background: url(/img/dot.gif) repeat-x left bottom ;
	padding-bottom: 5px ;
	margin-bottom: 5px ;
}

body#commetalkDetail ul.playerList li{ width: 720px ;}
body#player ul.playerList li{ width: 640px ;}

ul.playerList li .unit{
	overflow: hidden ; 
	background: url(/img/iconArrow04.gif) no-repeat right center ;
	padding-right: 20px
}

body#commetalkDetail ul.playerList li .unit{ width: 700px ;}
body#player ul.playerList li .unit{ width: 620px ;}

ul.playerList li .unit p{ margin: 0 ; }

ul.playerList li .unit p.img{
	width: 300px ;
	height: 120px ;
	border: 3px solid #cfcfd5 ;
	float: left ;
	overflow: hidden ;
}

ul.playerList li .unit p.img img{
	width: 300px ;
	height: 120px ; /* 後ほど削除 */
}

ul.playerList li .unit p.txt{
	line-height: 1.5 ;
	float: right ;
	padding: 5px ;
}

body#commetalkDetail ul.playerList li p.txt{ width: 380px ;}
body#player ul.playerList li p.txt{ width: 300px ;}

ul.playerList li .unit p.txt em{
	font-weight: bold ;
	line-height: 1.5 ;
	display: block ;
	margin-bottom: 5px ;
}

ul.playerList li .unit p.txt em span{
	margin-right: 5px ;
}

ul.playerList li .unit.cr{background: #e2e2ea url(/img/iconArrow04_cr.gif) no-repeat right center ;}
ul.playerList li .unit.cr p.img{border: 3px solid #e2e2ea ;}
ul.playerList li .unit.cr p.txt{background: url(/img/txtPlaying.gif) no-repeat right top ;}





 /* commetalkDetail ------------------------------ */


/* commetalkDetailCommon */


/* commetalkDetailLead */
body#commetalkDetail .lead{
	line-height: 1.5 ;
	width: 720px ;
	margin-bottom: 20px ;
}





/* player ------------------------------ */


/* playerCommon */


/* player */

body#player .playerFlash{
	margin-bottom: 10px ;
}

body#player .lead{ margin: 10px ;}
body#player .lead p{ line-height: 1.5 ;}

body#player #sidePlayer .annotation{
	line-height: 1.5 ;
	width: 280px ;
	height: 470px ;
	overflow: auto ;
	background: #fff ;
	padding: 10px 0 ;
	margin: 5px 5px 0 ;
}

body#player #sidePlayer .annotation.non{
	height: auto ;
}

body#player #sidePlayer .annotation dl{
	background: url(/img/dot.gif) repeat-x left bottom ;
	padding-bottom: 10px ;
	margin-bottom: 10px ;
}

body#player #sidePlayer .annotation dl dt{
	font-weight: bold ;
	background: url(/img/iconArrow01.gif) no-repeat 0 3px ;
	padding-left: 8px ;
	margin: 0 10px 3px ;
}

body#player #sidePlayer .annotation dl dd span{
	color: #666666 ;
	font-size: 10px ;
	padding: 0 5px 5px 15px ;
}

body#player #sidePlayer .annotation dl dd span.time{ background: url(/img/iconTime.gif) no-repeat ;}
body#player #sidePlayer .annotation dl dd span.url{ background: url(/img/iconUrl.gif) no-repeat ;}
body#player #sidePlayer .annotation dl dd span.commepedia{ background: url(/img/iconLinkBrank.gif) no-repeat ;}

body#player #sidePlayer .annotation dl dd{ margin: 0 10px ;  }

body#player #sidePlayer .annotation dl dd .annotationBody{ margin-top: 3px ; }

body#player #sidePlayer .annotation dl dd ul.annotationIcon{margin-top: 5px ;}

body#player #sidePlayer .annotation dl dd ul.annotationIcon li{
	display: inline ;
}

body#player #sidePlayer .annotation .note a{ padding: 3px 5px 10px 17px; }

body#player #sidePlayer .annotation.non p{ margin: 0 10px 10px 10px ; }