@import url(http://www.tsscorp.co.jp/css/styles-site.css);

/* Style TSS用 Base CSS (styles-oshigoto.css) */

#main .navi{
  padding:15px 3px;
  }

#main .entryList{
  width:688px;
  margin-bottom:15px;
  padding-bottom:2px;
  background:url(http://www.tsscorp.co.jp/imgs/categorylist_back-bottom.jpg) no-repeat bottom;
  overflow:hidden;
  }

#main .entryList ul{
  width:668px;
  padding:10px 10px 0;
  background:url(http://www.tsscorp.co.jp/imgs/categorylist_back-top.jpg) no-repeat top;
  }

#main .entryList li{
  list-style:none;
  float:left;
  width:145px;
  text-align:left;
  line-height:14px;
  padding:0 5px 10px 15px;
  background:url(http://www.tsscorp.co.jp/imgs/companylist-point.jpg) no-repeat left 1px;
  overflow:hidden;
  }

#main h2{background:url(http://www.tsscorp.co.jp/imgs/title-oshigoto_back.jpg) no-repeat top;}

#main .title{
  width:668px;
  height:20px;
  color:#000;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  line-height:20px;
  padding:12px 10px 16px;
  background:url(http://www.tsscorp.co.jp/imgs/title_h3-back.jpg) no-repeat 0 5px;
  clear:both;
  }

#main .companyBody{
  height:80px;
  line-height:20px;
  overflow:hidden;
  }

#main .service{
  width:676px;
  margin:5px 3px 10px;
  border:1px solid #DFDFDF;
  }

#main .service h3{
  width:636px;
  height:20px;
  color:#006599;
  font-size:14px;
  text-align:left;
  line-height:20px;
  padding:7px 10px 7px 30px;
  background:url(http://www.tsscorp.co.jp/imgs/longbox-title.jpg) no-repeat;
  }

#main .haken, #main .tensyoku{
  width:328px;
  margin:5px 3px 10px;
  border:1px solid #DFDFDF;
  }


#main .haken{float:left;clear:both;}
#main .tensyoku{float:right;}

#main .haken h3, #main .tensyoku h3{
  width:288px;
  height:20px;
  color:#006599;
  font-size:14px;
  text-align:left;
  line-height:20px;
  padding:7px 10px 7px 30px;
  background:url(http://www.tsscorp.co.jp/imgs/company-title.jpg) no-repeat;
  }

#main .boxDetail{
  float:left;
  width:304px;
  padding:12px;
  }

#main .boxImage{
  float:left;
  width:64px;
  height:64px;
  padding:1px;
  border:1px solid #DFDFDF;
  }

#main .boxBody{
  float:right;
  width:230px;
  text-align:left;
  line-height:180%;
  }

#main .service ul, #main .haken ul, #main .tensyoku ul{
  float:right;
  width:304px;
  padding:12px;
  }

#main .service li, #main .haken li, #main .tensyoku li{
  list-style:none;
  float:left;
  width:120px;
  height:16px;
  text-align:left;
  line-height:16px;
  padding:2px 5px 3px 18px;
  background:url(http://www.tsscorp.co.jp/imgs/menu-point.jpg) no-repeat 3px 4px;
  }

#main .haken .boxDetail, #main .tensyoku .boxDetail{
  padding:12px 12px 2px;
  }

#main .haken ul, #main .tensyoku ul{
  padding:7px 12px 12px;
  }

#main .entryBody p{
  padding:0 15px 10px;
  }

#main .entryBody .titleB{
  color:#000;
  font-size:18px;
  font-weight:bold;
  margin:5px auto 10px;
  padding:5px 10px;
  border-bottom:1px dotted #ccc;
  }

#main .entryBody .yajirushi, #main .entryBody .yajirushiRed{
  font-size:14px;
  font-weight:bold;
  text-align:left;
  padding:5px 5px 5px 30px;
  }

#main .entryBody .yajirushi{
  color:#284AA8;
  background:url(http://www.tsscorp.co.jp/imgs/title-yajirushi.jpg) no-repeat 2px 3px;
  }

#main .entryBody .yajirushiRed{
  color:#FF6666;
  background:url(http://www.tsscorp.co.jp/imgs/title-yajirushi_red.jpg) no-repeat 2px 3px;
  }


#main .entryBody .yajirushiB{
  color:#284AA8;
  font-size:14px;
  font-weight:bold;
  margin:15px 0 5px;
  padding:5px 5px 5px 30px;
  border-bottom:1px dotted #ccc;
  background:url(http://www.tsscorp.co.jp/imgs/title-yajirushi.jpg) no-repeat 2px 3px;
  }


#main .tensyokuList li{
  list-style:none;
  float:none;
  text-align:left;
  line-height:14px;
  padding:2px 5px 7px 22px;
  background:url(http://www.tsscorp.co.jp/imgs/tensyoku-list.jpg) no-repeat 5px 2px;
  }

#main .entryBody .shoukaibunya{
  margin:50px auto ;
  padding:15px 10px;
  border:1px solid #ccc;
  clear:both;
  }

#main .entryBody .shoukaibunya h5{
  color:#333;
  font-size:14px;
  font-weight:bold;
  padding:5px 10px 3px;
  }

#main .gaiyou table{
  width:640px;
  color:#000;
  font-size:12px;
  text-align:left;
  margin:10px auto 20px;
  }

#main .gaiyou th{
  width:145px;
  font-weight:normal;
  margin:0 2px 2px 0;
  padding:10px 15px;
  border-bottom:1px solid #CCC;
  background:url(http://www.tsscorp.co.jp/imgs/information_th-back.jpg);
  }

#main .gaiyou td{
  width:440px;
  padding:10px 9px 10px 15px;
  border-bottom:1px dotted #CCC;
  }




#main .entry{
  width:684px;
  margin:5px 0 15px;
  }

#main .entryDetails{
  text-align:left;
  line-height:170%;
  padding:10px 20px 0;
  }

#main .entryDetails p{
  padding-bottom:10px;
  }

#main .entry h3{
  width:630px;
  height:15px;
  font-size:14px;
  text-align:left;
  line-height:15px;
  padding:10px 12px 18px 42px;
  overflow:hidden;
  }

#main .entry h3 a{text-decoration:none;}
#main .entry h3 a:hover{text-decoration:underline;}

#lifeEntry h3{color:#E2709C;background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_life-title.jpg) no-repeat top;}
#jobEntry h3{color:#599DE3;background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_job-title.jpg) no-repeat top;}


#main .entry h4{
  height:15px;
  font-size:14px;
  text-align:left;
  line-height:15px;
  padding:10px 20px 0 35px;
  clear:both;
  }

#lifeEntry h4{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/life-point.jpg) no-repeat 20px 10px;}
#jobEntry h4{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/job-point.jpg) no-repeat 20px 10px;}


#main .entry .bottom{
  padding:5px 10px 10px;
  clear:both;
  }

#lifeEntry{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_life-back.jpg) repeat-y;}
#lifeEntry h3 a{color:#E2709C;}
#lifeEntry .bottom{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_life-bottom.jpg) no-repeat bottom;}

#jobEntry{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_job-back.jpg) repeat-y;}
#jobEntry h3 a{color:#599DE3;}
#jobEntry .bottom{background:url(http://www.tsscorp.co.jp/oshigoto/imgs/entrybox_job-bottom.jpg) no-repeat bottom;}

#jobEntry table{
  width:614px;
  margin:0 auto;
  background:#9EC4ED;
  }

#jobEntry th, #jobEntry td{
  font-weight:normal;
  }

#jobEntry th{
  width:136px;
  text-align:center;
  padding:5px;
  background:#E0EBEF;
  }

#jobEntry td{
  width:448px;
  padding:5px 10px;
  background:#fff;
  }

#jobEntry .renraku{
  width:344px;
  margin:5px auto 0;
  padding:10px 15px 10px 25px;
  background:#E8F0F7;
  }



#staffFormBody p,
#jinzaiFormBody p{
  width:515px;
  text-align:left;
  padding:5px 9px 0 160px;
  }

#staffFormBody .bottom,
#jinzaiFormBody .bottom{
  width:590px;
  height:60px;
  text-align:left;
  padding:0 9px 0 85px;
  }

#staffFormBody .bottom{background:url(http://www.tsscorp.co.jp/imgs/contact_temporary-bottom.jpg) no-repeat bottom;}
#jinzaiFormBody .bottom{background:url(http://www.tsscorp.co.jp/imgs/contact_regular-bottom.jpg) no-repeat bottom;}

