@charset "utf-8";
/* ---------------------------------------------------------
    DrillSpin（一覧、ページャー用CSS）
    URL: http://www.drillspin.com/
    Copyright T.C.FACTORY All Rights Reserved.
------------------------------------------------------------ */

/*つながりリスト*/

.listSection {
	clear:both;
	margin:0 0 20px;
}
.listSection .listHead01 {
	border-bottom:2px solid #000;
	font-weight:bold;
	clear:both;
	position: relative;
	line-height:1.6;
	font-size:15px;
}
.listSection .listHead01 span.more {
	background:url(../../images/db/record/dir01.png) no-repeat 0 50%;
	padding:0 0 0 11px;
	position: absolute;
	right:5px;
	font-size: 95%;
}
/*ただ今出演中用*/
.listSection h3.program {
	font-weight:bold;
	clear:both;
	position: relative;
	line-height:1.6;
	font-size:15px;
}
/*映像・音楽作品一覧用*/
.listSection h2.hTtl {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	position:relative;
}
.listSection h2.hTtl span.blockTtl {
	line-height:1.5;
	padding:0 0 0 0.5em;
	margin:0 0 3px 0;
	border-left:4px solid #8ec31f;
	font-weight:bold;
	font-size:16px;
	display:inline-block;
}
.listSection h2.hTtl .narrow02 {
	position:absolute;
	right:0px;
	bottom:2px;
	display:block;
	line-height:1.5;
}
.listSection ul {
	margin:0 0 25px 0;
}
.listSection ul li {
	padding: 12px 0;
	border-bottom:1px dotted #999999;
	clear:both;
}
.listSection ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.listSection ul li:last-child {
	border:none;
}

/*人物サマリーページ ツールチップポップアップ記述順注意*/
.listSection ul li .cnctRankInner .dscPop {
	display: none;
	position: absolute;
	top:12px;
	left:144px;
	padding:12px;
	color:#FFF;
	font-size:91.7%;
	line-height:1.5;
	width:20em;
	word-wrap: break-word;
	border-radius: 6px;        /* CSS3 */
	-webkit-border-radius: 6px;    /* Safari, Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
}

.listSection ul li .cnctRankInner .dscPop .dscPopTri {
	position: absolute;
	left:-10px;
	top:14px;
}

.listSection ul li .cnctRankInner .dscPop a {
	color:#a6e51a;
}

.listSection ul li .cnctRankInner .dscPop a:hover {
	text-decoration:underline;
}

.listSection ul li.cnctRank {
	width:144px;
	min-height:274px;
	padding:0;
	background-color:#f1f1f1;
	border-right:1px solid #FFF !important;
	border-bottom:1px solid #FFF !important;
	float:left;
	clear:none;
	position:relative;
}

.listSection ul li.cnctRank:hover .dscPop {
	display:block;
	background-color: rgba(69,68,68,0.9);
	z-index:1;
}

.listSection ul li.cnctRank .dscPop .dsc {
	margin:0 0 8px 0;
}

/*ピックアップ*/
.listSection ul li p.pickup {
	text-align:center;
	width:106px;
	background:#EAEAEA;
	float:left;
	margin:0 15px 0 0;
}
.listSection ul li p.pickup img {
	margin:5px;
	max-width:96px;
}
.listSection ul li p.pickupCnct {
	font-size:91.6%;
	margin:0 0 5px 120px;
}
.listSection ul li h3.pickupAct {
	margin:0 0 7px;
	line-height:1.5;
	font-size: 14px;
}
.listSection ul li h3.pickupAct img {
	margin:0 3px 0 0;
	vertical-align:middle;
}
.listSection ul li h3.pickupDsc {
	font-size:100%;
	line-height:1.5;
	margin:0 0 5px 120px;
	word-wrap: break-word;
}
.listSection ul li p.photo {
	width:60px;
	background:#EAEAEA;
	float:left;
}
.listSection ul li p.photo img {
	max-width:60px;
	display: block;
}
.listSection ul li p.age, .listSection ul li p.channel, .listSection ul li p.date {
	font-size:77%;
	margin:0 0 3px 70px;
	color:#666;
}
.listSection ul li p.cnct {
	font-weight:bold;
	font-size: 91.7%;
	line-height: 1.5;
	margin:0 0 2px 70px;
	color: #555555;
}

/*-----コラムスピン一覧用-----*/
.listSection ul li h2.column {
	margin:0 0 0 70px;
	line-height:1.7;
}
.listSection ul li h3.column {
	margin:0 0 5px 70px;
	line-height:1.3;
	font-size:91.7%;
}
/*-----/コラムスピン一覧用-----*/

.listSection ul li h3.movie,
.listSection ul li h3.pkg_ttl,
.listSection ul li h4.pkgTtl,
.listSection ul li h3.act {
	margin:0 0 5px 70px;
	line-height:1.4;
	font-size:15px;
	font-weight:bold;
}
.listSection ul li h3.pkg_ttl img,
.listSection ul li h3.pkg_ttl img,
.listSection ul li h4.pkgTtl img,
.listSection ul li h3.act img {
	margin:0 3px 0 0;
	vertical-align:middle;
}
.listSection ul li blockquote, .listSection ul li p.rls, .listSection ul li p.dsc {
	font-size:91.7%;
	line-height:1.5;
	margin:0 0 0 70px;
	word-wrap: break-word;
}
.listSection ul.happened {
	padding-left: 4.4em;
}
.listSection ul.happened li {
	text-indent: -4.5em;
	border:none;
	font-size: 91.7%;
	line-height: 1.5;
	padding-bottom: 0px;
}
/*TPdetail*/
.listSection ul li .cnctRankHead {
	position:absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(69,68,68,0.9);
}
.listSection ul li .cnctRankHead .ranking {
	font-size:17px;
	font-weight:bold;
	color:#000;
	display:table-cell;
	vertical-align:middle;
	padding:5px 3px 0 10px;
	line-height:1.3;
	min-width: 28px;
}
.listSection ul li .cnctRankHead .tp {
	display:table-cell;
}
.listSection ul li .cnctRankHead .tpPoint {
	display:block;
	font-size:12px;
	color:#FFF;
	padding:3px 5px 2px;
}
.listSection ul li .cnctRankHead .tpPoint:hover {
}
/*つながり力*/
.listSection ul li .cnctRankHead .gauge {
	display:inline-block;
	width:280px;
	height:10px;
	font-size:0;
}
.listSection ul li .cnctRankHead .tp .gauge img {
	height:10px;
	display:inline;
}
.listSection ul li .cnctRankHead .tp .tpBtn {
	float:right;
	font-weight:bold;
	font-size:12px;
	line-height:1.8;
	color:#dd6217;
	padding:0 0 0 10px;
	background:url(../../images/db/record/dir02.png) no-repeat 0 50%;
}
.listSection ul li .cnctRankInner {
	padding:12px;
	overflow:hidden;
}
.listSection ul li .cnctRankInner .cnctRankPhoto {
	width:120px;
	margin:0 0 10px 0;
	position:relative;
}
.listSection ul li .cnctRankInner .cnctRankPhoto img {
	max-width:120px;
	vertical-align:top;
}
.listSection ul li .cnctRankInner h4.artist {
	margin:0;
	word-wrap: break-word;
	word-break: break-all;
}
.listSection ul li .cnctRankInner h4.artist img {
	vertical-align:top;
	margin:0 5px 0 0;
}
.listSection ul li .cnctRankInner h4.artist a {
	color:#000;
	font-size:15px;
	line-height:1.2;
}
.listSection ul li .cnctRankInner h4.artist span.job {
	display:block;
	margin:5px 0 0 0;
	font-size:10px;
}

.listSection ul li .cnctRankInner h4.artist span.dsc {
	display:block;
	margin:5px 0 0 0;
	font-size:10px !important;
    word-break: break-all;
    word-wrap: break-word;
	line-height:1.3;
}

.listSection ul li .cnctRankInner h4.artist span.dsc a {
	margin:5px 0 0 0;
	font-size:11px !important;
	font-weight: normal !important;
    word-break: break-all;
    word-wrap: break-word;
}


/*外部リンクアイコン*/

.listSection ul li p.source {
	margin: 0;
	text-align:right;
}
.listSection ul li p.search {
	margin:0 0 5px 85px;
}
.listSection ul li p.source a, .listSection ul li p.search a {
	background:url(../../images/common/ico_window01.png) no-repeat left 50%;
	padding:0 0 0 20px;
	font-size:91.7%;
}
/*検索結果用リスト*/

.listSection ul li.search144 {
	padding:9px 0;
	border-bottom:1px dotted #999999;
	clear:both;
}
.listSection ul li.search144 p.photo {
	width:144px;
	background:#EAEAEA;
	float:left;
}
.listSection ul li.search144 p.photo img {
	max-width:144px;
	display: block;
}
.listSection ul li.search144 h3.act {
	margin:0 0 7px 154px;
	line-height:1.5;
}
.listSection ul li.search144 p.dsc {
	font-size:91.7%;
	line-height:1.5;
	margin:0 0 0 154px;
	word-wrap: break-word;
}
.listSection ul li.search96 {
	padding:9px 0;
	border-bottom:1px dotted #999999;
	clear:both;
}
.listSection ul li.search96 p.photo {
	width:96px;
	background:#EAEAEA;
	float:left;
}
.listSection ul li.search96 p.photo img {
	max-width:96px;
	display: block;
}
.listSection ul li.search96 h3.act {
	margin:0 0 7px 106px;
	line-height:1.5;
}
.listSection ul li.search96 p.dsc {
	font-size:91.7%;
	line-height:1.5;
	margin:0 0 0 106px;
	word-wrap: break-word;
}


/*つながりゼロ表示用*/
.listSection ul li.relNone {
background: #f1f1f1;
padding: 16px 16px 24px;
}

.listSection ul li.relNone .relNoneInner{

}

.listSection ul li.relNone .relNoneInner .relNoneInfo{
text-align: center;
display: block;
margin: 24px 0;
}

.listSection ul li.relNone .relNoneInner .gotoEdit{
color: #FFF;
text-align: center;
font-size: 24px;
display: block;
padding: 1em 0;
margin: 0 16px 24px;
background: #98c93c;
border-radius: 8px;        /* CSS3 */
-webkit-border-radius: 8px;    /* Safari, Chrome用 */
-moz-border-radius: 8px;   /* Firefox用 */
}

.listSection ul li.relNone .relNoneInner .gotoEdit:hover {
text-decoration: none;
background: #8bc225;
}


/* ---------------------------------------------------------
もっと見る
------------------------------------------------------------ */
.listSection ul li.moreBtn02 {
	text-align:center;
	border-bottom:none;
}
.listSection ul li.moreBtn02 a {
	border: 1px solid #bfdb85;
	display:block;
	text-align:center;
	padding:9px 0 9px 0;
	border-radius: 3px;        /* CSS3 */
	-webkit-border-radius: 3px;    /* Safari, Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	background:#FFF;
}
.listSection ul li.moreBtn02 a:hover {
	background:#eaf7ce;
	text-decoration:none;
}
/* -------------------------------------------------------------------------
    pageNav
   ------------------------------------------------------------------------- */
#contents .pageNav {
	margin:0 0 20px 0;
	line-height:1.5;
	text-align:center;
	color:#999;
	clear:both;
	font-size:0; /* inline-block隙間対策、文字サイズを詰めて隙間を削除 */
}
#contents .pageNav a, #contents .pageNav span {
	display:inline-block;
	padding:4px 8px;
	border:1px solid #CCC;
	background:#F2F2F2;
	font-size:13px; /* 文字サイズを通常に戻す */
	margin:0 2px 0 2px;
}
#contents .pageNav a:hover {
	border:1px solid #CCC;
	background:#618C0A;
	color:#FFF;
}
#contents .pageNav a:link, #contents .pageNav a:visited {
	text-decoration:none;
}

/* -------------------------------------------------------------------------
    connection内（一覧ページ）
   ------------------------------------------------------------------------- */
.connection {
	width:100%;
	float:left;
	margin:0 auto 15px;
	clear:both;
	position:relative;
}
.connection .info {
	margin:0 0 23px;
	line-height:1.8;
}
.connection p.backlist {
	float:right;
}
.connection p.backlist a {
	background:url(../../images/db/record/dir01.png) no-repeat 0 50%;
	padding:0 0 0 11px;
}
/*記事部分*/
.bd, .choice, .tv, .today, .news {
	clear:both;
	padding:0;
	margin:0 0 30px;
	overflow:hidden;
}
.bd .date, .tv .date, .choice .date, .news .date {
	font-size:91.7%;
	margin:0 0 14px;
	float:left;
	color: #777;
}
.bd h2, .tv h2, .news h2 {
	font-weight:bold;
	font-size:18px;
	margin:0 0 5px 0;
	line-height:1.4;
	clear:both;
}
.choice h2 {
	font-weight:bold;
	font-size:18px;
	margin: 0 0 30px;
	line-height:1.4;
	clear:both;
}
.news h2 a {
	margin:0;
}
.bd h3.age {
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px 0;
}
.bd .exp, .choice .exp, .info blockquote, .tv .channel, .today blockquote, .tv blockquote, .news .exp, .news blockquote {
	line-height:1.5;
	margin-bottom:1em;
}
.choice .channel{
	line-height:1.7;
	margin-bottom:1em;
	font-size: 14px;
}

/*記事写真*/
.bd p.photo, .choice p.photo, .info p.photo, .tv p.photo, .today p.photo, .news p.photo {
	background:#EAEAEA;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	max-width:152px;
}
.bd p.photo img, .choice p.photo img, .info p.photo img, .tv p.photo img, .today p.photo img, .news p.photo img {
	max-width:136px;
	margin: 8px;
}
.titleArea .source, .bd .source, .choice .source, .info .source, .tv .source, .today .source, .news .source {
	/*width:420px;*/
    font-size: 77%;
	line-height: 1.5;
	margin: 0 0 0.5em;
	text-align: right;
}
.titleArea .source a, .bd .source a, .choice .source a, .info .source a, .tv .source a, .today .source a, .news .source a {
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:-1px;
	word-spacing:-1px;
	background:url(../../images/common/ico_window01.png) no-repeat right 50%;
	padding:0 15px 0 5px;
}
.moreBtn a {
	background: url(../../images/db/record/more_btn.png) no-repeat;
	width:100px;
	height:22px;
	display:block;
	float: right;
	text-indent: -9999px;
}
.moreBtn a:hover {
	background: url(../../images/db/record/more_btn.png) no-repeat bottom;
}
.tv .tvSummary {
	float:left;
	font-size:15px;
}
.tv dl {
	float:right;
	line-height:1.6;
}
.tv dl dd, .tv dl dt {
	float:left;
}
.tv dl dt {
	white-space:nowrap;
	font-weight:bold;
	margin:0 2px 0 0;
}
.tv dl dd {
	margin:0 20px 0 0;
}
.tv dl dd select {
	padding:0;
}
.choice h3 {
	clear: both;
	padding: 0 0 5px;
	line-height:1.5;
}
.choice h3 span {
	padding:0 0 0 10px;
	border-left:4px solid #8ec31f;
	font-size:18px;
	display:inline-block;
	margin:0 0 8px 0;
}
.choice .leftImg {
	float: left;
	margin-bottom: 15px;
	width: 175px;
}
.choice .leftImg .youtubeTxt {
	line-height: 1.2;
	color: #666;
	margin: 0 15px 15px 0;
}
/* ---------------------------------------------------------
  DrillSpinダイアリ
------------------------------------------------------------ */

.listSection ul li .diaryL {
	float: left;
	width: 98px;
}
.listSection ul li .diaryL p.date {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
}
.listSection ul li .diaryR {
	float: right;
	width: 520px;
}
.listSection ul li .diaryR h3.diary {
	line-height:1.5;
	margin:0 0 4px 85px;
}
.listSection ul li .diaryR h3.diary a {
	color: #000000;
	font-size: 95%;
	font-weight: bold;
}
.listSection ul li .diaryR p.photo {
	background: none repeat scroll 0 0 #EAEAEA;
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
	width: 70px;
}
.listSection ul li .diaryR p.cnct {
	font-size: 77%;
	margin: 0 0 5px 85px;
}
.listSection ul li .diaryR h2 {
	margin: 0 0 7px 85px;
}
.listSection ul li .diaryR p.dsc {
	font-size: 91.7%;
	line-height: 1.5;
	margin: 0 0 5px 85px;
}
/*Drillspin Diary Calender*/

h2.year {
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 15px;
	margin-top: 15px;
}
.calender {
	padding-left: 3px;
	padding-right: 3px;
}
.calender ul.weeks li {
	line-height: 1.5;
	font-weight: bold;
	width: 80px;
	float: left;
	line-height: 2;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	background-color: #ececec;
}
.calender ul.days li {
	width: 80px;
	float: left;
	height: 130px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #ececec;
	position: relative;
}
.calender ul.weeks li.sun, .calender ul.days li.sun {
	background-color: #f9dddd;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
}
.calender ul.weeks li.sat, .calender ul.days li.sat {
	background-color: #dcf0f9;
}
.calender ul.days li p.date {
	height: 30px;
	width: 80px;
	text-indent: -9999px;
}
.calender ul.days li h2 {
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
	position: absolute;
	left: 5px;
	top: 10px;
	width: 80px;
	font-weight: bold;
}
.calender ul.days li p.photo {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}
.calender ul.days li h3.diary {
	height: 2.3em;
	overflow: hidden;
	line-height: 1.2;
}
.calender ul.days li p.day01 {
	background: url("../images/calender/1.png") no-repeat left center transparent;
}
.calender ul.days li p.day02 {
	background: url("../images/calender/2.png") no-repeat left center transparent;
}
.calender ul.days li p.day03 {
	background: url("../images/calender/3.png") no-repeat left center transparent;
}
.calender ul.days li p.day04 {
	background: url("../images/calender/4.png") no-repeat left center transparent;
}
.calender ul.days li p.day05 {
	background: url("../images/calender/5.png") no-repeat left center transparent;
}
.calender ul.days li p.day06 {
	background: url("../images/calender/6.png") no-repeat left center transparent;
}
.calender ul.days li p.day07 {
	background: url("../images/calender/7.png") no-repeat left center transparent;
}
.calender ul.days li p.day08 {
	background: url("../images/calender/8.png") no-repeat left center transparent;
}
.calender ul.days li p.day09 {
	background: url("../images/calender/9.png") no-repeat left center transparent;
}
.calender ul.days li p.day10 {
	background: url("../images/calender/10.png") no-repeat left center transparent;
}
.calender ul.days li p.day11 {
	background: url("../images/calender/11.png") no-repeat left center transparent;
}
.calender ul.days li p.day12 {
	background: url("../images/calender/12.png") no-repeat left center transparent;
}
.calender ul.days li p.day13 {
	background: url("../images/calender/13.png") no-repeat left center transparent;
}
.calender ul.days li p.day14 {
	background: url("../images/calender/14.png") no-repeat left center transparent;
}
.calender ul.days li p.day15 {
	background: url("../images/calender/15.png") no-repeat left center transparent;
}
.calender ul.days li p.day16 {
	background: url("../images/calender/16.png") no-repeat left center transparent;
}
.calender ul.days li p.day17 {
	background: url("../images/calender/17.png") no-repeat left center transparent;
}
.calender ul.days li p.day18 {
	background: url("../images/calender/18.png") no-repeat left center transparent;
}
.calender ul.days li p.day19 {
	background: url("../images/calender/19.png") no-repeat left center transparent;
}
.calender ul.days li p.day20 {
	background: url("../images/calender/20.png") no-repeat left center transparent;
}
.calender ul.days li p.day21 {
	background: url("../images/calender/21.png") no-repeat left center transparent;
}
.calender ul.days li p.day22 {
	background: url("../images/calender/22.png") no-repeat left center transparent;
}
.calender ul.days li p.day23 {
	background: url("../images/calender/23.png") no-repeat left center transparent;
}
.calender ul.days li p.day24 {
	background: url("../images/calender/24.png") no-repeat left center transparent;
}
.calender ul.days li p.day25 {
	background: url("../images/calender/25.png") no-repeat left center transparent;
}
.calender ul.days li p.day26 {
	background: url("../images/calender/26.png") no-repeat left center transparent;
}
.calender ul.days li p.day27 {
	background: url("../images/calender/27.png") no-repeat left center transparent;
}
.calender ul.days li p.day28 {
	background: url("../images/calender/28.png") no-repeat left center transparent;
}
.calender ul.days li p.day29 {
	background: url("../images/calender/29.png") no-repeat left center transparent;
}
.calender ul.days li p.day30 {
	background: url("../images/calender/30.png") no-repeat left center transparent;
}
.calender ul.days li p.day31 {
	background: url("../images/calender/31.png") no-repeat left center transparent;
}
.calender ul li.prev {
	float: left;
	padding-top: 15px;
}
.calender ul li.next {
	float: right;
	padding-top: 15px;
}
.calender:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ---------------------------------------------------------
  @twitter #twitter
------------------------------------------------------------ */
.hash, .atmark {
	clear: both;
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
}
.hash .date, .atmark .date {
	font-size: 77%;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
.hash h2, .atmark h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
.hash p.photo, .atmark p.photo {
	float: left;
	margin-bottom: 16px;
	margin-left: 0;
	margin-right: 16px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.hash p.photo img, .atmark p.photo img {
	max-width: 144px;
}
.hash .exp, .atmark .exp {
	line-height: 1.8;
	margin-bottom: 1em;
}
.hash .source, .atmark .source {
	font-size: 77%;
	line-height: 1.2;
	overflow: hidden;
	white-space: nowrap;
}
.hash .source a, .atmark .source a {
	background: url("../images/common/ico_window01.png") no-repeat scroll right 50% transparent;
	font-family: Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	padding: 0 15px 0 5px;
	word-spacing: -1px;
}