@charset "UTF-8";

/*ページ共通レイアウト
----------------------------*/

body {
  background: url(../img/common/page_header.jpg) no-repeat center top;
  color: #666666;
  font-size: 10px;
 *font-size: 60%; /*for IE6,IE7*/
}

#header {
  height: 110px;
}

#header h1 {
  margin: 0;
  font-size: 12px;
  color: #7f99cc;
  font-weight: normal;
  text-align: left;
  top: 0px;
  position: absolute;
  padding-left: 60px;
  padding-top: 10px;
}

#container {
  width: 910px;
  margin-right: auto;
  margin-left: auto;
}

#trust #main,
#company #main,
#planning #main,
#consulting #main {
  width: 680px;
  float: left;
  margin-bottom: 30px;
  padding-left: 25px;
}

#summary #main,
#policy #main,
#contact #main,
#sitemap #main {
  width: 860px;
  float: left;
  margin-bottom: 30px;
  padding-left: 25px;
}

#trust,
#consulting,
#planning,
#summary,
#company,
#policy,
#contact,
#sitemap {
  background: url(../img/common/main_bg.jpg) repeat-y left top;
  padding-bottom: 20px;
  display: block;
}

#pankuzu {
  font-size: 1.1em;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 20px;
}

#contactBox {
  text-align: center;
  padding-top: 10px;
  border-top: 1px double #CCCCCC;
  border-bottom: 1px double #CCCCCC;
  margin-top: 40px;
  font-size: 13px;
  line-height: 140%;
  padding-bottom: 10px;
}

.table_nomal {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-size: 1.3em;
}

.table_nomal li {
  list-style: disc;
  margin-left: 15px;
}

.table_nomal td,
.table_nomal th {
  padding: 5px;
  color: #333333;
}

.contentBox li {
  list-style: square;
  margin-left: 30px;
  color: #333333;
  line-height: 1.4;
}

.contentBox ul {
  font-size: 1.3em;
}

.contentBox {
  margin-bottom: 20px;
}

#summary h3,
#policy h3,
#sitemap h3 {
  background: url(../img/common/sub_ttle810.jpg) no-repeat;
  margin-left: 15px;
}

#summary #contentBox,
#policy #contentBox,
#sitemap #contentBox {
  background: url(../img/common/content_box810_bg.jpg) repeat-y;
  width: 810px;
  margin-left: 20px;
}
.contentBox table {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/*ページ共通　右メニュー
----------------------------*/
#side {
  width: 175px;
  float: right;
  height: 630px;
  background: url(../img/common/side_bg.jpg) no-repeat left top;
  padding: 30px 5px;
}
#side     ul {
  list-style: none;
  background: #FFFFFF;
  margin-right: 10px;
  margin-left: 5px;
  padding-bottom: 5px;
  display: block;
  padding-top: 5px;
}
#side     li {
  background: url(../img/common/side_yajirusi.gif) no-repeat left 12px;
  text-indent: 13px;
  line-height: 35px;
  list-style: none;
  margin: 0px 5px;
  padding: 0px;
}

#side li li {
  margin-left: 10px;
  display: block;
}

#side a {
  font-size: 12px;
  color: #000099;
  text-decoration: none;
  border-bottom: 1px dotted #999999;
  display: block;
  zoom:1;
}

#side a:hover {
  color: #FF9900;
}

/*ページ共通　フォント・見出し
----------------------------*/

h2 {
  text-indent: -9999px;
  height: 155px;
  width: 910px;
  clear: both;
}

h3 {
  background: url(../img/common/subttle_bg_01.jpg) no-repeat;
  height: 40px;
  line-height: 35px;
  color: #FFFFFF;
  text-indent: 25px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.4em;
}
h4  {
  color: #003366;
  border-bottom: 1px solid #003366;
  padding-top: 10px;
  margin: 10px 5px 20px 15px;
  font-size: 2em;
  font-weight: bolder;
}

p {
  font-size: 1.4em;
  line-height: 1.5;
  color: #333333;
  margin: 15px;
}

.kome {
  text-indent: -1em;
  margin-left: 30px;
  line-height: 1.3;
  color: #666666;
  font-size: 1.2em;
}

.moji_maru {
  font-family: "HG丸ｺﾞｼｯｸM-PRO", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
}

.link_blank a {
  background: url(../img/common/link_blank.gif) no-repeat right center;
  text-align: right;
  padding-right: 25px;
}


#planning  caption {
  font-size: 1.8em;
  color: #333333;
  font-weight: normal;
  margin-top: 10px;
  padding-bottom: 5px;
}

#card table {
  background: url(../img/planning/planning_card_bg.jpg) repeat-x;
  height: 320px;
  width: 680px;
}

/*運営受託ページ用
----------------------------*/

#trust .contentBox {
  background: url(../img/common/content_box_bg.jpg) repeat-y left bottom;
}

#trust .contentBox table {
  margin-left: 15px;
  margin-right: 25px;
}

#trust .contentBox td {
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  padding-top: 10px;
}

#riten {
  background: url(../img/trust/riten_bg.jpg) no-repeat;
  height: 250px;
  width: 660px;
  margin-left: 15px;
  margin-top: 20px;
}

#riten p {
  margin: 0px 7px 0px 12px;
  font-size: 1.2em;
  color: #666666;
  line-height: 1.3;
}

#deviceBox_01 {
  background: url(../img/trust/device_sisetu.gif) no-repeat;
  height: 360px;
  width: 600px;
  padding: 5px 20px 0px 15px;
  margin-left: 20px;
}

#deviceBox_01 li,
#deviceBox_02 li {
  background: url(../img/common/grey_yajirusi.gif) no-repeat left 3px;
  padding-left: 12px;
  margin-right: 10px;
  margin-left: 8px;
  margin-top: 8px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
  line-height: 1.1;
  list-style: none;
 *font-size: 80%; /*for IE6,IE7*/
  font-size: 1.2em;
}

#deviceBox_01 table {
  width: 615px;
}

#deviceBox_02 {
  background: url(../img/trust/device_honbu.gif) no-repeat;
  width: 600px;
  height: 210px;
  padding: 5px 20px 0px 15px;
  margin-left: 20px;
}

#device_tema ul {
  list-style: none;
  margin: 20px 30px 40px 20px;
}

#device_tema li {
  height: 40px;
  border-bottom: 1px dotted #999999;
  background: url(../img/common/grey_yajirusi.gif) no-repeat left center;
  padding-left: 20px;
  color: #003366;
  font: 16px/40px "HG丸ｺﾞｼｯｸM-PRO", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
}


/*運営企画用
----------------------------*/

#planning .contentBox table {
  margin-left: 15px;
  margin-right: 5px;
}

#planning .contentBox ul {
  font-size: 12px;
}

th.emp   {
  padding-top: 10px;
  padding-bottom: 3px;
  font-size: 1.7em;
  color: #333333;
  border-bottom: 1px dashed #999999;
  padding-left: 5px;
  font-weight: normal;
}

#planning .contentBox td {
  padding-bottom: 10px;
}

#planning .contentBox p {
  font-size: 1.3em;
  margin-top: 10px;
  margin-bottom: 5px;
}

li.small {
  font-size: 10px;
  margin: 5px 5px 0px;
  padding: 0px;
  list-style: disc inside;
  text-align: left;
}

#support_tejyun {
  background: url(../img/planning/kyouka_bg.gif) no-repeat left top;
  width: 600px;
  margin: 10px auto;
}

#support_tejyun ol li {
  list-style: decimal;
  font-size: 1.4em;
  line-height: 1.5;
  margin-left: 90px;
}
#support_step  {
  font-size: 1.6em;
  display: block;
  border-bottom: 1px solid #FF6600;
  width: 200px;
  margin-right: auto;
  margin-left: 110px;
  color: #FF6600;
  margin-top: 10px;
  text-align: center;
}

/*事業再生支援事例用*/
#supportCase {
  background: url(../img/planning/support_case_picture.jpg) no-repeat left bottom;
  height: 700px;
  margin: 0px;
  padding: 0px;
}

#supportCase h4 {
  border-bottom: 1px dotted #666666;
  padding-bottom: 5px;
  margin: 0px 0px 5px;
  font-size: 1.4em;
}
#supportCase li {
  font-size: 1.3em;
  line-height: 1.2;
  list-style: none;
  padding-left: 10px;
  padding-bottom: 5px;
  color: #003366;
}

#supportCase ul {
  float: left;
}
#supportCase  #one {
  height: 150px;
  width: 400px;
}

#supportCase img {
  text-align: left;
  vertical-align: middle;
}
#hokkaidou,
#touhoku,
#kantou,
#cyubu,
#kinki,
#kyusyu {
  padding: 5px;
  background: url(../img/common/touka.gif) repeat;
}

#hokkaidou {
  width: 230px;
  position: absolute;
  top: 433px;
  padding: 5px;
  margin-left: 420px;
}

#touhoku {
  width: 230px;
  position: absolute;
  top: 590px;
  margin-left: 420px;
}

#kantou {
  width: 230px;
  position: absolute;
  top: 830px;
  margin-left: 420px;
}

#cyubu {
  width: 230px;
  position: absolute;
  top: 563px;
  padding: 5px;
  margin-left: 160px;
}

#kinki {
  width: 230px;
  position: absolute;
  top: 830px;
  margin-left: 160px;
}

#kyusyu {
  width: 110px;
  position: absolute;
  top: 590px;
  margin-left: 25px;
}

/*人材派遣・紹介用
----------------------------*/
#consulting  #main li {
  margin-left: 40px;
}

#contact td,
#contact th {
  padding: 5px;
}
#sitemap #main ul {
  padding-left: 20px;
  line-height: 150%;
}

#policy h4 {
  font-size: 1.4em;
  margin-right: 20px;
}



#summary #contentBox table {
  margin-right: 20px;
  margin-left: 20px;
  font-size: 1.3em;
  color: #333333;
}

#summary #contentBox p {
  font-size: 1.1em;
  line-height: 1.3;
  margin-left: 10px;
}
#summary   #contentBox   th {
  font-size: 1.3em;
}

#summary #contentBox td {
  padding-bottom: 3px;
  border-top: 1px dotted #666666;
}

#company .contentBox {
  background: url(../img/common/content_box_bg.jpg) repeat-y left bottom;
}

#company .contentBox table {
  margin-left: 15px;
  margin-right: 25px;
}

#smap {
  display: block;
  margin-left: 50px;
  text-align: left;
  float: left;
}

#smap a {
  text-decoration: underline;
  font-size: 13px;
  margin: 0px;
  line-height: 1.5;
}

#smap li {
  list-style-type: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

#smap ul {
  list-style: url(../img/sitemap/l2_normal.gif);
}

#smap ul ul {
  list-style-image: url(../img/sitemap/l3_normal.gif);
}

#smap ul ul ul {
  list-style-image: url(../img/sitemap/l4_normal.gif);
}

#smap ul li.firstfollow {
  list-style-image: url(../img/sitemap/l2_first_follow.gif);
}

#smap ul li.last {
  list-style-image: url(../img/sitemap/l2_last_item.gif);
}

#smap ul ul li.firstfollow {
  list-style-image: url(../img/sitemap/l3_first_follow.gif);
}

#smap ul ul li.last {
  list-style-image: url(../img/sitemap/l3_last_item.gif);
}

#smap ul ul ul li.firstfollow {
  list-style-image: url(../img/sitemap/l4_first_follow.gif);
}

#smap ul ul ul li.last {
  list-style-image: url(../img/sitemap/l4_last_item.gif);
}
#smap  > ul {
  margin-left: 30px;
  padding-left: 50px;
}

#smap > ul ul {
  margin-left: 20px;
}

#smap > ul ul ul {
  margin-left: 20px;
}
.top {
  height: 100px;
  width: 400px;
  position: absolute;
  text-indent: -9999px;
  display: block;
}

