@charset "utf-8";
/* ---------------------------------------------------------------------------------
© Ruttu. ALL RIGHTS RESERVED.

HTML CSS Selectors topics

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

#faq-background {
  width: 0px;
  height: 237px;
  padding: 0 0 0 43px;
  overflow-x: hidden;
  transition : all 700ms 300ms;
  position: fixed;
  top: 400px;
  right: 20px;
  z-index: 99;
}
.faq-close #faq-background {
  width: 357px;
}

#toggle_faq {
  width: 43px;
  height: 237px;
  background-image: url("../img/recruit/side_line_ttl.png");
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
#toggle_faq2 {
  width: 17px;
  height: 17px;
  background-image: url("../img/recruit/side_line_close.png");
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}
#faq-background .inner {
  box-sizing: border-box;
  width: 357px;
  height: 237px;
  padding: 0 0 0 144px;
  background-image: url("../img/recruit/side_line_bg.jpg");
  position: relative;
}
#faq-background h2 {
  width: 100%;
  height: 141px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#faq-background .banner {
}
#faq-background p {
  width: 100%;
  height: 60px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#toggle_menu {
	top: 39px;
	right: 230px;
  left: auto;
}

#contents-wrapper #mv {
  padding-bottom: 50px;
}

#topics-wrap {
  width: 1000px;
  margin: 0 auto 200px;
  overflow:hidden;
}

#topics-wrap .post-column {
  width: 760px;
  float: left; 
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
#topics-wrap .post-column header {
  height: 94px;
  border-bottom: 1px solid #E1E1E1;
  position: relative;
}
#topics-wrap .post-column header h3 {
  padding: 23px 20px 42px 20px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  color: #666;
}
#topics-wrap .post-column header .category {
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 11px;
  line-height: 1;
  color: #777;
  text-align: right;
}
#topics-wrap .post-column header .date {
  width: 152px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #E1E1E1;
}
#topics-wrap .post-column header .date span {
  display: block;
  line-height: 1;
  position: absolute;
}
#topics-wrap .post-column header .year {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  top: 23px;
  left: 20px;
}
#topics-wrap .post-column header .month {
  font-family: 'Rock Salt', cursive;
  font-size: 24px;
  color: #900;
  text-align: right;
  top: 16px;
  right: 60px;
}
#topics-wrap .post-column header .sep {
  font-family: 'Rock Salt', cursive;
  font-size: 32px;
  color: #900;
  top: 27px;
  left: 92px;
}
#topics-wrap .post-column header .day {
  font-family: 'Rock Salt', cursive;
  font-size: 24px;
  color: #900;
  top: 60px;
  left: 98px;
}
#topics-wrap .post-column header .week {
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  top: 45px;
  left: 20px;
}
#topics-wrap .post-column .post-contents {
  padding: 45px 30px 30px;
}
#topics-wrap .post-column .post-contents p {
  padding-bottom: 1.5em;
  overflow:hidden;
}

#topics-wrap .post-column .post-contents h4 {
  font-size: 20px;
  padding-bottom: 1em;
  font-weight: bold;
}
#topics-wrap .post-column .post-contents h5 {
  font-size: 16px;
  padding-bottom: 1em;
  font-weight: bold;
}
#topics-wrap .post-column .post-contents h6 {
  font-size: 12px;
  padding-bottom: 1em;
  font-weight: bold;
}


.justifyleft{
	float: left;
  padding-right: 40px;
}
.justifyright {
	float: right;
  padding-left: 40px;
}
.float-wrap {
  padding-bottom: 40px;
  overflow:hidden;
}
#topics-wrap .post-column .post-contents h4 .rocksolt {
  font-family: 'Rock Salt', cursive;
  font-size: 90%;
}


#topics-wrap aside {
  width: 220px;
  float: right;
}
#topics-wrap aside > div {
  padding: 26px 29px 30px;
  border: 1px solid #E1E1E1;
  margin-bottom: 42px;
}
#topics-wrap aside h3 {
  padding-bottom: 15px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 25px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

#topics-wrap aside .category li {
  margin-bottom: 10px;
}
#topics-wrap aside .category li a {
  display: block;
  font-weight: bold;
  color: #666;
}

#topics-wrap aside .latest-post {
  padding-bottom: 0;
}
#topics-wrap aside .latest-post li {
  padding-bottom: 35px;
  text-align: center;
}
#topics-wrap aside .latest-post li a {
  display: block;
}
#topics-wrap aside .latest-post li .date {
  padding-bottom: 15px;
  position: relative;
}
#topics-wrap aside .latest-post li .date span {
  display: block;
  line-height: 1;
}
#topics-wrap aside .latest-post li .date .month {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}
#topics-wrap aside .latest-post li .date .year {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  padding-top: 3px;
}
#topics-wrap aside .latest-post li .date .day {
  font-family: 'Rock Salt', cursive;
  font-size: 18px;
  color: #900;
  text-align: right;
  position: absolute;
  top: 6px;
  right: 125px;
}
#topics-wrap aside .latest-post li .photo {}
#topics-wrap aside .latest-post li .ttl {
  padding: 10px;
}