@charset "utf-8";
/* ==============================================
 *	Name:    search.css
 *	Purpose: individual CSS
 *	Author:  �m�L�����I
 *	Version: 1 Oct 2009
 ================================================= */
/* ==========================================================================================================
searcharea
========================================================================================================== */
#searcharea_wrap{
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  padding:0px 9px;
  width:960px;
  border:solid 1px #CCCCCC;
  background:url(../../images/search/area_back.gif) repeat-y;
}
.wrap360{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:425px;
}
.search_wrap{
  display:inline;
  float:left;
  padding:0px 20px 0px 0px;
  width:400px;
  margin:5px 0px 0px 0px;
}
.search_wrap span{
  display:inline;
  float:left;
  width:70px;
}
.search select{
  width:130px;
  height:20px;
}
.wrap360_2{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:450px;
}
.wrap360_2_b{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  width:450px;
}
.search_title{
  float:left;
  display:inline;
  margin:0px 0px 0px 57px;
  padding:0;
  font-weight:bold;
  line-height:20px;
  width:100px;
  height:43px;
}
.search{
  margin:0px 0px 5px 0px;
  float:left;
  display:inline;
}
.search_title_rosen{
  float:left;
  display:inline;
  margin:0px 0px 0px 57px;
  padding:0;
  font-weight:bold;
  line-height:20px;
  width:100px;
  height:80px;
}
span.title01{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  font-weight:bold;
  line-height:20px;
  width:60px;
  height:28px;
}
span.title01_2{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
  font-weight:bold;
  line-height:20px;
  width:60px;
  height:28px;
}
span.title02{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  font-weight:bold;
  line-height:20px;
  width:60px;
  height:45px;
}
.search_dot{
  float:left;
  display:inline;
  margin:10px 0px;
  padding:0;
  height:2px;
  line-height:0;
  font-size:0;
  width:360px;
  background:url(../../images/search/searcharea_dot.jpg) repeat-x;
}
/* =====================================
searcharea logoarea
======================================== */
.search_logo{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:10px;
}
.search_logo img{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
}
/* =====================================
searcharea leftarea
======================================== */
.search_left{
  width:360px;
  float:left;
  display:inline;
  padding:5px 0 0 5px;
  margin:0px 0 0 0px;
}
/* =====================================
searcharea rightarea
======================================== */
.search_right{
  width:400px;
  float:left;
  display:inline;
  padding:46px 0px 10px 0px;
  margin:0px 0 0 110px;
}
select.select_area{
  float:left;
  display:inline;
  margin:0px 15px 10px 0px;
  width:100px;
  border:solid 1px #7F9DB9;
}
select.select_money{
  float:left;
  display:inline;
  margin:0px 15px 10px 0px;
  width:150px;
  border:solid 1px #7F9DB9;
}
.searcharea_wrap02{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  padding:0;
}
.searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:4px 3px 0px 0px;
}
/* IE6 only */
*html .searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:0px;
}
/* IE7 only */
*+html body .searcharea_wrap02 input{
  float:left;
  display:inline;
  margin:0px;
}
/* IE 8 only */
head~/* */body
.searcharea_wrap02 input{ /* for ie8 */
  float:left;
  display:inline;
  margin:0px;
}
html:not(:target)
.searcharea_wrap02 input{ /* for others */
  float:left;
  display:inline;
  margin:4px 3px 0px 2px;
}
.searcharea_wrap02 span.style{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:160px;
}
.searcharea_wrap02 span.style_2{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:120px;
}
.searcharea_wrap02 span.style_w{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:105px;
}
.searcharea_wrap02 span.style_tai{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:80px;
}
.searcharea_wrap02 span.brand{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:100px;
}
.searcharea_wrap02 span.kodawari{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:100px;
}
.searcharea_wrap02 span.kodawari2{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
  font-weight:normal;
  line-height:20px;
  width:180px;
}
.searcharea_wrap02 span.brand a{
  line-height:18px;
}
/* =====================================
searcharea btn
======================================== */
input#search_btn{
  float:left;
  display:inline;
  margin:0px 330px 10px 330px;
}
/* ==========================================================================================================
jobarea
========================================================================================================== */
.search_job_wrap{
  float:left;
  display:inline;
  margin:3px 20px;
  width:940px;
}
/* =====================================
jobarea bar
======================================== */
.bar{
  float:left;
  display:inline;
  margin:10px 0px;
  padding:0;
  line-height:0;
  width:980px;
  height:30px;
  border:none;
  background:url(../../images/search/bar_back_2.png) no-repeat;
}
.bar_1 {float:left;
  display:inline;
  margin:4px 0px 0px 30px;
  padding:0;
  font-weight:normal;
  line-height:20px;
  color:#EE4000;
}
.bar_2 {float:left;
  display:inline;
  margin:4px 0px 0px 0px;
  padding:0;
  font-weight:normal;
  line-height:20px;
  color:black;
}
.bar_3{float:left;
  display:inline;
  margin:4px 0px 0px 0px;
  padding:0;
  font-weight:500;
  line-height:20px;
  font-size:20px;
  color:#EE4000;
}
.bar_4 {float:left;
  display:inline;
  margin:4px 0px 0px 5px;
  padding:0;
  font-weight:normal;
  line-height:20px;
  color:black;
}
#bar h4 {
  margin: 0px 0px 0px 85px;
  font-weight:bold;
  font-size:20px;
  color:red
}
/* =====================================
jobarea title
======================================== */
.job_title_wrap{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  height:35px;
  width:940px;
  background:url(../../images/search/title_back.gif) no-repeat;
}
.corp_name{
  float:left;
  display:inline;
  margin:0;
  padding:0px 0px 0px 20px;
  color:#FFFFFF;
}
.corp_name a{
  color:white;
  font-size:18px;
  line-height:36px;
  font-weight:bold;
  text-decoration:none;
}
.target_wrap{
  float:right;
  display:inline;
  margin:10px 5px;
  height:28px;
}
.style_wrap{
  float:right;
  display:inline;
  margin:8px 5px;
  height:22px;
}
.target_wrap img,
.style_wrap img{
  margin:0px 1px;
  float:left;
  display:inline;
}
/* =====================================
jobarea body
======================================== */
.search_job_body{
  float:left;
  display:inline;
  margin:0;
  width:920px;
  padding:0px 10px;
  background:url(../../images/search/job_back.jpg) repeat-y;
}
.catch{
    background: url("../../images/search/catch_back_2.jpg") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 0 0 50px;
    width: 870px;
}
/* =====================================
jobarea body left
======================================== */
.body_left_wrap{
  width:286px;
  float:left;
  margin:5px 0px 0px 0px;
  display:inline;
}
img.corp_img{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:280px;
  height:210px;
}
.photo a img        { opacity:1.0;filter: alpha(opacity=100); }
.photo a:hover        { margin: 3px; }
.photo a:hover img    {opacity:0.6; filter: alpha(opacity=60); }
.search_submit{
  float:left;
  display:inline;
  margin:10px 43px 0px 43px;
  padding:0;
  width:200px;
  height:30px;
}
.search_submit a img{
  display:block;
  width:100%;
  height:100%;
  opacity:1.0;filter: alpha(opacity=100);
}
.search_submit a:hover img{
  opacity:0.5; filter: alpha(opacity=60);
}
.text_link{
  float:left;
  display:inline;
  margin:10px 13px;
  width:240px;
  line-height:16px;
  font-size:10px;
}
.text_link a{
  line-height:16px;
  margin:0px 2px;
}
/* =====================================
jobarea body right
======================================== */
.body_right_wrap{
  width:620px;
  float:left;
  display:inline;
  margin:5px 0px 0px 14px;
}
.info_title{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:620px;
  height:40px;
  background:url(../../images/search/info_title.jpg) no-repeat;
  line-height:0;
  font-size:0;
}
.info_wrap{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:620px;
  background:url(../../images/search/info_back.jpg) repeat-y;
}
.info{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  width:620px;
  background:url(../../images/search/info_foot.jpg) no-repeat bottom;
}
.info .left{
  float:left;
  display:inline;
  margin:0;
  padding:5px 0px 5px 20px;
  width:110px;
  font-size:14px;
  font-weight:bold;
  line-height:20px;
}
.info .right{
  float:left;
  display:inline;
  margin:0;
  padding:5px 10px 5px 10px;
  width:470px;
  line-height:20px;
}
.address{
  width:470px;
  float:left;
  display:inline;
  margin:1px 0px;
}
.right_sala{
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin:0;
  padding:5px 10px 5px 10px;
  width:470px;
  line-height:20px;
  float:left;
  display:inline;
}
.address img{
  float:left;
  display:inline;
  margin:0px 10px 0px 0px;
}
.address span{
  float:left;
  display:inline;
  line-height:20px;
}
.info_kodawari{
  float:left;
  display:inline;
  margin:2px 5px 0px 2px 0px;
  width:110px;
  line-height:20px;
  padding:0px 0px 0px 30px;
  background:url(../../images/share/mark_star.jpg) no-repeat;
}
.textarea{
  float:left;
  display:inline;
  width:620px;
  margin:10px 0px;
  font-size:12px;
  line-height:20px;
}
.btnarea{
  float:left;
  display:inline;
  width:620px;
  height:41px;
}
.btnarea a{
  width:100%;
  height:100%;
  display:block;
}
.btnarea a:hover img{
  opacity:0.6; filter: alpha(opacity=60);
}
/* =====================================
jobarea foot
======================================== */
.search_job_foot{
  display:inline;
  float:left;
  margin:0;
  line-height:0;
  font-size:0;
  height:15px;
  width:940px;
  background:url(../../images/search/job_foot.jpg) no-repeat;
}