@charset "utf-8";

/* =============================================================
 * サイト名 - Local Pages
 * =============================================================
 * URL: http://xxx.xxx/
 * Created: 2008-01-01
 * Last modified: 2008-01-01
 * Copyright (C) XXX. All Rights Reserved.
 * ------------------------------------------------------------- */
#company #sub_contents h4 a {
  background-image: url("../company/image/page_menu.gif");
  }


#company #company_inquiry h3,
#company #access h3,
#company #coordi h3,
#company #office_osaka h3,
#company #office_nagoya h3 {
  background: url("../image/global/h3_bg01.gif") no-repeat;
  margin: 30px 0 10px;
  padding: 5px 5px 5px 15px;
  border: 0;
  color :#FFFFFF;
}

#company h3 a {
  color :#FFFFFF;
}
/* -------------------------------------------------------------
 * ビー・グルーヴについて - メニュー
 * ------------------------------------------------------------- */

#company #contents #company_menu {
  padding: 0;
  display: block;
  width: 620px;
}

#company #contents #company_menu h3 {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 5px;
  border: 0;
  }
#company #contents #company_menu dl {
  margin: 0;
  padding: 5px;
  float:left;
  display: block;
  width: 290px;
  _width: 300px;
  }

#company #contents #company_menu dl.left {
  float:left;
  }
#company #contents #company_menu dl.right {
  float:right;
  }

#company #contents #company_menu dt {
  background: url(../company/image/company_menu_bg.gif) no-repeat;
/*background: #ffDD00; opacity: 0.5; filter: alpha(opacity=50);*/
  height: 25px;
  _height: 35px;
  width: 270px;
  _width: 300px;
  font-size:120%;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 30px;
}
#company #company_menu dd {
  margin: 0;
  padding: 2px 15px;
  width: 270px;
  _width: 300px;
  background: url(../company/image/company_menu_bg.gif) no-repeat bottom;
}
/* -------------------------------------------------------------
 * 会社案内 - 会社概要 
 * ------------------------------------------------------------- */

#company div.read img {
  float:left;
	display: block;
	border: 0px;
	margin: 0;
	padding: 0;
  margin-right: 10px;
}

#company div.read p {
	margin: 2px 0;
}

#company em {
  font-weight: bold;
  font-style: normal;
  color :#FF6400;
  font-size: 110%;
}

/* -------------------------------------------------------------
 * 会社案内 - 会社概要 - 挨拶
 * ------------------------------------------------------------- */

#company img.message {
  float:right;
	display: block;
	border: 0px;
	margin: 0;
	padding: 0;
}

#company table.outline {
	width: 620px;
	border: 0px;
}

#company table.outline th,
#company table.outline td,
#company table.outline tr {
	border: 1px solid #BFBFBF;
	padding:3px 5px;
}

#company table.outline th {
  background: url("../company/image/outline_bg.gif");
	font-style: normal;
/*  font-weight: normal;*/
}

#company table.outline ul {
	list-style-type: none;
	list-style-position: outside;
	padding:0;
	margin: 0;
}

#company table.outline li {
	text-indent:0px;
}



/* -------------------------------------------------------------
 * 派遣スタッフ登録 - 会場案内
 * ------------------------------------------------------------- */




#company p.office_right img {
  float:right;
	display: block;
	border: 0px;
	margin: 0;
	padding: 0;
  margin-left: 10px;
}

#company p.office_left img {
  float:left;
	display: block;
	border: 0px;
	margin: 0;
	padding: 0;
  margin-right: 10px;
}

#company dd.office_right img {
  float:right;
	display: block;
	border: 0px;
	padding:0;
  margin-left: 10px;
}

#company dd.office_right {
	padding:10px 0;
}

#company dl.office_photo {
  margin: 0px 0px 0px 15px;
}

#company dl.office_photo dt {
  background: #E2F1FF;
  border-bottom: 1px solid #c1c1c1;
  font-weight: bold;
  color :#003264;
  padding: 5px 10px 2px;
	font-size:110%;
}

#company dl.office_photo dd {
  margin: 5px 0px 0px 0px;

}




/* -------------------------------------------------------------
 * 会社案内 - コーディネーター紹介
 * ------------------------------------------------------------- */
#company #coordi h3,
#company #coordi h4 {
  clear: both;
}


#company #coordi h4 {
  height:30px;
  margin-bottom:5px;
  text-indent:-9999px;
  background: url("../company/image/coordi_message_bg.gif") no-repeat top;
}

#company #coordi img {
  float:left;
	display: block;
	border: 0px;
	margin: 0;
	padding: 0;
  margin-right: 10px;
}



#company #coordi div.message {

  background:#D9EFFB;
  margin-bottom:20px;
  width:  580px;
  padding:15px;
}


/*
#company #coordi p.box {
  background:#D9EFFB;

  width:  580px;
  padding:60px;
}
*/

/* -------------------------------------------------------------
 * 会社案内 - アクセス
 * ------------------------------------------------------------- */
#company #access {
  margin-bottom: 40px;
}

#company #access p {
  width:  500px;
  margin: 0;
  padding: 10px 60px;
}

/* -------------------------------------------------------------
 * 会社案内 - 問合せ
 * ------------------------------------------------------------- */

/* --上記個人情報---*/



#company #company_inquiry #policy {
  border: 1px solid #818181;
  padding: 4px;
  height: 150px;
  overflow: auto;
}
#company #company_inquiry #policy dl {
  margin: 10px;
}

#company #company_inquiry #policy dl ul li {
  margin-left: -40px;
  list-style-type: none;
}

#company #company_inquiry #policy dt {
  background: #F5F5F5;
  border-bottom: 1px solid #c1c1c1;
  font-weight: bold;
  color :#003264;
  padding: 3px 10px;
	font-size:110%;
}

#company #company_inquiry #policy dl.policy02 dl,
#company #company_inquiry #policy dl.policy02 dt {
  padding: 0;
  margin: 0;
}


#company #company_inquiry #policy dl.policy02 {
	border: 1px solid #c1c1c1;
	border-top: none;
	width: 574px;
}

#company #company_inquiry #policy dl.policy02 dt {
	border: none;
  border-top: 1px solid #c1c1c1;
  float: left;
	clear: left;
  width: 140px;
  _width: 150px;
  padding: 5px;
  background: #FFFFFF;
	font-size:100%;
  font-weight: normal;
  color :#000000;

}

#company #company_inquiry #policy dl.policy02 dd {
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  padding: 5px;
  margin: 0  0 0 150px;
}

#company #company_inquiry #policy dl.policy02 dd p {
  margin: 0 0 5px;
}

#company #company_inquiry #policy dd {
  margin: 10px 0;
}

/* --問い合わせフォーム---*/
#company #company_inquiry #form table {
  border: 1px solid #c1c1c1;
/*  background:#F5F5F5;*/
  width:620px;
}
#company #company_inquiry #form tr,
#company #company_inquiry #form th,
#company #company_inquiry #form td {
  border: 1px solid #c1c1c1;
  border-collapse: collapse;
  padding: 5px;
}
#company #company_inquiry #form th {
	background: url(../company/image/outline_bg.gif) ;
/*  width:30%;*/
  width:180px;
  font-weight: normal;
  text-align:left;
}
#company #company_inquiry #form p {
  margin: 0 0 5px;
	font-size:90%;
  padding: 4px;
/*  border: 1px solid #c1c1c1;
  background:#FBFAD9;*/
  line-height: 120%;
}

#company #company_inquiry #form dl,
#company #company_inquiry #form dt,
#company #company_inquiry #form dd {

  margin: 0;
  padding: 0;
  width:0;
}
#company #company_inquiry #form dt.dt01,
#company #company_inquiry #form dd.dd01,
#company #company_inquiry #form dt.dt02,
#company #company_inquiry #form dd.dd02 {
  float:left;
  display: block;
}
#company #company_inquiry #form dt.dt01,
#company #company_inquiry #form dt.dt02 {
  background:none;
  border:0;
  padding: 0 2px 0;
  color :#333333;
  font-size:90%;
}

#company #company_inquiry #form table tr.entry_action {
  background:#F5F5F5;
  text-align:center;
}

#company #company_inquiry #form span.required {
  font-weight: bold;
  color :#FF6400;
}

#company #company_inquiry ul.error {
  background:#F5F5F5;
  border: 2px solid #AF024B;
  color :#AF024B;
  font-size:108%;
}

#company #company_inquiry p.result{
  width: 600px;
  background:#F5F5F5;
  border: 1px solid #C1C1C1;
  padding: 10px;

}

#company #company_inquiry p.result span{
  font-weight: bold;
}







/* -------------------------------------------------------------
 * 会社案内 - オンライン登録btn
 * ------------------------------------------------------------- */
#company ul.online_entry {
	list-style-type: none;
  clear: both;
	margin: 0 0 0 115px;
  padding: 0 0 20px;
  width: 345px;
  height: 55px;
  _width: 385px;
}
#company ul.online_entry a {
	background: url(../image/global/entry_btn.gif) no-repeat top;
	height: 55px;
  width:  345px;
	text-indent: -9999px;
/*  margin: 0px 0px 20px 0px;*/
	display: block;
	overflow: hidden;
}

#company ul.online_entry a:hover { background-position:    0px  -55px; }

/* -------------------------------------------------------------
 * 会社案内 - 問合せ
 * ------------------------------------------------------------- */
/* ここからcontact.cssに転記 
#company div.contact {
	background: url(../image/global/contact.gif) no-repeat;
  padding: 10px;
  width: 600px;
  height: 155px;
  _width: 620px;
}
#company #contents div.contact h3 {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 30px;
  border: 0;
  }
#company #contents div.contact p.summary {
  margin: 0;
  height: 20px;
  line-height: 20px;
  }

#company #contents div.contact dl {
  margin: 0;
  }
#company #contents div.contact dt,
#company #contents div.contact dd {
  float: left;
  height: 35px;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 35px;
  }

#company #contents div.contact dt{
  background: url(../image/global/contact.gif) no-repeat;
  background-position:    10px    60px;
  clear: both;
  text-indent: -9999px;
  width: 113px;
  }

#company #contents div.contact dd {
  text-indent: -9999px;
  }

#company #contents div.contact ul {
  list-style-type: none;
  background-position:10px 60px;
  margin: 0;
  padding: 0;
  }

#company #contents div.contact a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
}



#company #contents div.contact dd.con01 { width: 235px;}
#company #contents div.contact li.con02 { width: 180px;}
#company #contents div.contact li.con04 { width: 71px;}
#company #contents div.contact dd.con05 { width: 235px;}
#company #contents div.contact li.con06 { width: 180px;}
#company #contents div.contact li.con08 { width: 71px ;}

#company #contents div.contact dd.con09 { width: 235px;}
#company #contents div.contact li.con10 { width: 180px;}
#company #contents div.contact li.con11 { width: 71px ;}


#company #contents div.contact li.con02 a:hover { background: url(../image/global/contact.gif); background-position: -358px -235px;}

#company #contents div.contact li.con06 a:hover { background: url(../image/global/contact.gif); background-position: -358px -270px;}

#company #contents div.contact li.con10 a:hover { background: url(../image/global/contact.gif); background-position: -358px -305px;}

 ここまでcontact.cssに転記 */

