@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------------------ 
Toppage Styles
------------------------------------------------------------------------------------------------------------------ */

/*--------------------------------------------------------- 
Body
--------------------------------------------------------- */
body {
  background: #fff url(../../img/body_back.gif) repeat-x  !important;
}

/*--------------------------------------------------------- 
Header
--------------------------------------------------------- */
div#main_img {
  background-image: url(../../img/contents_tit/contents_tit_outplacement.gif) !important;
  height: 100px !important;
}

/*--------------------------------------------------------- 
Body
--------------------------------------------------------- */
div#main div#main_left #outplacement {
  width: 675px;
  padding: 0px 15px 20px;
  border-bottom: 2px solid #438ACA;
  margin-bottom: 10px;
}

div#main div#main_left #swich {
  width: 705px;
  padding: 10px 0px;
}
div#main div#main_left #swich a {
  display: block;
  color: #FFFFFF;
}
div#main div#main_left #swich a:hover {
  color: #FFFF00;
}

div#main div#main_left #swich #swich_left {
  display: block;
  width: 349px;
  height: 40px;
  float: left;
  border-width: 2px;
  border-style: solid;
  border-color: #FFCC99 #993200 #993100 #FFCC99;
  background-color: #ED842A;
  text-align: center;
  line-height: 40px;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
}
div#main div#main_left #swich #swich_left_off {
  display: block;
  width: 349px;
  height: 40px;
  float: left;
  border-width: 2px;
  border-style: solid;
  border-color: #FFD9B3 #BF7A00 #C07A00 #FFD9B3;
  background-color: #FFCC66;
  text-align: center;
  line-height: 40px;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
}

div#main div#main_left #swich #swich_right {
  display:block;
  width: 348px;
  height: 40px;
  float:left;
  border-width: 2px;
  border-style: solid;
  border-color: #FFCC99 #993200 #993100 #FFCC99;
  background-color: #ED842A;
  text-align: center;
  line-height: 40px;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
}
div#main div#main_left #swich #swich_right_off {
  display: block;
  width: 348px;
  height: 40px;
  float: left;
  border-width: 2px;
  border-style: solid;
  border-color: #FFD9B3 #BF7A00 #C07A00 #FFD9B3;
  background-color: #FFCC66;
  text-align: center;
  line-height: 40px;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
}


div#main div#main_left #service {
}
div#main div#main_left #service_img {
  width: 705px;
  height: 710px;
  background: url(../../img/outplacement/flow.gif) no-repeat 0px 0px;
  text-indent: -9999px;
}

div#main div#main_left #voice {
}
div#main div#main_left #voice .voice_wrap {
  width: 675px;
  margin-bottom: 10px;
  padding: 0px 15px 20px;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left{
  width: 137px;
  margin-right: 20px;
  float: left;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_img1{
  background: url(../../img/outplacement/voice_img1.gif) no-repeat;
  width: 137px;
  height: 95px;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_img2{
  background: url(../../img/outplacement/voice_img2.gif) no-repeat;
  width: 137px;
  height: 95px;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_img3{
  background: url(../../img/outplacement/voice_img3.gif) no-repeat;
  width: 137px;
  height: 95px;
}

div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_caption{
  background: url(../../img/outplacement/voice_img_kei.gif) repeat-y;
  width: 127px;
  padding: 5px;
  color: #5E563F;
  font-weight: bold;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_name{
  background: url(../../img/outplacement/voice_img_kei.gif) repeat-y;
  width: 127px;
  padding: 5px;
  font-size: 0.8em;
  text-align: center;
}
div#main div#main_left #voice .voice_wrap .voice_wrap_left .voice_last{
  background: url(../../img/outplacement/voice_img_foot.gif) no-repeat;
  width: 137px;
  height: 8px;
}


div#main div#main_left #voice .voice_wrap .voice_wrap_right{
  width: 518px;
  float: left;
  border-top: 1px solid #88ABDA;
  border-bottom: 1px solid #88ABDA;
  padding-top: 8px;
  padding-bottom: 8px;
}

/*------------------------------------------------------------------------------------------------------------------ 
Toppage Styles End
------------------------------------------------------------------------------------------------------------------ */