@charset "utf-8";
/* ================================================================== */
/* LP用 style.css                                                     */
/* ================================================================== */
/* INDEX                                                              
      01：基本スタイル
      02：header
      03：container
      04：main
      05：contents
      06：bodyBox
      07：footerCopy
   ================================================================== */

/* ================================================================== */
/* 01：基本スタイル                                                   */
/* ================================================================== */
img{
  vertical-align:bottom;
}
body{
  font-family:'Lucida Grande', Verdana, 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  margin:0;
  padding:0;
  line-height:150%;
  font-size:12px;
  color:#333;
}
.emeraldgreen{
  background: #def9ef; /* Old browsers */
  background: -moz-linear-gradient(top,  #def9ef 32%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#def9ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #def9ef 32%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #def9ef 32%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #def9ef 32%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #def9ef 32%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def9ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  border-top:5px solid #9ff0e2;
}
a:link {color: #0033aa;text-decoration: none;}
a:active {color: #f4b608;text-decoration: underline;}
a:visited {color: #0033aa;text-decoration: none;}
a:hover {color: #f4b608;text-decoration: underline;}

.mb18{
  margin-bottom:18px;
}
.mb20{
  margin-bottom:20px;
}

/* ================================================================== */
/* 02：header                                                         */
/* ================================================================== */
#header{
  width:100%;
  position:absolute;
  z-index:2;
  background:#fff none repeat scroll 0 0;
  box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  -moz-box-shadow: 0 2px 2px #ccc;
}
#header .headerinner{
  width:980px;
  margin:0 auto;
}
#header .logo_nurseful{
  float:left;
  width:228px;
  padding:18px 10px 18px 0;
 }
#header .middle{
  float:left;
  width:502px;
}
#header .middle .number1{
  width:400px;
  margin:0 auto;
}
#header .middle .number1 p.logo_recruit{
  float:left;
  margin-top:19px;
}
#header .middle .number1 p.crown{
  float:left;
}

/* ================================================================== */
/* 03：container                                                      */
/* ================================================================== */
#container{
  margin:0 auto;
  width:980px;
  position:relative;
  background:transparent url(/landing/aaaa001/img/bg_illust.png) no-repeat scroll right top;
  z-index:3;
}
#container p.pgtop {
  text-align:right;
}
#container p.pgtop a{
  background:transparent url("/landing/aaaa001/img/arrow_top.gif") no-repeat scroll left center;
  padding-left: 20px;
}

/* ================================================================== */
/* 04：main                                                           */
/* ================================================================== */
#main{
  padding-top:124px;
}
#main .title{
  margin-bottom:15px;
}
#main .title p.circle{
  float:left;
  width:144px;
  padding-right:3px;
}
#main .title h2{
  float:left;
  width:594px;
}

/* ================================================================== */
/* 05：contents                                                       */
/* ================================================================== */
#contents{
  margin-bottom:14px;
  width:100%;
}
#contents .jobbox01{
  background:url(/landing/aaaa001/img/bg_jobsample_big.png) no-repeat scroll 0 0;
  min-width:156px;
  min-height:162px;
  padding-right:3px;
  float:left;
}
#contents .jobbox01 h3.area{
  width:152px;
  padding:8px 0 3px;
}
#contents h3.area img{
  display:block;
  margin:0 auto;
}
#contents .jobbox01 dl.job01{
  padding:0 4px 5px;
}
#contents .jobbox01 dl.job01 dt{
  float:left;
  width:61px;
  margin:0;
}
#contents .jobbox01 dl.job01 dd{
  float:left;
  width:87px;
  margin:0;
}
#contents .jobbox02{
  background:url(/landing/aaaa001/img/bg_jobsample_small.png) no-repeat scroll 0 0;
  min-width:113px;
  min-height:79px;
  padding-right:1px;
  float:left;
}
#contents .jobbox02 h3.area{
  width:113px;
  padding:8px 0 3px;
}
#contents .jobbox02 p.job02{
  padding:0 5px 5px;
}

/* ================================================================== */
/* 06：bodyBox                                                        */
/* ================================================================== */
#bodyBox{
  background:#fff none repeat scroll 0 0;
  padding-bottom:40px;
  margin:0 auto 30px;
  overflow:hidden;
  box-shadow: 0 3px 4px #ccc;
  -webkit-box-shadow: 0 3px 4px #ccc;
  -moz-box-shadow: 0 3px 4px #ccc;
  width:820px;
}
#bodyBox form{
  display:inline;
}
.formHeader{
  width:710px;
  margin:20px auto 5px;
}
.formHeader h2.formTitle{
  width:497px;
  float:left;
}
.formHeader p.freedial{
  float:right;
}
.footerText{
  margin:0 auto;
  width:720px;
  text-align:right;
}
.footerText p.memo{
  text-align:right;
  line-height:180%;
}

/* ================================================================== */
/* 07：footerCopy ※baseはdefault03.css、背景画像は固有cssで設定      */
/* ================================================================== */
#footerCopy{
  padding:10px 0 30px;
  background:#fff url(/landing/aaaa001/img/bg_footer.gif) repeat-x center top;
}