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


/* page title */
#contents-pack #pack-left h3 {
background-image: url(../images/title_page.gif);
height:45px;
}
#contents-pack #pack-left h3.title-result {
background-image: url(../images/title_result.gif);
height:45px;
}
/* tab style --------------------------------------------------
------------------------------------------------------------------------ */

#search-tab {
margin: 0px auto;
padding: 10px 0 20px 0;
height: auto;
width: 510px;
text-align: left;
}
#search-tab #box-search {
padding:0px;
font-size: 0.9em;
}
.msie #search-tab #box-search {
padding:0px;
font-size: 10px;
}
#search-tab .ui-tabs-nav {
margin: 0px;
padding: 0 0 0 5px;
width: 510px;
}
.msie #search-tab .ui-tabs-nav {
margin: 0px;
padding: 0 0 0 5px;
width: 505px;
}
#search-tab .ui-tabs-nav li {
margin: 0px;
padding: 0px;
width: 100px;
}
#search-tab .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: 25px;
width: 100px;
}
#search-tab .ui-tabs-nav li a:hover { background-position: left center; }
#search-tab .ui-tabs-nav li.ui-tabs-selected a { background-position: left bottom; }
#search-tab .ui-tabs-nav li a.tab1 { background-image: url(../images/tab_search01_merit.gif); }
#search-tab .ui-tabs-nav li a.tab2 { background-image: url(../images/tab_search02_area.gif); }
#search-tab .ui-tabs-nav li a.tab3 { background-image: url(../images/tab_search03_job.gif); }
#search-tab .ui-tabs-nav li a.tab4 { background-image: url(../images/tab_search04_time.gif); }
#search-tab .ui-tabs-nav li a.tab5 { background-image: url(../images/tab_search05_field.gif); }
#search-tab #search-merit {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #0668CE;
background-color: #E6ECF3;
padding: 20px 0 20px 20px;
}
#search-tab #search-area {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #11A0D0;
background-color: #E6F3ED;
padding: 20px 0 20px 20px;
}
#search-tab #search-job {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #CE0668;
background-color: #F3E6F3;
padding: 20px 0 20px 20px;
}
#search-tab #search-time {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #CE3906;
background-color: #F4EDE6;
padding: 20px 0 20px 20px;
}
#search-tab #search-field {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #68CE06;
background-color: #E6F4E6;
padding: 20px 0 20px 20px;
}
#search-tab #search-field h4 {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
text-indent: -1000em;
display: block;
width: 470px;
overflow: hidden;
clear:both;
}
#search-tab #search-field h4.bar1 {
background-image: url(../images/bar_field1.gif);
background-position: left top;
height: 30px;
}
#search-tab #search-field h4.bar2 {
background-image: url(../images/bar_field2.gif);
background-position: left center;
height: 40px;
}
#search-tab ul.line1 {
float: left;
width:160px;
height: auto;
}
#search-tab ul.line2 {
float: left;
width:160px;
height: auto;
margin:0 0 0 5px;
}
#search-tab ul input { margin:0 3px 0 0; }
#search-tab ul li { margin:0 0 3px 0; }
#search-tab ul li span { font-size: 10px; }
#search-tab #searching {
margin:10px 0 0 0;
padding:0 0 11px 0;
background-image: url(../../../common/images/dotline_3px.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#search-tab .selected {
margin: 0px;
float:left;
}
#search-tab .selected h4 {
font-size: 1px;
line-height: 1px;
background-image: url(../images/bar_nowselected.gif);
background-position: left top;
background-repeat: no-repeat;
text-indent: -1000em;
display: block;
width: 160px;
height: 30px;
overflow: hidden;
}
#search-tab .selected p {
display:block;
width:290px;
}
#search-tab .button {
height: auto;
width: 200px;
float:left;
margin:0 0 0 20px;
}
#search-tab .button input.search {
background-image: url(../images/btn_search.gif);
background-repeat: no-repeat;
background-position: left top;
height: 50px;
width: 200px;
margin:0 0 5px 0;
}
#search-tab .button input.reset {
background-image: url(../images/btn_reset.gif);
background-repeat: no-repeat;
background-position: left top;
height: 11px;
width: 106px;
}
#search-tab .button input:hover { background-position: left bottom; }
/* work banner --------------------------------------------------
------------------------------------------------------------------------ */
ul#banner-work {
height: auto;
width: 510px;
margin:0 0 20px 0;
}
ul#banner-work li {
margin: 0 0 0 15px;
height: auto;
width: 160px;
float:left;
}
ul#banner-work li.nm { margin: 0px; }
/* result --------------------------------------------------
------------------------------------------------------------------------ */
#contents-pack #pack-left #box-result { position: relative; }
#box-result .icon-rss {
height: 15px;
width: 15px;
position: absolute;
top:5px;
right: 0px;
}
#box-result .icon-rss a {
font-size: 1px;
line-height: 1px;
background-image: url(../../../common/images/icon_rss.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
height: 15px;
width: 15px;
}
/* information */
#box-result #info-list {
margin: 0 0 15px 0;
padding:0 0 15px 0;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: #6699ff;
}
#info-list .box-info { margin:30px 0 0 0; }
#info-list .box-info:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#info-list .box-info { zoom: 100%; }
#info-list .box-info { display: inline-table; }
/* Hides from IE-mac ￥*/
* html #info-list .box-info { height: 1%; }
#info-list .box-info { display: block; }
/* End hide from IE-mac */

#info-list .box-info h4 {
font-size: 16px;
line-height: normal;
font-weight: bold;
padding:0px;
float:left;
width:360px;
display:block;
}
#info-list .box-info h4.new {
background-image: url(../images/icon_new.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 0 0 0 35px;
width:325px;
}
#info-list .box-info p.date {
float:right;
font-size: 10px;
text-align: right;
padding:5px 0 0 0;
width:150px;
display:block;
}
#info-list .box-info p.text-lead { margin:5px 0 0 0; }
#info-list .box-info dl.merit {
margin:10px 0 0 0;
padding:5px 0;
background-color: #E6E6E6;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
dl.merit:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.merit { zoom: 100%; }
dl.merit { display: inline-table; }
/* Hides from IE-mac ￥*/
* html dl.merit { height: 1%; }
dl.merit { display: block; }
/* End hide from IE-mac */
#info-list .box-info dl.merit dt {
float: left;
font-size: 1px;
line-height: 1px;
background-image: url(../images/text_merit.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 20px;
width: 53px;
overflow: hidden;
}
#info-list .box-info dl.merit dd {
float: left;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
height: 20px;
width: 75px;
background-repeat: no-repeat;
background-position: left top;
}
/* merit icons */
#info-list .box-info dl.merit dd.merit1 { background-image: url(../images/icon_merit/merit_icon01.gif); }
#info-list .box-info dl.merit dd.merit2 { background-image: url(../images/icon_merit/merit_icon02.gif); }
#info-list .box-info dl.merit dd.merit3 { background-image: url(../images/icon_merit/merit_icon03.gif); }
#info-list .box-info dl.merit dd.merit4 { background-image: url(../images/icon_merit/merit_icon04.gif); }
#info-list .box-info dl.merit dd.merit5 { background-image: url(../images/icon_merit/merit_icon05.gif); }
#info-list .box-info dl.merit dd.merit6 { background-image: url(../images/icon_merit/merit_icon06.gif); }
#info-list .box-info dl.merit dd.merit7 { background-image: url(../images/icon_merit/merit_icon07.gif); }
#info-list .box-info dl.merit dd.merit8 { background-image: url(../images/icon_merit/merit_icon08.gif); }
#info-list .box-info dl.merit dd.merit9 { background-image: url(../images/icon_merit/merit_icon09.gif); }
#info-list .box-info dl.merit dd.merit10 { background-image: url(../images/icon_merit/merit_icon10.gif); }
#info-list .box-info dl.merit dd.merit11 { background-image: url(../images/icon_merit/merit_icon11.gif); }
#info-list .box-info dl.merit dd.merit12 { background-image: url(../images/icon_merit/merit_icon12.gif); }
#info-list .box-info dl.merit dd.merit13 { background-image: url(../images/icon_merit/merit_icon13.gif); }
#info-list .box-info dl.merit dd.merit14 { background-image: url(../images/icon_merit/merit_icon14.gif); }
#info-list .box-info dl.merit dd.merit15 { background-image: url(../images/icon_merit/merit_icon15.gif); }
#info-list .box-info dl.merit dd.merit16 { background-image: url(../images/icon_merit/merit_icon16.gif); }
#info-list .box-info dl.merit dd.merit17 { background-image: url(../images/icon_merit/merit_icon17.gif); }
#info-list .box-info dl.merit dd.merit18 { background-image: url(../images/icon_merit/merit_icon18.gif); }
#info-list .box-info dl.merit dd.merit19 { background-image: url(../images/icon_merit/merit_icon19.gif); }
#info-list .box-info dl.merit dd.merit20 { background-image: url(../images/icon_merit/merit_icon20.gif); }
#info-list .box-info dl.merit dd.merit21 { background-image: url(../images/icon_merit/merit_icon21.gif); }
#info-list .box-info dl.merit dd.merit22 { background-image: url(../images/icon_merit/merit_icon22.gif); }
#info-list .box-info dl.merit dd.merit23 { background-image: url(../images/icon_merit/merit_icon23.gif); }
#info-list .box-info dl.merit dd.merit24 { background-image: url(../images/icon_merit/merit_icon24.gif); }
#info-list .box-info dl.merit dd.merit25 { background-image: url(../images/icon_merit/merit_icon25.gif); }
#info-list .box-info dl.merit dd.merit26 { background-image: url(../images/icon_merit/merit_icon26.gif); }
#info-list .box-info dl.merit dd.merit27 { background-image: url(../images/icon_merit/merit_icon27.gif); }
/* data */
.box-info .info-left {
float: left;
height: auto;
width: 340px;
}
.box-info .info-left table {
font-size: 11px;
width: 340px;
margin:0 0 10px 0;
}
.box-info .info-left th {
font-weight: normal;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding:3px;
}
.box-info .info-left td {
width: 90px;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding:3px;
}
.box-info .info-left .btn-entry {
float: left;
height: 40px;
width: 160px;
}
.box-info .info-left .btn-entry a {
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_entry_list.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 40px;
width: 160px;
overflow: hidden;
}
.box-info .info-left .btn-entry a:hover { background-position: left bottom; }
.box-info .info-left .btn-other {
float: left;
height: auto;
width: 160px;
margin:0 0 0 20px;
}
.box-info .info-left .btn-other p { margin:0 0 5px 0; }
.box-info .info-left .btn-other a {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 15px;
width: 160px;
overflow: hidden;
}
.box-info .info-left .btn-other a:hover { background-position: left -15px; }
.box-info .info-left .btn-other a.keeped { background-position: left -30px; }
.box-info .info-left .btn-other a.keeped:hover { background-position: left -30px; }
.box-info .info-left .btn-other .detail a { background-image: url(../images/btn_watchdetail.gif); }
.box-info .info-left .btn-other .keep a { background-image: url(../images/btn_atlist_keep.gif); }
/* info-riht */
.box-info .info-right {
margin: 0 0 0 10px;
padding:10px 0 0 0;
float: left;
height: auto;
width: 160px;
}