@charset "EUC-JP";

/*----------------------------------------------------------------

	1 #cpop

	2 #cpopHeader

	3 #cpopSection

	4 .cpopInfoArea

	5 .cpopCopy

----------------------------------------------------------------*/

/* 1 #cpop
========================================== */
div#cpop { width: 715px;}

/* 2 #cpopHeader
========================================== */
div#cpopHeader {
	position: relative;
	width: 715px;
	height: 228px;
	/*height: 357px;*/
	/*background: url(/etc/drama/cpop/img/common/header_back.jpg) no-repeat scroll 0 0 transparent; */
	background: url(/etc/drama/cpop/img/common/header_back_type2.jpg) no-repeat scroll 0 0 transparent;
	padding-bottom: 4px;
}

div#cpopHeader h1 {
	position:absolute;
	top:47px;
	left:9px;
	width: 461px;
	height:170px;
}

div#cpopHeader p#cpopLead {
	position:absolute;
	top:50px;
	left:478px;
	width: 228px;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	font-weight: bold;
}

div#cpopHeader img#cpopHeaderMark {
	position:absolute;
	top:-9px;
	left:1px;
	width: 91px;
	height:89px;
}

div#cpopHeader ul#tvContents {
	position:absolute;
	top:271px;
	left: 25px;
}

div#cpopHeader ul#tvContents li.tvContent {
	width: 207px;
	padding-left:19px;
	height:78px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #808080;
}


/* 3 #cpopSection
========================================== */
div.cpopSection {
	clear:both;
    background: url(/etc/drama/cpop/img/common/back_sec.jpg) repeat-y scroll 0 0 transparent;
	width: 715px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

div.cpopSection div.cpopContent  {
	width: 699px;
	margin-left:8px;
    background: url(/etc/drama/cpop/img/common/back_con.jpg) repeat-y scroll 0 0 transparent;
	margin-bottom: 9px;
}

div.cpopSection div.cpopContent h3  {
	background: url(/etc/drama/cpop/img/common/obi_con.jpg) no-repeat scroll 0 0 transparent;
	width: 676px;
	height:23px;
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
	font-weight: bold;
	padding-left:23px;
	margin-bottom:10px;
}
div.cpopSection div.cpopContent a.cpopConLeft  {
	float:left;
	margin: 0 16px 10px 12px;
}
div.cpopSection div.cpopContent a.cpopConLeft img {
	padding:1px;
	width: 160px;
	height:117px;
}
div.cpopSection div.cpopContent a.cpopConLeft:link { border: 1px solid #989898;}
div.cpopSection div.cpopContent a.cpopConLeft:visited { border: 1px solid #ffb680;}
div.cpopSection div.cpopContent a.cpopConLeft:hover { border: 1px solid #ff6c00;}
div.cpopSection div.cpopContent a.cpopConLeft:active { border: 1px solid #C00;}

div.cpopSection div.cpopContent div.cpopConRight  {
	float:left;
	width: 490px;
}

div.cpopSection div.cpopContent div.cpopConRight h4  {
	font-size: 12px;
	line-height: 16px;
	color: #f27102;
	font-weight: bold;
}

div.cpopSection div.cpopContent div.cpopConRight p  {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	border-bottom: 2px dotted #a3a3a3;
	padding-bottom:6px;
	margin-bottom:6px;
}

div.cpopSection div.cpopContent div.cpopConRight p.cpopConRightLast  {
	border-bottom: none;
}

div.cpopSection div.cpopContent ul.SpButton  {
	clear:both;
	width: 699px;
	height:30px;
	background: url(/etc/drama/cpop/img/common/bottom_con.jpg) no-repeat scroll 0 0 transparent;
	text-align:center;
	padding-top:5px;
}
div.cpopSection div.cpopContent ul.SpButton li  {
	display:inline;
	padding:0 5px;
}

div.cpopSection div.cpopEtc  {
	width: 699px;
	margin-left:8px;
	margin-bottom:8px;
}
div.cpopSection div.cpopEtc h3 {
	width: 699px;
	height:21px;
	background: url(/etc/drama/cpop/img/common/obi_etc.jpg) no-repeat scroll 0 0 transparent;
	text-align:center;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	font-weight: bold;
	margin-bottom:9px;
}

div.cpopSection h3.monthNumber {
	width: 715px;
	height:21px;
	background: url(/etc/drama/cpop/img/common/obi_etc.jpg) no-repeat scroll center transparent ;
	text-align:center;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	font-weight: bold;
	margin-bottom:9px;
}

div.cpopSection div.cpopEtc ul.cpopArtist {
	width: 699px;
}
div.cpopSection div.cpopEtc li {
	width: 168px;
	float:left;
	padding-right:9px;
	text-align:center;
	font-size: 12px;
	line-height: 21px;
	color: #666666;
}
div.cpopSection div.cpopEtc li.cpopArtistLast {
	padding-right:0px;}

div.cpopSection div.cpopMonthNavi {
	width: 697px;
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #fff899;
	border:1px solid #cccccc;
	padding:6px 0;
}

div.cpopSection div.cpopMonthNavi ul.cpopMonthNaviDetail{
	margin-left: 15px;
}

div.cpopSection div.cpopMonthNavi ul.cpopMonthNaviDetail h3{
	padding-right:9px;
	display:inline;
}

div.cpopSection div.cpopMonthNavi ul.cpopMonthNaviDetail li{
	padding:0;
	padding-right:9px;
	display:inline;
}

/* 4 .cpopInfoArea
========================================== */

div.cpopInfoArea {
	width: 715px;
	text-align:center;
	background-color: #808080;
	padding-bottom:6px;
	margin-bottom:4px;
}
	
div.cpopInfoArea h2 {
	width: 715px;}

div.cpopInfoArea div.cpopInfo {
	display:inline;
	width: 341px;
	height: 81px;
	padding:0 3px;
}



/* 5 .cpopCopy
========================================== */
p.cpopCopy {
	font-size: 10px;
	color: #808080;
	margin-bottom:4px;
	text-align:right;
}


/* 6 .cpopBanner
========================================== */
div.cpopBanner {
	margin: 2px 0 6px;
}