@charset "utf-8";

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

room luxury modern

=================================*/
.sec_end{
	background-image:url(../images/sec_end.png);
	}
.ie7 .sec_end,
.ie8 .sec_end{
	background-image:url(../images/sec_end.gif);
	}
.sec_bg_nv_dk {
	background:url(../images/sec_bg_red_dk.jpg) left top repeat;
	}
.sec_bg_nv {
	background:url(../images/sec_bg_red.jpg) left top repeat;
	}
	
.cool .sec_end{
	background-image:url(../images/sec_end_cool.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 80px;
	padding-top: 45px;
	}
.ie7 .cool .sec_end,
.ie8 .cool .sec_end{
	background-image:url(../images/sec_end_cool.gif);
	}
.cool .sec_bg_nv_dk {
	background:url(../images/sec_bg_nv_dk.jpg) left top repeat;
	}
.cool .sec_bg_nv {
	background:url(../images/sec_bg_nv.jpg) left top repeat;
	}
body.floor_map {
	background:url(../images/sec_bg_red_dk.jpg) left top repeat;
	}	
body.floor_map_nv {
	background:url(../images/sec_bg_nv_dk.jpg) left top repeat;
	text-align:center;
	}	
#page_nav{
	background:#222;
	width: 100%;
	padding: 30px 0 0;
}

#page_nav .page_nav_liner{
	width:1000px;
	margin: 0 auto;
	
	}
#page_nav ul{
	overflow:hidden;
	}
#page_nav ul li{
	float:left;
	width:485px;
}
#page_nav ul li span{
	display:block;
	}
#page_nav ul li a{
	display:block;
	position:relative;
	width: 100%;
	height:180px;
	outline:none;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:left top;
}
#page_nav ul li.page_nav_01{
	margin-right: 30px;
	}
#page_nav ul li.page_nav_01 a{
	background-image:url(../images/page_nav_01.jpg);
	}
#page_nav ul li.page_nav_02 a{
	background-image:url(../images/page_nav_02.jpg);
	}
#page_nav ul li a:after{
	display:block;
	position:absolute;
	left:0;
	top:0;
	content: "";
	width: 485px;
	height:180px;
	transition: all 1s;
	opacity: 0;
	}
#page_nav ul li.page_nav_01 a:hover:after{
	background-image:url(../images/page_nav_01_f2.jpg);
	opacity: 1;
	}
#page_nav ul li.page_nav_02 a:hover:after{
	background-image:url(../images/page_nav_02_f2.jpg);
	opacity: 1;
	}
#room1 {
	border-top: 25px solid #512323;
	}
#room2 {
	border-top: 25px solid #1C3146;
	}
.sec02 dl {
	text-align: left;
	float: left;
	position: relative;
	}
.sec02 .sec_ti_01 {
	text-align: left;
	margin-bottom: 20px;
	}
.sec02 dd{
	line-height: 2.2;
	}
.sec02 .btn_price {
	margin-top: 20px;
	}
.sec02 dl.dl_l {
	width: 444px;
	padding-right: 70px;
	}
.sec02 dl.dl_r {
	width: 485px;
	float: right;
	}
.sec02 dl.dl_r .btn_enlarge a {
	display: block;
	position: absolute;
	left: 305px;
	top: 299px;
	outline: none;
	}

.floor_map img {
	max-width: 100%;
	height: auto;
	}
@media screen and (max-width: 700px){
  .floor_map #container{
	margin: 0 1em;
	}
}

.cool .sec02 dl.dl_r{
	position: relative;
	}
.cool .sec02 dl.dl_r .btn_enlarge{
	position: absolute;
	top: -50px;
	left:0;
	}


.border_box{
background-color: #101010;
}
.border_box img {
max-width:100%;
height:auto;
}
.border_box .txt{
padding:0.7em;
}