@charset "utf-8";

/* ------------------------------------------------------------------------------
	CSS Information

	Style Info   : ランキングの独自設定
------------------------------------------------------------------------------ */
/*
  ページのトップへ戻る（コンテンツ内）
-------------------------------------------------------------------------*/
div.section-body ul.goPageTop{
	width: 685px;
	margin: 0 auto 10px;
	padding: 30px 0 0 0;
}


/*
  トップ（/research/ranking/index.html）
-------------------------------------------------------------------------*/
div.section-body h3{
	padding: 0 0 0 10px;
}

/*
  .rankingMenu
------------------------------------------- */
div.rankingMenu{
	overflow: hidden;
	margin: 0 auto 30px;
	padding: 0 0 30px 0;
	background-image: url(../images/share/line03.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	zoom:1;
}
div.rankingMenu a{
	padding: 0 0 0 40px;
	background: url(../images/research/ranking/icn01.png) no-repeat left center;
	color: #666666;
	font-size: 14px;
	text-decoration: underline;
}
div.rankingMenu a:hover{
	text-decoration: none;
}
div.rankingMenu h3{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
div.rankingMenu h4{
	margin: 0 0 30px 0;
	color: #009BA9;
	font-weight: bold;
}

div.rankingMenu div{
	float: left;
	width: 340px;
}
div.rankingMenu div.total{
	width: 330px;
	padding: 0 0 0 10px;
}

div.rankingMenu li{
	padding: 0 0 10px 0;
	line-height:1.4;
}

/* 2008年春ドラマ 期待度口コミランキング */
div.drama08_spring{
	margin: 0 auto;
	background: none;
}

/*
  タイトル、見出し
------------------------------------------- */
/* 2010W杯 */
#main div.wcup2010 h4{
	clear:both;
	background:none;
	font-size:14px;
	margin:10px 0 5px;
}

/* 2011春ドラマ */
#main div.wcup2010 h5{
	clear:both;
	background:none;
	font-size:12px;
	margin:10px 0 5px;
}

/* 2011 夏ドラマ */
#main div.wcup2010 h5{
	clear:both;
	background:none;
	font-size:12px;
	font-weight:bold;
	padding-left:40px;
}

/*
  ランキング詳細（/research/ranking/xxxx.html）
-------------------------------------------------------------------------*/
/*
  ランキング表
------------------------------------------- */
table.ranking{
	width: 665px;
	margin: 0 0 15px 20px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	line-height: 1.2;
}
table.ranking tr.first{
	color: #FF6600;
}

#detailranking01{
	color:#999999;
}		

#detailranking02{
	color:#999999;
}	

table.ranking tr.detailranking{
	color:#999999;
}	


table.ranking caption,
table.ranking th{
	color: #009BA9;
	font-weight: bold;
}
table.ranking caption{
	padding: 45px 0 10px 0;
}
table.ranking th{
	padding: 10px 0 10px 0;
	background: #CEFBED;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: center;
	font-size: 14px;
}

table.ranking th.keyword{
	padding: 10px 5px 10px 5px;
}

table.ranking td{
	padding: 10px 5px 10px 5px;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

/* 順位欄 */
table.ranking td.rank{
	width: 45px;
	color: #009999;
	font-size: 10px;
}

table.ranking td.rank02{
	width: 45px;
	color: #999999;
	font-size: 10px;
}


table.ranking td.rank span.num{
	font-size: 22px;
	font-weight: bold;
}

table.ranking td.rank span.num02{
	font-size: 22px;
	font-weight: bold;
	color:#999999;
}

table.ranking tr.first td.rank{
	padding-top: 20px;
	background-image: url(../images/research/ranking/icn01.png);
	background-repeat: no-repeat;
	background-position: center 15%;
	color: #FF6600;
}

/* タイトル */
table.ranking td.title{
	width: 125px;
}

table.ranking td.title02{
	width: 250px;
}

/* 累計 */
table.ranking td.sum,
table.ranking td.average{
	width: 70px;
}

/* 放映日・期間 */
table.ranking td.day{
	width: 165px;
	font-size: 12px;
}

/*
  ランキング表（折れ線グラフ用）
------------------------------------------- */
table.graph td.title{
	width: auto;
}
table.graph td.graph{
	padding-right: 0px;
	padding-left: 10px;
}
table.graph tr.first td.rank{
	background-position: center 42%;
}

/*
  ランキング表（媒体別：2008春、秋ドラマ）
------------------------------------------- */
table.drama2008_autum td.day,
table.domain td.day{
	font-size: 16px;
}

p.searchTerm{
	padding: 0 0 0 20px;
}
table.searchTerm{
	width: 665px;
	margin: 5px 0 20px 20px;
	font-size: 10px;
}
table.searchTerm th{
	padding: 5px 0 5px 0;

	font-weight: bold;
}
table.searchTerm th.title{
	padding-left: 15px;
	width: 150px;
}
table.searchTerm td.title{
	width: 150px;
	padding: 0 0 5px 15px;
}

/*
  ランキング表（北京オリンピック）
------------------------------------------- */
table.olympic th.medal,
table.olympic th.age{
	width: 55px;
	text-align: center;
}
table.olympic .name{
	width: 150px;
}
table.olympic td.sum{
	width: 120px;
	text-align: center;
}

/*
  ランキング表（2010W杯）
------------------------------------------- */
#main div.wcup2010 table.column3{
	float:left;
	width:300px;
	margin:0 0 5px 20px;
}

#main table.column3 .rank{
	width: 60px;
}
#main table.column3 .title{
	width: 150px;
}
#main table.column3 .sum{
	width: 80px;
}

#main div.wcup2010 div.article{
	clear:both;
	margin:0 0 15px;
}

#main div.wcup2010 table.gender{
	margin:0 auto;
	width: 600px;
}

#main div.wcup2010 table.gender .sum{
	width: 90px;
}
#main div.wcup2010 table.gender .rate{
	width:120px;
}

/*
  概要（2010W杯）
------------------------------------------- */
#main .leadInfo{
	width:550px;
	padding-left:40px;
}
#main .leadInfo ul{
	list-style:disc;
	padding:0 0 5px;
}
#main .leadInfo ul li{
	line-height:1.8;
}

#main div.wcup2010 .article{
}
#main div.wcup2010 .article dl{
	width:600px;
	margin:0 auto 15px;
	padding-left:30px;
}
#main div.wcup2010 .article dd{
	font-weight:bold;
}
#main div.wcup2010 .article dt{
	padding-bottom:15px;
}

/*
  グラフ画像（2010W杯）
------------------------------------------- */
#main .graphInfo{
	margin:10px auto;
	text-align:center;
}
#main .graphInfo img{
}
#main div.wcup2010 div.wordInfo{
	clear:both;
	margin: 0 auto 15px;
}

.leadInfo .notice{
	margin:10px 0;
	font-weight:bold;
}

/*
  ナビゲーション
------------------------------------------- */
ul.more,
ul.powered{
	width: 665px;
	padding: 0 0 0 20px;
	text-align: right;
	font-size: 12px;
	font-weight:bold;
}
ul.more a,
ul.powered a{
	color: #0099FF;
	text-decoration: underline;
}
ul.more a:hover,
ul.powered a:hover{
	text-decoration: none;
}

ul.powered{
	margin: 30px 0 0;
}


/*
  調査情報欄
------------------------------------------- */
div.researchInfo{
	width: 625px;
	margin: 35px 0 0 20px;
	padding: 15px 20px 15px 20px;
	background: #e4e4e4;
	border: solid 1px #cccccc;
}
div.researchInfo p{
	margin: 0 auto 10px;
	font-size: 12px;
}
div.researchInfo p.note{
	padding: 0 15px 0 0;
}
div.researchInfo dl{
	overflow: hidden;
	width: 580px;
	margin: 0 auto 15px;
	line-height: 2.0;
}
div.researchInfo dt{
	float: left;
	width: 115px;
	padding: 0 0 0 15px;
	background: url(../images/research/ranking/icn02.gif) no-repeat left 8px;
}
div.researchInfo dd{
	float: right;
	width: 450px;
}

/* キーワード条件一覧 */
div.researchInfo dl.keywordsCondition dt{
	float:none;
	width:auto;
	background:none;
	padding: 0;
}

div.researchInfo dl.keywordsCondition dd{
	float:none;
	width:auto;
	padding: 0 0 0 25px;
}



/*
  検索キーワード補足
------------------------------------------- */
div.wordInfo{
	clear:both;
	width: 630px;
	margin: 0 auto 0;
	font-size: 10px;
}
div.wordInfo ol{
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}
div.wordInfo li{
	margin: 0 0 5px 0;
}