@charset "utf-8";
/* ==========================================================

title : レジデンス 新館　
scope : フロアマップ

last modify :2015/12/07 242_hayakawa

========================================================== */

#main {
	background: #fff;
}

#main a:link {
	color:#0000ff;
}
 
#main a:visited {
	color:#0000ff;
}

#main a:hover {
	color:#ff0000;
}
.pr_txt {
	color: #000000;
	border:1px solid #000;
}

/* ------ ttl_main ------ */
#main .ttl_main {
	border-top: 5px solid #9f9f7e;
	background: #e7e6d4;
}

#main .ttl_main h1 {
	width: 740px;
	margin: 0 auto;
	padding: 25px 0 22px;
}

/* ------ lead ------ */
#main .lead {
	color: #000;
	width: 818px;
	margin: 28px auto 0;
	padding: 0 0 0 24px;
	font-size: 17px;
}

/* ------ floor_wrap ------ */
#main .floor_wrap {
	width: 823px;
	height: 1221px;
	margin: 40px auto 0;
	padding: 0 0 0 35px;
	background: url(../image/bg_elevation.png) no-repeat 35px bottom;
	position: relative;
}

#main .floor_wrap [class^="box_"] {
  display: table;
	width: 100%;
  margin: 0 auto;
	position: relative;
}

#main .floor_wrap [class^="box_"] .stl {
	display: table-cell;
	width: 231px;
	padding: 0 0 0 135px;
	vertical-align: middle;
}

.stl span.floor_icon{
	background:#333;
	border-radius:100%;
	color:#fff;
	font-weight:600;
	font-size:22px;
	padding:15px 10px;
}
.stl span.roomnum{
    font-size:20px;
    font-weight: 600;
    margin-left:1em;
    color:#000!important;
}
.box_rf dl dt.floor_icon_rf {
  width: 58px;
  height: 58px;
  background:#b25a4c;
  border-radius:100%;
	color:#fff;
	font-weight:600;
	font-size:22px;
  text-align: center;
  line-height: 58px;
}
.stl span.floor_icon_8f{
    background:#b25a4c;
    	border-radius:100%;
	color:#fff;
	font-weight:600;
	font-size:22px;
	padding:15px 10px;
}
.stl span.floor_icon_3f{
    background:#b25a4c;
    	border-radius:100%;
	color:#fff;
	font-weight:600;
	font-size:22px;
	padding:15px 10px;
}
.stl span.floor_icon_2f{
    background:#6caaaf;
    	border-radius:100%;
	color:#fff;
	font-weight:600;
	font-size:22px;
	padding:15px 10px;
}
#main .floor_wrap [class^="box_"] .btn {
	display: table-cell;
	vertical-align: middle;
}

#main .floor_wrap [class^="box_"] .btn li {
	margin: 7px 0 0 0;
}

#main .floor_wrap [class^="box_"] .btn li:first-child {
	margin: 0;
}

/* ------ box_rf ------ */
#main .floor_wrap .box_rf .stl {
	width: 262px;
}
#main .floor_wrap .box_rf {
  width: 582px;
  margin-left: 134px;
}
#main .floor_wrap .box_rf dl {
  display: flex;
	width: auto;
  font-weight: bold;
  color: #000;
}
#main .floor_wrap .box_rf dt {
}
#main .floor_wrap .box_rf dd {
  padding: 0 0 0 0.5em;
}
#main .floor_wrap .box_rf dd span {
  letter-spacing: -0.05em;
}

#main .floor_wrap .box_rf .btn {
	margin: 6px 0 0 0;
}

/* ------ box_8f ------ */
#main .floor_wrap .box_8f {
	margin: 90px 0 0 0;
}

/* ------ box_7f ------ */
#main .floor_wrap .box_7f {
	margin: 70px 0 0 0;
}

/* ------ box_6f ------ */
#main .floor_wrap .box_6f {
	margin: 65px 0 0 0;
}

/* ------ box_5f ------ */
#main .floor_wrap .box_5f {
	margin: 64px 0 0 0;
}

/* ------ box_4f ------ */
#main .floor_wrap .box_4f {
	margin: 58px 0 0 0;
}

/* ------ box_3f ------ */
#main .floor_wrap .box_3f {
	margin: 51px 0 0 0;
}

/* ------ box_2f ------ */
#main .floor_wrap .box_2f {
	margin: 40px 0 0 0;
}

#main .floor_wrap .box_2f .btn li {
	margin: 0;
}

#main .floor_wrap .box_2f .btn_2f_golf {
	position: absolute;
	top: -20px;
	right: 0;
}

/* ------ box_1f ------ */
#main .floor_wrap .box_1f {
	margin: 81px 0 0 417px;
}


/* ------ pool ------ */
#main .floor_wrap .pool {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	position: absolute;
	top: 1000px;
	left: -15px;
}


/* ------ pool ------ */
#main .floor_wrap .garden {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	position: absolute;
	top: 1096px;
	left: 755px;
	width: 200px;
}



/* ------ pagetop_g ------ */
#pagetop_g {
	background: url(../image/arw_pagetop.png) no-repeat 5px 5px;
}