@charset "utf-8";
/* CSS Document */

.listBox {
	display:block;
	width:528px;
/*	width:530px;*/
/*	border: #737373 1px solid;*/
	margin-bottom:10px;
}
.listBox div.title {
	width:245px;
	height:28px;
	background-color:#999999;
	float:left;
}
.listBox span{
	font-size:10px;
	line-height:28px;
}

.listBox h2{
	margin:0;
	font-size:12px;
	letter-spacing:normal !important;
	color:#FFF;
	line-height:28px;
	background:url(../img/titleImgbox1.gif) 8px 8px no-repeat;
	text-indent:28px;
	float:left;
}
.boxControl{
	margin-top:8px;
/*	margin-right:6px;*/
	float:right;
	width:50px;
}
.boxControl a {
	display:block;
	text-align:-9999px;
	line-height:1px;
	float:left;
	height:12px;
	width:12px;
	margin-right:3px;
}
div.boxControl a.up {
	background:url(../img/up_button.gif) top left no-repeat;
}
div.boxControl a.down {
	background:url(../img/down_button.gif) top left no-repeat;
}
div.boxControl a.hide {
	background:url(../img/hide_button.gif) top left no-repeat;
}
div.boxControl a.show {
	background:url(../img/view_button.gif) top left no-repeat;
}
.listBoxMenu{
	margin-left:5px;
	clear:right;
	float:left;
	line-height:28px;
}
.listBoxMenu a{
	padding:0 5px 0 5px;
	font-size:10px;
	border-right:#737373 1px solid;
}
.listBoxMenu a.last{
	border-right:none;
}

.textListBox dl{
	margin:15px 15px 15px 15px;
}
.textListBox dl dt , .textListBox dl dd{
	margin-top:5px;
	float:left;
}

.textListBox dl dt div{
	text-align:center;
}

.textListBox span, .textListBox div{
	font-size:12px;
	height:16px;
	line-height:16px;
	margin:0 3px 0 3px;
}
.textListBox span.date , .textListBox span.title{
	color:#0587E1;
}


.textListBox div .header {
	width:68px;
	text-align:center;
	float:left;
}
.textListBox dt.topic div.header {
	background-color:#B9DBF9;
	width:68px;
}
.textListBox dt.advertise div.header {
	background-color:#FFCCFF;
	width:68px;
}



.selectArea {
	margin-top: 0;
	margin-bottom:5px!important;
	clear: both;
	height: 18px!important;
	width: 400px;
}
.selectArea div {
	float:left;
}

.selectList1 {
	width:498px;
	/width:400px;
	height:18px;
	margin-right:5px;
	/*/margin-left: -98px;*/
	float:left;
	text-indent:-9999px;
	margin-bottom:5px;
	padding-bottom: 5px;
	border-bottom: dotted #666 1px;
}

#listBox2 {
	/padding-bottom: 10px;
}

.selectList1 div {
	display: block;
	float: left;
	min-width: 18px;
	margin: 0 3px 0 0;
}

.selectList2 *{
	width:50px;
	height:18px;
	margin-right:5px;
	float:left;
	text-indent:-9999px;
	margin-bottom:5px;
}


.selectList1 {
	height: 18px!important;
}

.selectList2 {
	height: 18px!important;
}

.imgCategory1s {
	height: 18px!important;
}

.imgCategory2s {
	height: 18px!important;
}

.imgCategory3s {
	height: 18px!important;
}

.imgCategory4s {
	height: 18px!important;
}

.imgCategory5s {
	height: 18px!important;
}

.planType1{
	background:url(../img/planType1.gif) top left no-repeat;
	width:50px;
}
.planType2{
	background:url(../img/planType2.gif) top left no-repeat;
	width:50px;
}


/* 新着 */
.newList1 {
	clear: both;
	padding: 10px 0 0;
	min-height: 200px;
}


/* 学校・企業紹介 */
.listBox div.miniview{
	margin:10px 2px 10px 10px;
	width:250px;
	float:left;
}
.listBox div.miniview *{
	font-size:12px;
}
.listBox div.title h2{
	height:28px;
	line-height:28px;
}

.listBox div.menu a{
	color:#666;
	height:28px;
	line-height:28px;
}
.miniview .categoryBar{
	width:240px;
	height:20px;
	background-color:#4794E2;
}

.miniview .categoryBar *{
	margin:0;
	padding:0;
	height:20px;
	line-height:20px;
	color:#FFF;
	float:left;
}
.miniview .categoryBar h3{
	margin-left:5px;
}
.miniview .categoryBar ul{
	/*margin-left:70px;*/
}
.miniview .categoryBar li{
	list-style:none;
}
.miniview .data h4{
	color:#0099FF;
}
.miniview .data p.outline img{
	margin:5px 5px 5px 5px;
	width:90px;
	height:90px;
	float:left;
}
.miniview .data .menu{
	clear:left;
}
.miniview .data ul,.miniview .data li{
	margin:0;
	padding:0;
}
.miniview .data li{
	list-style:none;
	width:81px;
	height:14px;
	float:left;
}
.miniview .data li a{
	background:url(../img/btn01.gif) top left no-repeat;
	color:#666;
	font-size:10px;
	width:78px;
	height:14px;
	line-height:14px;
	padding-left:17px;
	display:block;
}

.miniview  .categoryBar .pagination {
	float: right;
	width: 80px;
}







/* 注目のタグ */
.tagArea{
	width:508px;
	padding:10px 10px 10px 10px;
}
/*.tagArea ul {
	margin:0;
	width:auto;
	padding:0;
}
.tagArea ul li {
	margin-right:10px;
	float:left;
	list-style:none;
	height:20px;
}
*/
.tagArea a {
	margin-right:10px;
	font-size:12px;
	height:20px;
	color:#666;
}

.tagArea a.text1 {
	font-size:18px;
	color:#0099FF;
}




/*#rightArea {
    margin: 0 0 0 15px !important;
    width: 765px !important;
}
*/


/*
#rankingRefresh .num1 {
	height: 75px;
	padding: 5px 0;
}

#rankingRefresh .num2 {
	height: 75px;
	padding: 5px 0;
}

#rankingRefresh .num3 {
	height: 75px;
	padding: 5px 0;
}
*/

.miniview .data h4 {
	margin: 5px 0 0;
	width: 240px;
}

.listBox .menu a {
	padding: 0 5px;
}

.textListBox .list {
/*	min-height: 50px;
*/}

.textListBox dl.list {
	clear: both;
}

.textListBox dl.list dd.topic {
	width: 390px;
}

.textListBox dl.list dd.advertise {
	width: 390px;
}

/*.textListBox dl dd span.title {
	width: 400px !important;
}*/



#listBox1 dl.list dd span.date {
	display: block;
	width: auto;
	min-width: 50px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#listBox2 dl.list dt span.date {
	display: block;
	width: auto;
	float: left;
	margin-right: 10px;
	min-width: 50px;
	cursor: pointer;
}

.textListBox dl.list dd {
	width: auto;
	min-width: 390px!important;
}

#listBox1 dl.list dd span.title {
	width: auto;
	min-width: 290px!important;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 0;
	height: 18px;
	cursor: pointer;
}

#listBox2 dl.list dd span.title {
	width: 32em!important;
	display: block;
	float: left;
	overflow: hidden;
	height: 18px;
	margin-left: 0;
	cursor: pointer;
}







/*注目のタグ*/

#topPage .tagArea .tagList a {
	line-height: 1.5;
}




#top01 {
	width: 492px;
	margin: 5px auto 0;
}

#top01 h3 {
	font-size: 12px;
}

#top01-p {
	width: 492px!important;
	height: 158px!important;
}

#top01-l {
	width: 240px;
	margin: 10px 12px 0 0;
	float: left;
}

#top01-l span {
	color: #FF7BAC;
}

#top01-r {
	width: 240px;
	margin: 10px 0 0;
	float: left;
}

#top01-r span {
	color: #3CF;
}

#top01-link {
	width: 496px;
	height: 100px;
	margin: 0 8px;
	float: left;
}