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



/* toparea search style --------------------------------------------------
------------------------------------------------------------------------ */
#wrap-search {
padding:0 0 10px 0;
background-image: url(../../index/images/frame_search_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#tab_search {
padding:10px 0 0 0;
width:320px;
margin: 0px;
background-image: url(../../index/images/frame_search_top.gif);
background-repeat: no-repeat;
background-position: left top;
}
*html #wrap-search {
background-image: url(../../index/images/frame_search_bottom.gif);
zoom:1;
}/* IE6 hack */
*html #tab_search {
background-image: url(../../index/images/frame_search_top.gif);
}/* IE6 hack */
#tab_search .wrap-searchcontents {
width:220px;
height:auto;
padding:0 10px 0 0;
margin: 0px;
float:right;
}
#tab_search ul.ui-tabs-nav {
margin: 0px;
padding: 0 0 0 10px;
float:left;
}
#tab_search ul.ui-tabs-nav li {
display:block;
float: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 3px;
margin-left: 0;
}
#tab_search ul.ui-tabs-nav li a {
font-size: 1px;
line-height: 1px;
padding:0px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 22px;
width: 70px;
overflow: hidden;
}
#tab_search ul.ui-tabs-nav li a:hover { background-position: left center; }
#tab_search ul.ui-tabs-nav li.ui-tabs-selected a { background-position: left bottom; }
ul.ui-tabs-nav li a.tab1 { background-image: url(../../index/images/tabsearch_area.gif); }
ul.ui-tabs-nav li a.tab2 { background-image: url(../../index/images/tabsearch_merit.gif); }
ul.ui-tabs-nav li a.tab3 { background-image: url(../../index/images/tabsearch_job.gif); }
ul.ui-tabs-nav li a.tab4 { background-image: url(../../index/images/tabsearch_time.gif); }
ul.ui-tabs-nav li a.tab5 { background-image: url(../../index/images/tabsearch_field.gif); }
/* tab-area include */
.wrap-searchcontents h3, .wrap-searchcontents h4, .wrap-searchcontents h5 {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.wrap-searchcontents .wrapper {
margin: 0px;
padding: 0px;
height: 180px;
width: 220px;
overflow-y: scroll;
}
.wrap-searchcontents ul.line1 {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 105px;
}
.wrap-searchcontents ul.line2 {
margin: 0 0 0 10px;
padding: 0px;
float: left;
height: auto;
width: 105px;
}
.wrap-searchcontents li {
line-height: normal;
margin: 0px;
padding: 0px;
display:block;
}
.msie .wrap-searchcontents li { height:12px; }
.wrap-searchcontents li a, .wrap-searchcontents li a:visited {
background-image: url(../images/icon_searchlink.gif);
background-repeat: no-repeat;
background-position: left 3px;
padding: 0 0 0 14px;
text-decoration: none;
display:block;
}
.msie .wrap-searchcontentsli a, .msie .wrap-searchcontents li a:visited { background-position: left top; }
.firefox .wrap-searchcontents li a, .firefox .wrap-searchcontents li a:visited { background-position: left 4px; }
.wrap-searchcontents li a:hover, .wrap-searchcontents li a:active { background-image: url(../images/icon_searchlink_over.gif); }
.wrap-searchcontents li a span { font-size: 9px; }
/* job */
#job h3 {
background-image: url(../images/body_job_search.gif);
height: 42px;
width: 219px;
}
#job ul {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 110px;
}
/* time */
#time {
background-image: url(../images/time_illust.gif);
background-repeat: no-repeat;
background-position: right 40px;
}
#time h3 {
background-image: url(../images/body_time_search.gif);
height: 42px;
width: 183px;
}
/* field */
#field h3 {
background-image: url(../images/body_field_search.gif);
height: 43px;
width: 208px;
}
#field h4 {
background-image: url(../images/hl_field01.gif);
height: 25px;
width: 220px;
clear:both;
}
#field h5 {
background-image: url(../images/hl_field02.gif);
background-position: left center;
height: 35px;
width: 220px;
clear:both;
}
/* merit */
#merit h3 {
background-image: url(../images/body_merit_search.gif);
height: 42px;
width: 219px;
}
/* jobinfo style --------------------------------------------------
------------------------------------------------------------------------ */

#info-job {
margin: 0px;
padding: 0px;
height: auto;
width: 320px;
}
#info-job .ui-tabs-nav {
margin: 0px;
padding: 0px;
width: 320px;
}
#info-job .ui-tabs-nav li {
margin: 0 1px 0 0;
padding: 0px;
height: 50px;
width: 106px;
}
#info-job .ui-tabs-nav li.nm { margin: 0px; }
#info-job .ui-tabs-nav li a {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
overflow: hidden;
display: block;
height: 50px;
width: 106px;
}
#info-job .ui-tabs-nav li a:hover { background-position: left center; }
#info-job .ui-tabs-nav li.ui-tabs-selected a { background-position: left bottom; }
#info-job .ui-tabs-nav li a.tab1 { background-image: url(../images/tab_jobinfo_new.gif); }
#info-job .ui-tabs-nav li a.tab2 { background-image: url(../images/tab_jobinfo_hurry.gif); }
#info-job .ui-tabs-nav li a.tab3 { background-image: url(../images/tab_jobinfo_recommend.gif); }
#info-job #saishin {
background-image: url(../images/tabline_jobinfo_new.gif);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 15px 0 0 0;
height: auto;
width: 320px;
}
#info-job #kyubo {
background-image: url(../images/tabline_jobinfo_hurry.gif);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 15px 0 0 0;
height: auto;
width: 320px;
}
#info-job #osusume {
background-image: url(../images/tabline_jobinfo_recommend.gif);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 15px 0 0 0;
height: auto;
width: 320px;
}
#info-job #saishin .package, #info-job #kyubo .package, #info-job #osusume .package {
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#contents-info #info-job p.photo {
display: block;
float: left;
height: auto;
width: 80px;
}
#contents-info #info-job p.photo img { width: 80px; }
#contents-info #info-job dl {
display: block;
float: left;
height: auto;
width: 230px;
margin:0 0 0 10px;
}
#contents-info #info-job dt {
font-size: 12px;
font-weight: bold;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
#contents-info #info-job dt a, #contents-info #info-job dt a:visited { text-decoration: underline; }