/*============================
	印刷用スタイルシート
============================*/
.midashi {
  font-size: 24px;
  border-left: 5px solid #369;
}

/*	float 解除		*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/****** .sp クラス非表示は、ファイル末尾に移動 *****/

body {
  background-position: center top;
  font-size: 14px;
  line-height: 1.6;
  color: #2d2d2d;
  -webkit-text-size-adjust: 100%;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
header{
	width: 100%;
	height:70px;
}
header h1 {
  position: absolute;
  top: 10px;
  left: 10px;
}

header #th70 {
  position: absolute;
  float: left;
  top: 10px;
  left: 250px;
}

header .menu_area .menu_btn {
  position: absolute;
  top: 35px;
  right: 10px;
  z-index: 10;
  boder:1px solid;
  cursor: pointer;
}
header .menu_area .menu_place {
  visibility:hidden;
  width: 420px;
  position: absolute;
  top: 70px;
  right: 0px;
  background: #FFFFFF;
  border: 1px solid #231815;
  z-index: 110;
  /*============================
  #room
  ============================*/
  /*============================
  #shop
  ============================*/
  /*============================
  #home
  ============================*/
  /*============================
  #company
  ============================*/
  /*============================
  #business
  ============================*/
  /*============================
  #about
  ============================*/
}
header .menu_area .menu_place h2 {
  background: #231815;
  color: #FFF;
  font-size: 17px;
  padding: 3px 10px;
}
header .menu_area .menu_place #room h3 {
  background: url(../img/frame/icon_room_s.png) no-repeat;
  -webkit-background-size: 11px 25px;
  background-size: 11px 25px;
  background-position: left;
  padding: 15px 0px 6px 40px;
  font-size: 17px;
  margin-left: 40px;
}
header .menu_area .menu_place #room ul {
  margin-left: 40px;
  margin-bottom: 15px;
}
header .menu_area .menu_place #room ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 60px;
}
header .menu_area .menu_place #shop {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #shop h3 {
  background: url(../img/frame/icon_shop_s.png) no-repeat;
  -webkit-background-size: 56px 21px;
  background-size: 56px 21px;
  background-position: left;
  padding: 15px 0px 6px 68px;
  font-size: 17px;
  margin-left: 10px;
}
header .menu_area .menu_place #shop ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #shop ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}
header .menu_area .menu_place #home {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #home h3 {
  background: url(../img/frame/icon_home_s.png) no-repeat;
  -webkit-background-size: 17px 22px;
  background-size: 17px 22px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #home ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #home ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}
header .menu_area .menu_place #company {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #company h3 {
  background: url(../img/frame/icon_company_s.png) no-repeat;
  -webkit-background-size: 18px 22px;
  background-size: 18px 22px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #company ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #company ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}
header .menu_area .menu_place #business {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #business h3 {
  background: url(../img/frame/icon_business_s.png) no-repeat;
  -webkit-background-size: 23px 21px;
  background-size: 23px 21px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #business ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #business ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}
header .menu_area .menu_place #about {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #about h3 {
  background: url(../img/frame/icon_about_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #about > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #about > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}


header .menu_area .menu_place #careers {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #careers h3 {
  background: url(../img/frame/icon_careers_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #careers > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #careers > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}





header .menu_area .menu_place #bidinfo {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #bidinfo h3 {
  background: url(../img/frame/icon_bidinfo_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 0px 6px 42px;
  font-size: 17px;
  margin-left: 35px;
}
header .menu_area .menu_place #bidinfo > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #bidinfo > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
}





header .search_area {
    position: absolute;
    top: 30px;
    right: 80px;
    width: 200px;
}
header .search_area form p {
  float: left;
}
header .search_area form p input[type="text"] {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #000000 !important;
  padding: 5px 10px;
  margin-right: 5px;
  width: 135px !important;
}
header .search_area form p input[type="text"]:focus {
  outline: none;
}
header .search_area form p input[type="submit"] {
  background: url(../img/frame/icon_search.gif) no-repeat;
  -webkit-background-size: 24px 23px;
  background-size: 24px 23px;
  border: none;
  width: 24px;
  height: 23px;
  cursor: pointer;
}
header .search_area form p input[type="submit"]:focus {
  outline: none;
}
header .allbtn_txt {
  display: none;
}
header > ul {
    position: absolute;
    top: 35px;
    right: 80px;
    width: 350px;
    font-size: 0;
    padding-top: 0px;
}
header > ul > li {
  display: inline;
  margin: 10px;
  font-size: 14px;
}
header > ul > li a:hover {
  text-decoration: none;
}
header > ul > li  input[type="image"]{
  outline: none;
}

#slideArea {
	width: 100%;
}

#naviBanner {
//	float: left;
  box-sizing: border-box;
/*
	background: #DCEBBA;
	padding: 10px;
*/
}
#naviBanner img{
	width: 100%;
	vertical-align: bottom;
}

#mv_area {
  position: relative;
  max-height:450px;
  overflow:hidden;
  opacity:0;


//	float: right;
  margin: 0 auto;
/*	width: 70%;	*/
}
#mv_area #slideItems {
  width: 800%;							/* スライド6枚+2で、800%に変更	*/
  position: absolute;
  left:-100%;
  margin:0;
  padding:0;
}
#mv_area #slideItems li {
  width: 12.5%;							/* スライド5枚+2で、100% ÷ 8 = 12.5% */
  margin:0;
  padding:0;
  clear:none;
  float:left;
  list-style:none;
}
#mv_area #slideItems .slideImg{
  overflow:hidden;
}
#mv_area #slideItems li img{
  width:100%;
}

#mv_area #wrap_mv {
  position: absolute;
  top: 0px;
  left:0px;
  width:100%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_mv img{
  width:100%;
}

#mv_area #wrap_top_left {
  position: absolute;
  top: 0px;
  left:0px;
  width:20%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_top_left img {
  width:100%;
}
#mv_area #wrap_bottom_right {
  position: absolute;
  bottom: 0px;
  right:0px;
  width:20%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_bottom_right img {
  width:100%;
}

#mv_area #catch_message {
  position: absolute;
  top:7%;
  left:4%;
  width:30%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #catch_message img {
  width:100%;
}

#mv_area #left_btn {
  position: absolute;
  top: 197px;
  left: 10px;
  max-width: 19px;
  cursor:pointer;
}
#mv_area #left_btn img{
	width:100%;
}
#mv_area #right_btn {
  position: absolute;
  top: 250px;
  right: 10px;
  max-width: 19px;
  cursor:pointer;
}
#mv_area #right_btn img{
	width:100%;
}
#mv_area #num {
  display: none;		/* 印刷時は非表示 */
  position: absolute;
  bottom: 3%;
  right: 17%;
  font-size: 0;
}
#mv_area #num .imgmark {
  width:15px;
  height:15px;
  margin-left: 8px;
  background:url("../img/top/num.png") no-repeat center center;
  background-size:100%;
  float:left;
}
#mv_area #num .imgmark a {
  display:block;
  width:15px;
  height:15px;
}
#mv_area #num .imgmark:first-child {
  background:url("../img/top/num_active.png") no-repeat center center;
  background-size:100%;
}

#loading {
  margin-top: 160px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:#fff url("../img/top/loading.gif") no-repeat center center;
  opacity:1;
}

/*----- 共通メニュー（上吹き出し） -----*/
#top_nav {
  margin-top: 15px;

  width: 100%;
  /*============================
  #nav_room
  ============================*/
  /*============================
  #nav_shop
  ============================*/
  /*============================
  #nav_home
  ============================*/
  /*============================
  #nav_company
  ============================*/
  /*============================
  #nav_business
  ============================*/
  /*============================
  #nav_about
  ============================*/
}
#top_nav ul {
  font-size: 0;
}
#top_nav ul li {
  display: table-cell;
//  width:16.66%;
  width:12.5%;
/*  cursor: pointer; */
}
#top_nav ul li img{
  width:100%;
}
#top_nav ul li a {
  display: block;
}
#top_nav ul:hover li .a_link {
/*  opacity:0.5; */
}
#top_nav ul li:hover .a_link {
/*  opacity:1; */
}
#top_nav ul li .a_link:hover {
/*  opacity:1; */
}

#top_nav .topNaviRoom {
  cursor: pointer;
}
#top_nav .topNaviShop {
  cursor: pointer;
}
#top_nav .topNaviHome {
  cursor: pointer;
}
#top_nav .topNaviCompany {
  cursor: pointer;
}
#top_nav .topNaviBusiness {
  cursor: pointer;
}
#top_nav .topNaviAbout {
  cursor: pointer;
}

/*----- お部屋探しのお客様 フロートメニュー -----*/
#top_nav #nav_room {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_room.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_room:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_room .link01 {
  position: absolute;
  top: 8%;
  right: 4.18%;
  width: 91.73%;		/* 899(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link02 {
  position: absolute;
  bottom: 15%;
  right: 4.18%;
  width: 91.73%;		/* 899(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 店舗・駐車場をお探しのお客様 フロートメニュー -----*/
#top_nav #nav_shop {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_shop.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_shop:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_shop .link01 {
  position: absolute;
  top: 8%;
  left: 4.18%;
  width: 45.00%;		/* 441(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_shop .link02 {
  position: absolute;
  top: 8%;
  right: 4.18%;
  width: 44.59%;		/* 437(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 公社住宅・府営住宅にお住まいのお客様 フロートメニュー -----*/
#top_nav #nav_home {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_home.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_home:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_home .link01 {
  position: absolute;
  top: 8%;
  left: 4.18%;
  width: 45.00%;		/* 441(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_home .link02 {
  position: absolute;
  top: 8%;
  right: 4.18%;
  width: 44.59%;		/* 437(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_home .link03 {
  position: absolute;
  bottom: 15%;
  right: 4.18%;
  width: 91.73%;		/* 899(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 土地・社宅を探す フロートメニュー -----*/
#top_nav #nav_company {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_company.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_company:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_company .link01 {
  position: absolute;
  top: 8%;
  left: 4.18%;
  width: 45.00%;		/* 441(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_company .link02 {
  position: absolute;
  top: 8%;
  right: 4.18%;
  width: 44.59%;		/* 437(画像の横サイズ)/980(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 公社の理念・取組み フロートメニュー -----*/
#top_nav #nav_business {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_business.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_business:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_business .link01 {		/* 「経営理念」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 92.77%;		/* 950(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link02 {		/* 「公的機関としての役割への取組」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link03 {		/* 「防災性の向上・防災コミュニティ形成への支援」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link04 {		/* 「ストック活用基本・実施計画」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link05 {		/* 「公社賃貸住宅の耐震化の基本方針について」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link06 {		/* 「団地再生事業の取組みについて」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link07 {		/* 「分譲マンション管理・建替相談」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 企業情報 フロートメニュ -----*/
#top_nav #nav_about {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_about.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_about:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_about .link01 {		/* 「企業情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_about .link02 {		/* 「IR情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_about .link03 {		/* 「プレスリリース」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 採用情報 フロートメニュー -----*/
#top_nav #nav_careers {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_careers.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_careers:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_careers .link01 {		/* 「採用情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 92.77%;		/* 950(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
/*----- 入札情報 フロートメニュー -----*/
#top_nav #nav_bidinfo {
  position: absolute;
  top: 70px;
  left: 0;
  background: url(../img/top/bg_bidinfo.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_bidinfo:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_bidinfo .link01 {		/* 「電子入札」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_bidinfo .link02 {		/* 「発注・入札情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 50.98%;			/* (12(枠)+25(余白)+465(画像)+20(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*============================
#news_area
============================*/
#news_area {
  width:96%;
  margin-top: 5%;
  padding:0 2%;
  background: url(../img/frame/frame_news.gif) no-repeat;
  -webkit-background-size: 10% 50%;
  background-size: 10% auto;
  background-position: 18% 0%;
}
#news_area h2 {
  width:12%;
  padding-top:5%;
  float:left;
}
#news_area h2 img{
  width:100%;
}
#news_area #news_cont {
  width:85%;
  float:right;
}
#news_area #news_cont > ul {
  width:80%;
  padding-left:12%;
  font-size: 0;
  
}
#news_area #news_cont > ul li {
  display: inline;
  padding: 0 20px;
  font-size: 12px;
  border-right: 1px solid #333;
}

#news_area #news_cont > ul .n_link a {
  padding-top: 10px;
}

#news_area #news_cont > ul .n_link:first-child a {
  border-top: 5px solid #000;
}

#news_area dl {
  width:95%;
  padding-top:1%;
  padding-left:3%;
}
#news_area dl dt {
  color: #727171;
  display: inline-block;
}
#news_area dl dt strong {
  display: inline-block;
  width: 5em;
  font-weight: normal;
  font-size: 90%;
}
#news_area dl dt span {
  color: #fff;
  font-size: 10px;
  padding: 1px 5px 0;
  display: inline-block;
  margin-left: 1.5em;
  width: 65px;
  text-align: center;
}

/*  What's New 色指定  by justice */
/*  公社入居者情報  */
#news_area dl dt span.newsKousha{
  background: #8FC31F;
}
/*  府営入居者情報  */
#news_area dl dt span.newsPref{
  background: #009E96;
}
/*  お知らせ  */
#news_area dl dt span.newsInfo{
  background: #FF6666;
}
/*  発注／調達  */
#news_area dl dt span.newsOrder{
  background: #003399;
}
/*  IR情報  */
#news_area dl dt span.newsIRInfo{
  background: #BBA1CB;
}
/*  メンテナンス情報＆駐車場情報  */
#news_area dl dt span.newsParking{
  background: #4DA6FF;
}
/*  売却＆財務経営情報  */
#news_area dl dt span.newsPropose{
  background: #FF5B5B;
}
/*  メディア掲載情報  */
#news_area dl dt span.newsMedia{
  background: #ff8c00;
}
/*  プレス発表  */
/*  FFD700 or e6b422 or e3aa00  */
#news_area dl dt span.newsPress{
  background: #e3aa00;
}


#news_area dl dd {
  font-size: 80%;
}
#news_area #news_cont .news_ttl {
  min-height: 140px;
}
#news_area #news_cont .news_ttl .newsNum {
  display:none;
}
#news_area #news_cont .news_ttl .newsNum:first-child {
	display:block;
}
#news_area p {
  padding-top: 3%;
}

/*============================
#bnr_area
============================*/
#bnr_area {
  margin-top: 5%;
}
#bnr_area h3 {
	color: #8FC31F;
	font-size: 120%;
	border-left: 7px solid #8FC31F;
	border-top: 1px solid #8FC31F;
	padding: 10px;
	margin-bottom: 30px;
}
#bnr_area #bnr_wrap{
  margin: 0 auto;
  width: 978px;
}
#bnr_area .block {
  float: left;
  background: url(../img/frame/bg_block.jpg) no-repeat;
  width: 326px;
  height: 326px;
  -webkit-background-size: 326px 326px;
  background-size: 326px 326px;
}
#bnr_area .block > p {
  width: 294px;
  height: 294px;
  padding: 16px;
  margin: 0 auto;
}
#bnr_area .block > a {
  display: block;
  width: 294px;
  height: 294px;
  margin: 16px;
}
#bnr_area .block > a.WakuLightBlue{
  border: 5px solid #74D6CE;
}
#bnr_area .block > a figure {
  height: 294px;
  position: relative;
}
#bnr_area .block > a figure img{
  width: 100%;
}
/*----- 下半分タイルメニュー（ピンク） -----*/
#bnr_area .block > a figure .pink {
  background-color: #F19EC2;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .pink .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .pink .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
/*----- 全面タイルメニュー（ピンク） -----*/
#bnr_area .block > a figure .fullpink {
  background-color: #F19EC2;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fullpink .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fullpink .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 62px;
}
/*----- 下半分タイルメニュー（グリーン） -----*/
#bnr_area .block > a figure .green {
  background-color: #8CC176;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .green .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .green .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
/*----- 全面タイルメニュー（グリーン） -----*/
#bnr_area .block > a figure .fullgreen {
  background-color: #8CC176;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fullgreen .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fullgreen .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 62px;
}
/*    下半分ブルー    add justice */
#bnr_area .block > a figure .blue {
  background-color: #5386B9;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .blue .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .blue .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
#bnr_area .block > a figure .orange {
  background-color: #F5AF7E;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .orange .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .orange .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}

/*----- 全面タイルメニュー（オレンジ） -----*/
#bnr_area .block > a figure .fullorange {
  background-color: #F5AF7E;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fullorange .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fullorange .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 62px;
}

/*    紫（パープル）    add justice */
#bnr_area .block > a figure .purple {
  background-color: #A69ACA;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .purple .title {
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .purple .text {
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 5px;
}

/*    薄いブルー    add justice */
#bnr_area .block > a figure .lightblue {
  background-color: #7FCEF5;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .lightblue .title {
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .lightblue .text {
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 5px;
}
/*----- 全面タイルメニュー（薄いブルー） -----*/
#bnr_area .block > a figure .fulllightblue {
  background-color: #7FCEF5;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fulllightblue .title {
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fulllightblue .text {
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 62px;
}

/*    下半分イエロー    add justice */
#bnr_area .block > a figure .yellow {
  background-color: #FDD35B;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .yellow .title {
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .yellow .text {
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 5px;
}

/*    全面イエロー    add justice */
#bnr_area .block > a figure .fullyellow {
  background-color: #FDD35B;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fullyellow .title {
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fullyellow .text {
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 62px;
}

/*    下半分白    add justice */
#bnr_area .block > a figure .BackWhite {
  background-color: #FFFFFF;
  height: 117px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .BackWhite .title {
  font-size: 22px;
  color: green;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
}
#bnr_area .block > a figure .BackWhite .text {
  font-size: 17px;
  color: green;
  text-align: center;
  padding-top: 5px;
}

/*----- 全面タイルメニュー（白） -----*/
#bnr_area .block > a figure .fullBackWhite {
  background-color: #FFFFFF;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .fullBackWhite .title {
  font-size: 22px;
  color: green;
  text-align: center;
  padding-top: 64px;
  font-weight: bold;
}
#bnr_area .block > a figure .fullBackWhite .text {
  font-size: 17px;
  color: green;
  text-align: center;
  padding-top: 62px;
}


#bnr_area .block > a:hover {
  text-decoration: none;
}

#info {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 50px 0;
  margin-top: 50px;
}
#info h2 {
  padding-left: 120px;
  display: table-cell;
  vertical-align: middle;
}
#info ul {
  display: table-cell;
  padding-left: 40px;
  vertical-align: middle;
}
#info ul li {
  list-style: disc;
  padding-left: 0;
  margin-left: 40px;
}

/*----- マージントップ 50周年 -----*/
.marMemory50{
  margin-top: 15px;
}

/*------ トップページ リンクエリア ------*/
#topLink {
  position: relative;
  margin-bottom: 7px;
}
#topLink ul {
  margin-top: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
}
#topLink ul li {
  display: inline;
  margin: 0 5px;
  font-size: 13px;
}
#topLink ul li a:hover {
  text-decoration: none;
}
/*------ トップページ リンクエリア ------*/

footer {
  position: relative;
  margin-bottom: 7px;
}
footer ul {
  margin-top: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
}
footer ul li {
  display: inline;
  margin: 0 5px;
  font-size: 13px;
}
footer ul li a:hover {
  text-decoration: none;
}


footer .f_line {
  text-align: center;
}
footer .f_line p {
  text-align: center;
  background: #EFEFEF;
  padding: 8px 0;
  margin-top: 10px;
}
footer .f_line p small {
  font-size: 11px;
}
footer .f_line p small span {
  font-size: 13px;
}
footer .f_out {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -7px;
  right: 0;
  z-index: 1;
}
#whiteout{
  width:72px;
  height:19px;
  position: absolute;
  top: 35px;
  right: 10px;
  z-index: 11;
  background-color:#fff;
  opacity:0;
  display:none;
}
#whiteout:hover{
  opacity:0.5;
  cursor: pointer;
}

/***** .sp クラス非表示 *****/
.sp {
  display: none !important;
}


/*# sourceMappingURL=base.css.map */

/*media Queries（タイルメニュー）用
/* スクロールバー幅を考慮して、+20px しています。
----------------------------------------------------*/
@media only screen and (min-width: 672px) {
  #bnr_area #bnr_wrap{
    width: 652px;
  }
}
@media only screen and (min-width: 998px) {
  #bnr_area #bnr_wrap{
    width: 978px;
  }
}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 980px) {
  /*----- ヘッダ用 -----*/
  header .search_area {
    top: 30px;
    right: 400px;
  }
  header .allbtn_txt {
    display: block;
  }

  /*----- スライドエリア用 -----*/
  #mv_area {
    height:450px !important;
  }
  #mv_area #wrap_top_left {
    width:200px;
  }
  #mv_area #wrap_bottom_right {
    width:200px;
  }
  #mv_area #left_btn {
    top:197px !important;
  }
  #mv_area #right_btn {
    top:197px !important;
  }
  #mv_area #catch_message {
    top:35px;
    left:35px;
    width:300px;
  }
  #mv_area #num {
    bottom: 18px;
    right: 170px;
  }

  #mv_area #slideItems li img{
    position:center;
  }
  /*----- 共通メニュー（上吹き出し）用 -----*/
  #top_nav {
    width: 980px;
    margin: 0 auto;
  }
  #top_nav #nav_room {
    width: 980px;
    left: 50% ;
    margin-left: -490px;
  }
  #top_nav #nav_shop {
    width: 980px;
    left: 50% ;
    margin-left: -490px;
  }
  #top_nav #nav_home {
    width: 980px;
    left: 50% ;
    margin-left: -490px;
  }
  #top_nav #nav_company {
    width: 980px;
    left: 50% ;
    margin-left: -490px;
  }
  #top_nav #nav_business {
    width: 980px;
    left: 50% ;
    margin-left: -490px;
  }
  #top_nav #nav_about {
    width: 980px;
/*    height: 450px; */
    left: 50% ;
    margin-left: -490px;
  }

  /*----- What's New 用 -----*/
  #news_area {
    width: 980px;
    margin: 5% auto;
    padding: 0 15px;
  }
}

/*media Queries（タイルメニュー）用
----------------------------------------------------*/
@media only screen and (min-width: 1304px) {
  #bnr_area #bnr_wrap{
    width: 1304px;
  }
}