@charset "utf-8";
img {
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

a {
  overflow: hidden;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/*
  #############################################
  # 全体の基本レイアウト
  #############################################
*/
#Wrapper {
  width: 900px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#Contents {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}
#Header {
  width: 100%;
  min-height: 25px;
  height: auto !important;
  height: 25px;
  margin: 0;
  padding: 0;
  background-image: url(../img/header.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}
#TopNavi {
  width: 100%;
  height: 130px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#TopTitle {
  width: 100%;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
#MainContents {
  width: 670px;
  height: auto;
  padding: 0px;
  float: left;
}
#SideContents {
  width: 180px;
  height: auto;
  margin: 0px;
  padding: 0px;
  float: right;
}
#Go_Top {
  width: 900px;
  height: auto;
  margin: 0px;
  padding: 30px 0px 10px 0px;
  clear: both;
}
#Footer {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
  clear: both;

  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #6c9bd2;
}

/*
  #############################################
  # ヘッダー部のレイアウト
  #############################################
*/
#Header p {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #808080;
  text-align: left;
}

/*
  #############################################
  # 上部ナビゲーション部のレイアウト
  #############################################
*/
#TopNavi #Left {
  width: 50%;
  height: 69px;
  float: left;
}
#TopNavi #Right {
  width: 50%;
  height: 69px;
  float: left;
}
#TopNavi #Right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#TopNavi #Right li {
  display: inline;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#TopNavi #Right li a {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  font-size: 12px;
  display: block;
  float: right;
  color: #808080;
  background-image: url(../img/top_link.png);
  background-repeat: no-repeat;
  background-position: left 20%;
}
#TopNavi #Right li a:link,
#TopNavi #Right li a:visited,
#TopNavi #Right li a:active {
  color: #808080;
}
#TopNavi #Right li a:hover {
  color: #808080;
}
#TopNavi #Bottom {
  width: 900px;
  height: 25px;
  clear: both;
}
#TopNavi #Bottom ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#TopNavi #Bottom li {
  display: inline;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -10000px;
}
#TopNavi #Bottom li a {
  width: 150px;
  height: 25px;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  text-decoration: none;
}
#TopNavi #Bottom li a.menu_01 {
  background-image: url(../img/menu_01.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a.menu_02 {
  background-image: url(../img/menu_02.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a.menu_03 {
  background-image: url(../img/menu_03.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a.menu_04 {
  background-image: url(../img/menu_04.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a.menu_05 {
  background-image: url(../img/menu_05.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a.menu_06 {
  background-image: url(../img/menu_06.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#TopNavi #Bottom li a:hover {
  background-position: left bottom;
}
#TopNavi .pankuzu {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-align: left;
  font-size: 10px;
  clear: both;
}
#TopNavi .pankuzu a {
}

/*
  #############################################
  # 上部タイトル部のレイアウト
  #############################################
*/
#TopTitle h1 {
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  padding: 11px 0px;
  font-size: 18px;
  font-weight: bold;
  color: #ec6c00;
}
#TopTitle h1.contents_top {
  border-top: none;
  border-bottom: none;
  padding: 0px;
}

/*
  #############################################
  # メインコンテンツ部のレイアウト
  #############################################
*/
#MainContents h2 {
  width: 670px;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  clear:both;
}
#MainContents h3 {
  background: url(../img/h3.gif) left top no-repeat;
  height:40px;
  margin: 25px 0px 10px 0px;
  padding: 0px 0px 0px 40px;
  font-size: 18px;
  font-weight: bold;
  color: #feb630;
  line-height: 40px;
}
#MainContents h3.img {
  background: none;
  height: auto;
  padding-left:30px;  
}
#MainContents h4 {
  margin: 25px 0px 10px 30px;
  padding: 0px 0px 1px 7px;
  border-left: 5px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 20px;
}
#MainContents h4.middle {
  margin: 25px 0px 10px 30px;
  padding: 0px 0px 1px 7px;
  border-left: 5px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 20px;
}
#MainContents h5 {
  margin-left: 30px;
  font-size: 15px;
  font-weight: bold;
  color: #ec6c00;
}
#MainContents #Inquiry {
  width: 670px;
  height: 52px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}
#MainContents #Inquiry a {
  display: block;
  width: 670px;
  height: 52px;
  margin: 0px;
  padding: 0px;
  background: url(../img/inquiry.png) left top no-repeat;
  text-decoration: none;
  text-indent: -10000px;
}
#MainContents #Inquiry a:hover {
  background-position: left bottom;
}
/*
  #############################################
  # サイドコンテンツ部のレイアウト
  #############################################
*/

#SideContents .title_latest{
  width: 180px;
  height: 21px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  background: url(../img/side_latest.png) left top no-repeat;
}
#SideContents .title_latest h3 {
  text-indent: -10000px;
}
#SideContents .title_category{
  width: 180px;
  height: 21px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  background: url(../img/side_category.png) left top no-repeat;
}
#SideContents .title_category h3 {
  text-indent: -10000px;
}
#SideContents .title_archive{
  width: 180px;
  height: 21px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  background: url(../img/side_archive.png) left top no-repeat;
}
#SideContents .title_archive h3 {
  text-indent: -10000px;
}
#SideContents .title_contents{
  width: 180px;
  height: 20px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  background: url(../img/side_contents.png) left top no-repeat;
}
#SideContents .title_contents h3 {
  text-indent: -10000px;
}
#SideContents .title_group{
  width: 180px;
  height: 20px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  background: url(../img/side_group.png) left top no-repeat;
}
#SideContents .title_group h3 {
  text-indent: -10000px;
}
#SideContents .body_01 {
  margin: 0px;
  padding: 0px;
}
#SideContents .body_01 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#SideContents .body_01 li {
  margin: 0px;
  padding: 0px 10px 0px 0px;
  list-style: none;
}
#SideContents .body_01 li a {
  display: block;
  margin: 5px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
  background: url(../img/top_link.png) left 20% no-repeat;
  font-size: 12px;
}
#SideContents .body_02 {
  margin: 0px;
  padding: 0px;
}
#SideContents .body_02 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#SideContents .body_02 li {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  overflow: hidden;
}
#SideContents .body_02 li a {
  width: 180px;
  height: 48px;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 10px;
  text-align: center;
}
#SideContents .body_02 li a span{
  display: block;
}
#SideContents .body_02 li a.miwalog {
  background-image: url(../img/bana_miwalog.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 42px;
}
#SideContents .body_02 li a.campaign {
  background-image: url(../img/side_campaign.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
}
#SideContents .body_02 li a.recruit {
  background-image: url(../img/side_recruit.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
}
#SideContents .body_02 li a.company {
  background-image: url(../img/side_company.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
}
#SideContents .body_02 li a.staffblog {
  background-image: url(../img/bana_staffblog.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 42px;
}
#SideContents .body_02 li a.recruitblog {
  background-image: url(../img/bana_recruitblog.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 42px;
}
#SideContents .body_02 li a.ielog {
  background-image: url(../img/bana_ielog_naka.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 42px;
}
#SideContents .body_02 li a.monthlyblog {
  background-image: url(../img/bana_blog_kitakyu-monthly.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 42px;
}
#SideContents .body_02 li a.demand_kensyu {
  background-image: url(../img/bana_demand_kensyu.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height:42px;
}
#SideContents .body_02 li a.f_reno {
  background-image: url(../img/bana_f_reno_page.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height:42px;
}
#SideContents .body_02 li a.blog {
  background-image: url(../img/side_blog.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
}
#SideContents .body_02 li a.rent {
  background-image: url(../img/side_rent.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 30px;
}
#SideContents .body_02 li a.find {
  background-image: url(../img/side_find.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 30px;
}
#SideContents .body_02 li a.buy {
  background-image: url(../img/side_buy.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -10000px;
  height: 30px;
}
#SideContents .body_02 li a:hover {
  background-position: left bottom;
}
#SideContents .body_02 li a.banner{
  min-height:48px;
  height: auto !important;
}

/*
  #############################################
  # フッター部のレイアウト
  #############################################
*/
#Go_Top a{
  display: block;
  width: 144px;
  background: url(../img/go_top.gif) left top no-repeat;
  height: 30px;
  margin: 0px 0px 0px 756px;
  padding: 0px;
  text-decoration: none;
  text-indent: -10000px;
}
#Go_Top a:hover {
  background-position: left bottom;
}
#Footer #Foot_Left {
  width: 333px;
  height: 98px;
  background: url(../img/footer_logo.jpg) left top no-repeat;
  margin: 0px;
  padding: 0px;
  text-indent: -10000px;
  float: left;
}
#Footer #Foot_Right {
  width: 567px;
  height: 90px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#Footer #Foot_Right ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#Footer #Foot_Right li {
  display: block;
  margin: 5px 0px 0px 10px;
  padding: 0px 0px 0px 13px;
  background: url(../img/footer_link.gif) left 2px no-repeat;
  float: right;
  font-size: 12px;
}
#Footer #Foot_Right li a{
}
#Footer #Copy{
  font-size: 12px;
  color: #333333;
  text-align: right;
}

/*
  #############################################
  # メインコンテンツ部の各レイアウト
  #############################################
*/
#MainContents .contentitem {
  margin: 0px 42px 25px 42px;
  font-size: 12px;
  line-height: 24px;
}
.contentitem img{padding: 5px;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
#MainContents ul {
  margin: 0px 0px 0px 42px;
  padding: 0px;
  list-style: none;
}
#MainContents .csc-textpic {
  margin: 0px 42px;
}
#MainContents .csc-textpic p {
  margin-left: 0px;
  margin-right: 0px;
}
#MainContents li {
  list-style: none;
  font-size: 12px;
  line-height: 24px;
}
#MainContents ul.owner_news_list li a {
  display: block;
  min-height:16px;
  height: auto !important;
  height: 16px;
  margin: 4px 0px;
  padding-left: 20px;
  background: url(../img/link.gif) left top no-repeat;
  line-height: 16px;
}
#MainContents ul.owner_news_list li a:hover {
  background-position: left bottom;
}
.pageswitch {
  margin: 20px;
  text-align: center;
  font-size: 12px;
}
#NextPrev {
  margin: 20px;
  text-align: center;
  font-size: 12px;
}
#MainContents span.detail {
  font-size:smaller;
}
#MainContents span.important {
  /*font-size:larger;*/
  color: #ec6c00;
  font-weight: bold;
}
p.right-text-link a {
  display: block;
  min-width: 150px;
  height: 16px;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  text-align: right;
  color: #5dc2db;
  padding-right: 24px;
  background: url(../img/link.gif) right top no-repeat;
  float: right;
}
p.right-text-link a:link {color: #5dc2db;}
p.right-text-link a:visited {color: #5dc2db;}
p.right-text-link a:active {color: #5dc2db;}
p.right-text-link a:hover {
  text-decoration: underline;
  color: #ec6c00;
  background-position: right bottom;
}
a.go_top_text {
  display: inline-block;
  height: 16px;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  text-align: right;
  color: #5dc2db;
  padding-right: 24px;
  background: url(../img/go_top_text.gif) right top no-repeat;
}
a.go_top_text:link {color: #5dc2db;}
a.go_top_text:visited {color: #5dc2db;}
a.go_top_text:active {color: #5dc2db;}
a.go_top_text:hover {
  text-decoration: underline;
  color: #ec6c00;
  background-position: right bottom;
}
#MainContents p.btn-left {text-align: left;}
#MainContents p.btn-center {text-align: center;}
#MainContents p.btn-right {text-align: right;}
#MainContents .footer_btn {margin-top: 25px;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 20px;
}

.body_hr{
  margin:5px 0px 5px 30px;
  padding:0px;
  border-top:1px dotted #B2B2B2;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}

/*
  #############################################
  # 回り込みなど
  #############################################
*/
.leftbox{float:left;}
.rightbox{float:right;}
.clear{clear:both;width:0px;height:0px;font-size:0px;line-height:0px;}