@charset "UTF-8";

/*import*/

/* リセット用CSSをインポート */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

}



html {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}



q, blockquote {

  quotes: none;

}

q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



a img {

  border: none;

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block;

}



/* コンパスの機能を全部インポート 基本的にはこれだけでOKだと思います。 */

/**/

/**/

/**/

html, body {

  font-size: 62.5%;

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";

  margin: 0;

  padding: 0;

  color: #333;

  background: #fff;

  -webkit-text-size-adjust: 100%;

  width: 100%;

  height: 100%;

  min-width: 960px;

}



a {

  color: #ba1631;

  text-decoration: none;

}

a:hover {

  color: #ba1631;

  text-decoration: underline;

}



/*----------------------------------------------------

defualt

----------------------------------------------------*/

#wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  min-width: 960px;

  width: 100%;

  height: auto !important;

  /*IE6対策*/

  height: 100%;

  /*IE6対策*/

  min-height: 100%;

}



.inner {

  position: relative;

  width: 960px;

  min-width: 960px;

  margin: 0 auto;

  text-align: center;

}



/*----------------------------------------------------

header

----------------------------------------------------*/

header {

  position: relative;

  width: 100%;

  min-width: 960px;

  height: 100px;

  border-top: #931228 5px solid;

  background-color: #fff;

}

header h1 {

  position: absolute;

  top: -5px;

  right: auto;

  bottom: auto;

  left: 0;

}

header #entryBtn {

  position: absolute;

  top: 0;

  right: 0;

  bottom: auto;

  left: auto;

}

header nav {

  padding: 53px 0 0 196px;

}

header nav ul {

  overflow: hidden;

  border-left: #e4e4e4 1px solid;

}

header nav ul li {

  float: left;

  border-right: #e4e4e4 1px solid;

}

header nav ul li a:hover {

  opacity: 0.5;

  filter: alpha(opacity=50);

  /* ie lt 8 */

  -ms-filter: "alpha(opacity=$opacityIE)";

  /* ie 8 */

  zoom: 1;

}



#titleArea {

  clear: both;

  position: relative;

  width: 100%;

  min-width: 960px;

  height: 153px;

  background: url("/recruit/site/images/common/titleAreaBg_rep.png") repeat-x;

}

#titleArea #titleInner {

  height: 153px;

  background: url("/recruit/site/images/common/titleAreaBg.png") no-repeat top center;

}

#titleArea #titleInner h2 {

  text-align: left;

  padding-top: 50px;

}



/*----------------------------------------------------

container

----------------------------------------------------*/

#container {

  margin: 40px 0 0 0;

  padding-bottom: 60px;

}



/*----------------------------------------------------

footer

----------------------------------------------------*/

footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 60px;

  min-width: 960px;

}

footer #pankuzu {

  background: url("/recruit/site/images/common/pankuzuBg.png") repeat;

}

footer #pankuzu ul {

  overflow: hidden;

}

footer #pankuzu li {

  float: left;

  font-size: 10px;

  font-size: 1rem;

  line-height: 25px;

  line-height: 2.5rem;

}

footer #pankuzu a:after {

  padding: 0 10px;

  content: url("/recruit/site/images/common/pankuzuArrow.png");

}

footer #copuright {

  background: url("/recruit/site/images/common/copyrightBg.png") repeat;

}

footer #copuright small {

  font-weight: normal;

  letter-spacing: 1px;

  color: #fff;

  font-size: 10px;

  font-size: 1rem;

  line-height: 35px;

  line-height: 3.5rem;

}
/*----------------------------------------------------

2017/02/16追記

----------------------------------------------------*/
.white{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}