@charset "utf-8";

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

/* +++++++++++++++++++++++++++++++++++++++++++
	======INDEX=====
	1. flashcontent
	2. targetArea
	3. searchArea
	4. tabArea
		4-1. tabArea_ranking
	5. takeOverBunner
  +++++++++++++++++++++++++++++++++++++++++++ */


/*----------------------------------------------------------------------------------------
	1. flashcontent
---------------------------------------------------------------------------------------- */
div#flashcontent{margin-bottom:10px;width:610px;height:250px;line-height:0;}
div#flashcontent object{line-height:0;}

/*----------------------------------------------------------------------------------------
	2. targetArea
---------------------------------------------------------------------------------------- */
div#targetArea{
	background:url(/_asset/img/bgi-targetArea_001.gif) repeat-y 0 0;
	width:580px;
	overflow:auto;
	padding:15px 15px 10px;
	margin:5px 0 10px;
}
* html div#targetArea{width:610px;}
div#targetArea div{width:275px;}
div#targetArea ul li, div#targetArea dl dd{color:#fff;}
div#targetArea h2,
div#targetArea h2 small{
	text-indent:-9999px;
	display:block;
	line-height:0;
	font-size:0;
	margin-bottom:15px;
}
div#targetArea h2{height:28px;width:260px;}
div#targetArea div#vicinity {float:left;}
div#targetArea div#recent {float:left;}
div#targetArea div#recent h2{background:url(/_asset/img/ttl-targetArea_pref_00.gif) no-repeat 0 0;}
div#targetArea div#recommend {float:right;}
div#targetArea div#recommend h2{background:url(/_asset/img/ttl-targetArea_002.gif) no-repeat 0 0;
}
div#targetArea p.moreLink{font-size:0;clear:both;line-height:0;margin-top:10px;}
div#targetArea p.moreLink a {
	display:block;
	text-indent:-9999px;
	width:275px;
	height:18px;
}
div#targetArea div#vicinity p.moreLink a{background:url(/_asset/img/btn-targetArea_001.gif) no-repeat 0 0;}
div#targetArea div#recent p.moreLink a{background:url(/_asset/img/btn-targetArea_003.gif) no-repeat 0 0;}
div#targetArea div#recommend p.moreLink a{background:url(/_asset/img/btn-targetArea_002.gif) no-repeat 0 0;}
div#targetArea div#vicinity input, div#targetArea div#recommend input {
	font-size:0;
	clear:both;
	line-height:0;
	border:none;
	cursor:pointer;
	margin-top:10px;
	text-indent:-9999px;
	width:275px;
	height:18px;
}
div#targetArea div#vicinity input#btnGeo {
	display:block;
	background:url(/_asset/img/btn-targetArea_001.gif) no-repeat 0 0;
}
div#targetArea div#recommend input#btnLpo {
	display:block;
	background:url(/_asset/img/btn-targetArea_002.gif) no-repeat 0 0;
}
/*----------------------------------------------------------------------------------------
	3. searchArea
---------------------------------------------------------------------------------------- */
div#searchArea {
	background:#e8e8e8;
	border:1px solid #e8e8e8;
	margin-bottom:10px;
}
div#searchArea p{margin-bottom:10px;}
div#searchArea p.form{margin-bottom:15px;}
div#searchArea h3{
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	display:block;
	width:298px;
	height:23px;
	clear:both;
}
div#searchArea h3#wordSearch{background:url(/_asset/img/ttl-searchArea_001.gif) no-repeat 0 0;}
div#searchArea h3#narrowSearch{
	background:url(/_asset/img/ttl-searchArea_002.gif) no-repeat 0 0;
	padding-top:5px;
	height:18px;
}
* html div#searchArea h3#narrowSearch{height:23px;}
div#searchArea h3#narrowSearch span{
	font-size:0;
	line-height:0;
}
div#searchArea h3#narrowSearch span a{
	display:block;
	text-indent:-9999px;
	width:103px;
	height:11px;
	margin-left:180px;
	background:url(/_common/img/btn-detailsearch_001.gif) no-repeat 0 0;
}

form input.submitLarge{
	background:url(/school/_asset/img/btn-search_002.gif) no-repeat 0 0;
	width:280px;
	height:30px;
	text-indent:-9999px;
	display:block;
	border:none;
	cursor:pointer;
	margin:0 auto;
}
div#searchArea form{padding:15px 15px 0;}
div#searchArea form p{overflow:hidden;height:1%;}
div#searchArea form#searchWord input#search{
	background:#fff;
	border:1px solid #99c800;
	width:199px;
	height:15px;
	padding:3px;
	display:block;
}
* html div#searchArea form#searchWord input#search{width:207px;height:23px;}
div#searchArea form#searchWord input#searchBtn{
	background:url(/_asset/img/btn-searchArea_001.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
	width:61px;
	height:23px;
	text-indent:-9999px;
	display:block;
}
div#searchArea div#detailSelect dl dt{
	text-indent:-9999px;
	overflow:auto;
	display:block;
	cursor:pointer;
	width:269px;
	height:23px;
	clear:both;
}
div#searchArea div#detailSelect dl#selectType dt.close{background:url(/_asset/img/ttl-typeSearch_001.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl#selectType dt.open{background:url(/_asset/img/ttl-typeSearch_002.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl#selectArea dt.close{background:url(/_asset/img/ttl-areaSearch_001.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl#selectArea dt.open{background:url(/_asset/img/ttl-areaSearch_002.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl#selectField dt.close{background:url(/_asset/img/ttl-fieldSearch_001.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl#selectField dt.open{background:url(/_asset/img/ttl-fieldSearch_002.gif) no-repeat 0 0;}
div#searchArea div#detailSelect dl dd{
	width:247px;
	padding:10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	font-size:70%;
	overflow:auto;
}
* html div#searchArea div#detailSelect dl dd{width:269px;}
div#searchArea div#detailSelect dl dd span {/*overflow:auto;*/display:inline-block;margin-right:20px;}
div#searchArea form#searchDetail{margin:0px 0px 10px 0px;}
div#searchArea form#searchDetail input#schoolSearchBtn{
	background:url(/_asset/img/btn-searchArea_002.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
	width:269px;
	height:23px;
	text-indent:-9999px;
	display:block;
	margin-top:10px;
	clear:both;
}

img#and {
    margin: 3px auto;
    display:block;
    text-align:center;
    vertical-align:baseline;
}

div#rwSearch{
    margin:0px 0px 10px 0px;
}

div#searchCode{
    margin:0px 0px 10px 0px;
}

/*----------------------------------------------------------------------------------------
	4. tabArea
---------------------------------------------------------------------------------------- */
div.tabArea {overflow:auto;}
div.tabArea ul.tab {height:24px;}
div.tabArea ul.tab li{
	font-size:0;
	line-height:0;
	float:left;
}
div.tabArea ul.tab li a{
	display:block;
	text-indent:-9999px;
	width:150px;
	height:24px;
}
div.tabArea ul.tab li#keywordTab a.tabOn{background:url(/_asset/img/btn-tabPopularOn_001.gif) no-repeat 0 0;}
div.tabArea ul.tab li#keywordTab a.tabOff{background:url(/_asset/img/btn-tabPopularOff_001.gif) no-repeat 0 0;}
div.tabArea ul.tab li#schoolTab a.tabOn{background:url(/_asset/img/btn-tabPopularOn_002.gif) no-repeat 0 0;}
div.tabArea ul.tab li#schoolTab a.tabOff{background:url(/_asset/img/btn-tabPopularOff_002.gif) no-repeat 0 0;}
div.tabArea ul.tab li#latestNews a.tabOn{background:url(/_asset/img/btn-tabNewsOn_001.gif) no-repeat 0 0;}
div.tabArea ul.tab li#latestNews a.tabOff{background:url(/_asset/img/btn-tabNewsOff_001.gif) no-repeat 0 0;}
div.tabArea ul.tab li#labNews a.tabOn{background:url(/_asset/img/btn-tabNewsOn_002.gif) no-repeat 0 0;}
div.tabArea ul.tab li#labNews a.tabOff{background:url(/_asset/img/btn-tabNewsOff_002.gif) no-repeat 0 0;}

/*  4-1. tabArea_ranking
---------------------------------------------------------------------------------------- */
div.tabArea ol.rankList li {font-weight:bold;font-size:75%;}
div.tabArea ol.rankList dt {font-size:100%;}
div.tabArea ol.rankList dd {font-size:80%;}
div.tabArea p.rankpageLink {
	font-size:0;
	line-height:0;
	float:right;
	display:inline;
}
div.tabArea p.rankpageLink a {
	display:block;
	text-indent:-9999px;
	width:104px;
	height:11px;
	background:url(/_asset/img/btn-rankingLink_001.gif) no-repeat 0 0;
}

/*----------------------------------------------------------------------------------------
	5. takeOverBunner
---------------------------------------------------------------------------------------- */
#TakeoverBunner {
	position:absolute;
	left:0;
	top:84px;
}
#TakeoverBunner #btnTobSkip {
	position:absolute;
	left:537px;
	top:446px;
}