@charset "UTF-8";

/* ================ */
/*     grobal       */
/* ================ */

* {
    margin:0;
    padding:0;
    line-height:1;
}

h1,h2,h3,h4,h5,h6 {
    font:1em normal;
}

img {
    border:none;
}


hr.clear {
    clear:both;
    visibility:hidden;
    height:1px;
}

body {
	text-align:center;
	color:#333;
    background:#FEFEFE;
	font-size:80%;
	line-height:1.5;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
}

#wrapper {
    text-align:left;
    margin:0 auto;
    width:760px;
    position:relative;
}

/* ================ */
/*       top        */
/* ================ */

#top {
    width:760px;
    height:100px;
    background:url(http://www.hprecruiting.net/img/top.jpg) bottom no-repeat;
    position:relative;
}

#logo {
    width:332px;
    height:27px;
    position:absolute;
      left:92px;
      top :44px;
}

#topbar {
    width:300px;
    height:30px;
    text-align:center;
    position:absolute;
      right:0px;
}

#topbar ul {
    list-style:none;
    margin-left:30px;
}

#topbar li {
    display:inline;
    margin-right:30px;
    font-size:12px;
    line-height:2.5;
}

#topbar li a {
    color:#080;
}

/* ================ */
/*     contents     */
/* ================ */

#contents {
    background:url(http://www.hprecruiting.net/img/contents.gif) repeat-y;
}

#index #contents {
    padding-top:265px; /* bt */
}

/* ================ */
/*      main        */
/* ================ */

#main {
    width:534px;
    float:right;
}

#main-inner {
    padding:10px 11px 10px 10px;
}

.cr1 {
    background:url(http://www.hprecruiting.net/img/cr1.gif) no-repeat;
    font-size:13px;
    height:31px;
    line-height:2.38;
    padding-left:16px;
    margin-bottom:10px;
}

.cr2 {
    background:url(http://www.hprecruiting.net/img/cr2.gif) no-repeat;
    font-size:12px;
    height:24px;
    line-height:2;
    padding-left:12px;
    margin-bottom:10px;
}

p + .cr1,
p + .cr2
{
    margin-top:20px;
}

#main-inner p {
    margin:0 10px 10px;
    line-height:1.5;
}

#main-inner p#b_list {
    margin-left:0;
}

#main-inner .gotop {
    display:block;
    margin:20px 20px 0 0;
    text-align:right;
}

/* ================ */
/*       sub        */
/* ================ */

#sub {
    width:226px;
    float:left;
    padding-top:265px; /* bt */
}

#index #sub {
    padding-top:5px;
}

.cr-sub {
    height:30px;
    width:210px;
    font-sie:13px;
    line-height:2.45;
    color:#FFF;
    text-indent:40px;
    margin-left:6px;
    background:url(http://www.hprecruiting.net/img/cr-sub.gif);
}

.cr-sub-img {
    height:30px;
    width:210px;
    margin-left:6px;
}


.sbox {
    border:1px #A0A8BB solid;
    margin:0 10px 10px 6px;
    background:#FFF;
}

.sbox p,
.sbox dl
{
    margin:10px;
    line-height:1.5;
}

.sbox dl dt {
    border:1px #CCC solid;
    padding:3px;
    background:#F5F5F5;
}

.sbox dl dd {
    border:1px #CCC solid;
    border-top:none;
    padding:3px;
    margin-bottom:10px;
}

ul.ul-sub {
    margin:0 10px 8px 6px;
    padding-left:4px;
    text-align:center;
    list-style:none;
}

.ul-sub li {
    text-align:left;
    width:200px;
    height:41px;
    margin-bottom:2px;
    background:url(http://www.hprecruiting.net/img/subbt.jpg) no-repeat ;
}

.ul-sub li a {
    display:block;
    line-height:3.42;
    height:41px;
    padding-left:15px;
    color:#3C475F;
    text-decoration:none;
}

.ul-sub li a:hover {
    background:url(http://www.hprecruiting.net/img/subbt-om.jpg);
}

ul.checklist{
	list-style:none;
	margin:1em 30px 1em 20px;
	background:#DBE6F4;
	border:1px solid #31405D;
	padding:0 10px;
}


ul.checklist li{
	background:url(img/listmark.gif) left top no-repeat;
	margin:10px 0;
      line-height:16px;
	padding-left:20px;
}

/* ================ */
/*      navi        */
/* ================ */

#navi {
    position:absolute;
      top:99px;
      left:0;
    width:226px;
    padding-bottom:11px;
    background:url(http://www.hprecruiting.net/img/navi.gif) left bottom no-repeat;
    z-index:1;
}

#index #navi {
    position:absolute;
      top:99px;
      left:0;
    width:760px;
    background:url(http://www.hprecruiting.net/img/navi_index.gif) bottom no-repeat;
}

#navi ul {
    list-style:none;
    background:url(http://www.hprecruiting.net/img/navi_ul.gif) repeat-y;
}

#navi li {
    height:50px;
    line-height:1;
    margin-top:1px; /* ボタンの間隔 */
}

#navi img {
    vertical-align : bottom ;
}

#navi li:first-child {
    margin:0;
}

#navi-inner {
    background:#FFF;
}

#index #navi-inner {
    background:url(http://www.hprecruiting.net/img/topimg.jpg) right bottom no-repeat ;
}

/* ================ */
/*      footer      */
/* ================ */

#footer {
    clear : both ;
    height:80px;
    position:relative;
    padding-top:28px;
    background:url(http://www.hprecruiting.net/img/footer.jpg) right top no-repeat ;
    z-index:10;
    margin-top:0;
}

#footer ul {
    list-style:none;
    text-align:center;
    padding:0 20px 0 5px;
    width:350px;
    height:23px;
    position : absolute ;
    left:5px;
    top:8px;
    background:url(http://www.hprecruiting.net/img/footer_ul.gif) right no-repeat;
}

#footer ul li {
    display:inline;
    font-size:10px;
    line-height:2.3;
    border-left:1px #333 solid;
    padding-left:8px;
    margin-right:8px;
}

#footer ul li:first-child {
    border:none;
}

#footer ul li a {
    color:#333;
    text-decoration:none;
}

#footer ul li a:hover {
    text-decoration:underline;
}

#footer p {
    text-align:right;
    margin-top:20px;
    padding:0 20px 5px 0;
}

#footer p a {
    color:#333;
    text-decoration:none;
}

.pr {
    text-align:right;
    padding:2px 20px 20px 0;
    font-size:9px;
}

.pr a{
    text-decoration: none;
    color:#333;
}

#companylist dd
	{
	padding-left:100px ;
	line-height:2;
	}

#companylist dt
	{float:left;
	line-height:2;
	}              /* dtとddを同じ行に配置 */

#companylist
	{
	padding-left:15px;
	margin-top:15px;
	margin-bottom:10px;
	}

#flow p{
	clear:left; /* ←imgのfloatをクリアする */
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}

#flow img{
	margin:0 10px 0 0;
	float:left;
}

.asta
{
	font-size:80%;
	padding:0 10px 0 10px;
}

/* kakaku */
table.t1{
	background:#364461;
	width:490px;
	margin:0 10px 10px;
}

table.t1 .colored{
	background:#6F7A8E;
	line-height:2;
	font-size:1em;
	color:#FFF;
    width:100px;
}

table.t1 td{
	background:#FFF;
    padding: 5px;
	line-height:1.5;    
}


/* kaisha */
#companylist td
	{
	line-height:1.5;
	padding-left:15px;
	}

/* mailform */
table.m1{
	background:#DCDCDC;
	width:490px;
	margin:0 10px 10px;
}

table.m1 .mailform{
	background:url(img/tableboard.gif);
	line-height:2;
	font-size:1em;
	padding:5px;
}

table.m1 td{
	background:white;
	padding:5px;
}

/* ======================== */
/*	サイトマップ            */
/* ------------------------ */

ul#sitemap{
  margin-top:20px;
  border:none;
}

ul#sitemap li{
  list-style-type:none;
  border:1px #339900 solid;
  margin-bottom:20px;
  padding:1px;
  line-height:1.5;
}

ul#sitemap li em{
  display:block;
  background:#85B977;
  padding:4px;
  font-style:normal;
}

ul#sitemap li li{
  border:none;
  background:url(http://www.hprecruiting.net/img/mk_ul.gif) no-repeat left center;
  margin:0;
  padding:3px 0 3px 15px;
}

ul#sitemap li ul{
  border:none;
}

.img_L{
	float:left;
    vertical-align:top;
	margin:0 10px 10px 0;
}

.img_R{
	float:right;
    vertical-align:top;
	margin:0 0 10px 10px;
}

#hpr {
    margin-left : 20px;
    margin-right : 20px;
    margin-top : 600px;
    line-height :1.5 ;
}

.book  {
  margin: 50px 55px 10px 55px;
  line-height :1.5 ;
}