@charset "utf-8";

/* import 
----------------------------------*/

@import url(reset.css);
@import url(layout.css);
@import url(modules.css);


/* list
----------------------------------*/

#list .lsearch{
width: 579px;
background: url(../images/common/l-search_bg.gif) left top repeat-y;
position: relative;
}

#list .lsearch-in{
background: url(../images/common/l-search_top.gif) left top no-repeat;
}

#list .lsearch-cont{
padding: 12px;
padding-top: 16px;
background: url(../images/common/l-search_bottom.gif) left bottom no-repeat;
}

#list .lsearch dl{
width: 555px;
margin-bottom: 5px;
}

#list .lsearch dt{
width: 5em;
float: left;
}

#list .lsearch dd{
width: 480px;
float: left;
}

#list .lsearch p{
width: 60px;
height: 21px;
position:absolute;
bottom: 12px;
right: 12px;
}

#list .lsearch dd li{
padding-right: 15px;
float: left;
white-space:nowrap;
}

#list .lsearch dd li input{
vertical-align: middle;
margin-right: 5px;
}

/* pagenation
----------------------------------*/

.pagenation{
width: 579px;
margin-bottom: 8px;
}

.pagenation dt{
width: 230px;
float: left;
font-weight: bold;
}

.pagenation dt span{
color: #2167ce;
padding-left: 10px;
}

.pagenation dd{
width: 349px;
float: right;
}

.pagenation ul{
float: right;
}

.pagenation li{
float: left;
margin-right: 5px;
}

.pagenation li.current{
padding: 1px 7px;
border: 1px solid #81a6d7;
background-color: #eee;
color: #4e4e4e;
font-weight: bold;
}

.pagenation li a{
text-decoration: none;
display:block;
padding: 1px 7px;
border: 1px solid #81a6d7;
color: #2167ce;
font-weight: bold;
}

.pagenation li a:hover{
background-color: #f2f2f2;
}

/* list-box
----------------------------------*/

.list-box{
padding-bottom: 4px;
background: url(../images/list/list-box_bg.gif) left bottom repeat-x;
margin-bottom: 15px;
}

.box-in{
border: 1px solid #a6a6a6;
}

.list-title{
padding: 7px 9px;
background: url(../images/list/list-title_bg.gif) left bottom repeat-x;
}

.list-title h2{
padding-left: 37px;
font-weight: bold;
}

.list-title .univ{background: url(../images/common/cat_1.gif) left top no-repeat;}
.list-title .college{background: url(../images/common/cat_2.gif) left top no-repeat;}
.list-title .t-col{background: url(../images/common/cat_3.gif) left top no-repeat;}
.list-title .inter{background: url(../images/common/cat_4.gif) left top no-repeat;}
.list-title .ship{background: url(../images/common/cat_5.gif) left top no-repeat;}
.list-title .school{background: url(../images/common/cat_6.gif) left top no-repeat;}
.list-title .vocat{background: url(../images/common/cat_7.gif) left top no-repeat;}
.list-title .other{background: url(../images/common/cat_8.gif) left top no-repeat;}

.list-title h2 span{
color: #008026;
padding-right: 5px;
}

.list-cont{
padding: 9px 10px;
}

.list-cont .img-box{
width: 120px;
padding-bottom:10px;
float: left;
}

.list-cont .img-box a img{
border:1px solid #c7c7c7;
}

.list-cont .img-box a:hover img{
border:1px solid #f35000;
}

.list-cont p{
margin-bottom: 10px;
}

.list-nav{
padding: 8px;
background-color: #eff8ff;
border-top: 1px solid #c7c7c7;
}

.list-nav ul{
width: 278px;
margin: auto;
}

.list-nav .detail-btn,
.list-nav .request-btn{
width: 134px;
height: 24px;
}

.list-nav .detail-btn{float: left;}
.list-nav .request-btn{float: right;}