@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++
	Title:CSS for Social Business Net
	Modify: 2009/03/19
  +++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++
	======INDEX=====
	1. title
	2. CommonTools
		2-1. categoryList
		2-2. eachRanking
	3. rankingTop
	4. rankingDetail
	5. other
  +++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. title
---------------------------------------------------------------------------------------- */
h2#ttlRanking,
h5.catRank,
h5.areaRank{
	text-indent:-9999px;
	display:block;
}
h2#ttlRanking{
	width:920px;
	height:37px;
	margin-bottom:10px;
	background:url(/rank/_asset/img/ttl-ranking_001.gif) no-repeat 0 0;
}
h3.ttl1st,h3.ttl2nd,h3.ttl3rd,h3.ttl4th,h3.ttl5th,h3.ttl6th,h3.ttl7th,h3.ttl8th,h3.ttl9th,h3.ttl10th{
	text-indent:-9999px;
	display:block;
	width:40px;
	height:35px;
	float:left;
	margin-right:10px;
}
h3.ttls4th,h3.ttls5th,h3.ttls6th,h3.ttls7th,h3.ttls8th,h3.ttls9th,h3.ttls10th{
	text-indent:-9999px;
	display:block;
	width:27px;
	height:15px;
	float:left;
	margin-right:10px;
}
h3.ttl1st{background:url(/rank/_asset/img/ttl-1st_001.gif) no-repeat 0 0;}
h3.ttl2nd{background:url(/rank/_asset/img/ttl-2nd_001.gif) no-repeat 0 0;}
h3.ttl3rd{background:url(/rank/_asset/img/ttl-3rd_001.gif) no-repeat 0 0;}
h3.ttl4th{background:url(/rank/_asset/img/ttl-4th_001.gif) no-repeat 0 0;}
h3.ttl5th{background:url(/rank/_asset/img/ttl-5th_001.gif) no-repeat 0 0;}
h3.ttl6th{background:url(/rank/_asset/img/ttl-6th_001.gif) no-repeat 0 0;}
h3.ttl7th{background:url(/rank/_asset/img/ttl-7th_001.gif) no-repeat 0 0;}
h3.ttl8th{background:url(/rank/_asset/img/ttl-8th_001.gif) no-repeat 0 0;}
h3.ttl9th{background:url(/rank/_asset/img/ttl-9th_001.gif) no-repeat 0 0;}
h3.ttl10th{background:url(/rank/_asset/img/ttl-10th_001.gif) no-repeat 0 0;}
h3.ttls4th{background:url(/rank/_asset/img/ttl-s4th_001.gif) no-repeat 0 0;}
h3.ttls5th{background:url(/rank/_asset/img/ttl-s5th_001.gif) no-repeat 0 0;}
h3.ttls6th{background:url(/rank/_asset/img/ttl-s6th_001.gif) no-repeat 0 0;}
h3.ttls7th{background:url(/rank/_asset/img/ttl-s7th_001.gif) no-repeat 0 0;}
h3.ttls8th{background:url(/rank/_asset/img/ttl-s8th_001.gif) no-repeat 0 0;}
h3.ttls9th{background:url(/rank/_asset/img/ttl-s9th_001.gif) no-repeat 0 0;}
h3.ttls10th{background:url(/rank/_asset/img/ttl-s10th_001.gif) no-repeat 0 0;}

div.rankIndex h4{font-size:90%;margin-bottom:10px;}
div.subRankIndex h4{font-size:75%;margin-bottom:5px;}
div.rankDetail h4{margin:10px 0;}
div.rankIndex h4 small,div.rankDetail h4 small{font-size:75%;}

h5.catRank,
h5.areaRank {
	width:268px;
	height:22px;
}
h5.catRank{background:url(/rank/_asset/img/ttl-catRanking_001.gif) no-repeat 0 0;}
h5.areaRank{background:url(/rank/_asset/img/ttl-areaRanking_001.gif) no-repeat 0 0;}


/*----------------------------------------------------------------------------------------
	2. CommonTools
---------------------------------------------------------------------------------------- */
div#contentsWrap div.rankIndex div,div#contentsWrap div.subRankIndex div,div#contentsWrap div.rankDetail div{
	clear:both;
	margin-bottom:15px;
	overflow:auto;
}
* html div#contentsWrap div.rankDetail div{zoom:1;}

/*  2-1. categoryList
---------------------------------------------------------------------------------------- */
div#contentsWrap ul.categoryList{overflow:auto;margin:-35px 10px 0 0;float:right;}
div#contentsWrap ul.categoryList li{float:left;padding:0 5px;border-right:1px solid #fff;margin-bottom:0;font-size:75%;}
div#contentsWrap ul.categoryList li.last{border:none;}
div#contentsWrap ul.categoryList li a {background:none;}

div#contentsWrap div.contents ul.categoryList{overflow:auto;margin-bottom:10px;}
div#contentsWrap div.contents ul.categoryList li{float:left;padding:0 5px;border-right:1px solid #000;margin-bottom:0;}
div#contentsWrap div.contents ul.categoryList li.last{border:none;}
div#contentsWrap div.contents ul.categoryList li a {background:none;}

/*  2-2. eachRanking
---------------------------------------------------------------------------------------- */
div#contentsWrap ol.eachRanking{overflow:auto;border:1px solid #000;margin-bottom:20px;width:266px;padding:5px 0;}
* html div#contentsWrap ol.eachRanking{width:268px;}
div#contentsWrap ol.eachRanking li{float:left; margin:5px; display:inline-block; width:120px; font-size:70%;}
*+html div#contentsWrap ol.eachRanking li{margin:0;width:33%;}
*+html div#contentsWrap ol.eachRanking li input{margin:-3px 2px 0 0;}
* html div#contentsWrap ol.eachRanking li{margin:0;width:33%;}
* html div#contentsWrap ol.eachRanking li input{margin:-3px 2px 0 0;}

/*----------------------------------------------------------------------------------------
	3. rankingTop
---------------------------------------------------------------------------------------- */
div#contentsWrap div.rankIndex div p{line-height:1.65em;}
div#contentsWrap div.rankIndex div {
	background:url(/lab/_common/img/bdr-dottedGray_001.gif) repeat-x 0 bottom;
	padding-bottom:15px;
	margin-bottom:15px;
	zoom:1;
}
div#contentsWrap div.subRankIndex div {
	background:url(/lab/_common/img/bdr-dottedGray_001.gif) repeat-x 0 bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
div#contentsWrap div.rankIndex div p,div#contentsWrap div.subRankIndex div p{margin-bottom:0;}
div#contentsWrap div.subRankIndex div p{font-size:65%;line-height:1.5em;zoom:1;}
div#contentsWrap div.subRankIndex div p span.imgFrame img{margin-right:5px;}
* html div#contentsWrap div.subRankIndex div p span.imgFrame{margin-right:5px;}
* html div#contentsWrap div.subRankIndex div p span.imgFrame img{margin-right:0;}


/*----------------------------------------------------------------------------------------
	4. rankingDetail
---------------------------------------------------------------------------------------- */
div#contentsWrap div.rankDetail div p{line-height:1.3em;}
div#contentsWrap div.contents ul.listAddBtn{
	width:200px;
	height:43px;
	margin:0 10px 0 50px;
	float:left;
	clear:left;
}
* html div#contentsWrap div.contents ul.listAddBtn{margin:0 10px 0 0;padding-left:50px;display:inline-block;}
div#contentsWrap div.contents ul.listAddBtn li {margin:0;font-size:0;line-height:0;}
div#contentsWrap div.contents ul.listAddBtn li a{
	text-indent:-9999px;
	display:block;
	width:200px;
}
div#contentsWrap ul.listAddBtn li.detailListA a{background:url(/rank/_asset/img/btn-detailListAdd_001.gif) no-repeat 0 0;height:22px;}
div#contentsWrap ul.listAddBtn li.detailListB a{background:url(/rank/_asset/img/btn-detailListAdd_002.gif) no-repeat 0 0;height:21px;}
div#contentsWrap div.rankDetail div.schoolLinkBlock {
	float:right;
	/*overflow:auto;*/
	width:333px;
	height:45px;
	margin:-43px 0 0 0;
	/*margin-top:-10px;
	margin-bottom:20px;
	margin-top:-43px;*/
	background:url(/_common/img/bdr-dottedGray_001.gif) repeat-x 0 bottom;
}
*:first-child+html div#contentsWrap div.rankDetail div.schoolLinkBlock{
	margin-top:0px;
}
* html div#contentsWrap div.rankDetail div.schoolLinkBlock {margin:0 0 15px}
div#contentsWrap div.rankDetail div.schoolLinkBlock div{
	background:url(/_common/img/bdr-dottedGray_001.gif) repeat-x 0 top;
	clear:both;
	padding-top:1px;
	margin-bottom:0px;
}
div#contentsWrap div.rankDetail div.schoolLinkBlock ul.schoolLinkArea{
	height:22px;
}
div#contentsWrap div.rankDetail div.schoolLinkBlock ul {/*overflow:auto;*/float:right;}
div#contentsWrap div.rankDetail div.schoolLinkBlock ul li{
	float:left;
	font-size:0;
	line-height:0;
	margin-bottom:0;
	display:inline-block;
}
div#contentsWrap div.rankDetail div.schoolLinkBlock ul li a{
	text-indent:-9999px;
	display:block;
	height:20px;
}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkA a{background:url(/rank/_asset/img/btn-detailLink_001.gif) no-repeat 0 0;width:72px;}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkB a{background:url(/rank/_asset/img/btn-detailLink_002.gif) no-repeat 0 0;width:96px;}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkC a{background:url(/rank/_asset/img/btn-detailLink_003.gif) no-repeat 0 0;width:83px;}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkD a{background:url(/rank/_asset/img/btn-detailLink_004.gif) no-repeat 0 0;width:37px;}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkE a{background:url(/rank/_asset/img/btn-detailLink_005.gif) no-repeat 0 0;width:122px;}
div#contentsWrap div.schoolLinkBlock ul li.detailLinkF a{background:url(/rank/_asset/img/btn-detailLink_006.gif) no-repeat 0 0;width:128px;}


/*----------------------------------------------------------------------------------------
	5. other
---------------------------------------------------------------------------------------- */
div#contentsWrap p.moreLink{
	font-size:0;
	line-height:0;
	float:right;
	margin:-40px 10px 0 0;
}
div#contentsWrap p.moreLink a {
	display:block;
	text-indent:-9999px;
	width:199px;
	height:23px;
	background:url(/rank/_asset/img/btn-moreLink_001.gif) no-repeat 0 0;
}

/*  2-1-3. searchTable  */
div.typeSearch{	border:1px solid #000; width:266px;}
* html div.typeSearch{width:268px;}
table.searchTable{
	overflow:auto;
	width:100%;
	padding:5px 0;
	}

div#contentsWrap table.searchTable th,
div#contentsWrap table.searchTable td{padding:5px 0 5px 8px;}
table.searchTable th{background:#f1f1f1;width:25%;vertical-align:top;font-weight:normal;}
table.searchTable td{overflow:visible;}
table.searchTable td span{float:left; margin-right:0px;}
table.searchTable td label{vertical-align:middle;}

/*  2-3-3. searchTable  */
table.searchTable{/*background:#fff;*/}
div#contentsWrap td{font-size:70%;padding:5px 0 5px 3px; vertical-align:top;}

div#nonData{
	font-size:75%;
	font-weight:bold;
	padding-top:5px;
}