@charset "utf-8";
/* CSS Document */

footer, header, menu, nav, section {display: block;}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
}

a:hover { opacity:0.7; }

h1 {
	width:100%;
	margin:0;
	font-size:15px;
	color:#FFF;
	background-color:#000;
	text-align:center;
	padding:0 5px;
	float:left;
}



h3 {
	width:100%;
	margin:0;
	background-color:#777;
	color:#FFF;
	text-align:center;
	border:#777 1px solid;
	letter-spacing:2px;
}

#header {
	width:100%;
	margin:0;
	float:left;
}

#head_line {
	width:100%;
	height:3px;
	margin-top:5px;
	margin-left:0;
	float:left;
	background-color:#777;
}

#wrap_outline .out_right .campain {
	font-weight: bold;
	color: red;
}

.inner {
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

.logo {
	height:60px;
	margin:5px 0 0 5px;
	float:left;
}

.pagetop {
	width:100px;
	height:100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
	background-image:url(../imges/p_top.png);
	background-repeat:no-repeat;
}

.pagetop:hover,.pagetop a:hover,.pagetop > a:hover {
	background-image:url(../imges/p_top_over.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#footer {
	width:100%;
	margin-top:50px;
	display:block;
	float:left;
	background-color:#DFDFDF;
	clear:both;
}

#copy_wrp {
	clear:both;
	width:100%;
	height:30px;
	background-color:#000;
	color:#FFF;
	text-align:center;
}

#copy_wrp > p,#copy_wrp p {
	margin-left:20px;
	font-size:11px;
}

#wraper {
	width:100%;
	float:left;
	margin:20px 0;
}

#main_img {
	width:100%;
	border:#777 1px inset;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
}

.list1 {
	float:left;
	width:100%;
	margin:0;
	border:#000 1px inset;
	padding:0;
	background-color:#000;
}

#bukken_name {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display:block;
	float:left;
}

#bukken_name h2 {
	padding:10px 20px;
	color:#333;
	font-size:120%;
	border-bottom:#777 1px solid;
}

#outline_block {
	width:100%;
	margin:0;
	border-left:#777 1px inset;
	border-right:#777 1px inset;
	border-top:#777 1px solid;
	float:left;
}

.last { border-bottom:#777 1px solid; }

#wrap_outline {	float:left; }

#ggmap {
	width:100%;
	margin:20px 0;
	float:left;
}

#mapbox {
	width:100%;
	height:500px;
	border:#777 1px solid;
}

.come_tex {
	width:100%;
	float:left;
	text-align:right;
	font-size:90%;
}

#room_block {
	border:#777 1px solid;
	float:left;
	margin-bottom:20px;
}

#room_block li {
	list-style:none;
	text-indent:10px;
	list-style-position: outside;
}

#room_block li span {
	margin-left: 58px;
}

#room_block img {
	float:left;
	border:#777 1px solid;
	margin:1px;
	width:170px;
	height:170px;
	text-align:center;
}

#room_block a:hover {
	opacity:0.5;
	background-color:#69BCF8;
}

#bar_cont {
	background-color:#E00317;
	color:#FFF;
	padding:5px 20px;
	margin-top:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:#777 3px 3px;
}

#corp_ad {
	float:right;
	margin-right:20px;
	font-size:90%;
}

#wrap_plan {
	width:100%;
	margin:50px 0;
	text-align:center;
	float:left;
}

.floor_plan {
	width: 100%;
	float: left;
}


/* For PC */
@media only screen and (min-width:960px){	

h2 {
	font-size:15px;
	color:#FFF;
	margin:0;
}

#header {
	float:left;
}

#head_line {
	margin-top:5px;
}

#bar_cont { float:right; }

.inner {
	width:960px;
}

.logo {
	float:left;
}


#gaikan_pho {
	width:500px;
	float:right;
	margin:0;
}


#wrap_outline {
	width:450px;
	margin:0;
}

.out_left {
	width:20%;
	margin:0;
	padding-left:2px;
	float:left;
}

.out_right {
	width:75%;
	margin:0;
	padding-left:2%;
	float:left;
	border-left:#777 1px inset;
}

#room_block {
	width:47%;
	margin-left:2%;
}


}

/* Dispray W-size 940px */
@media only screen and (max-width:959px){
	
#bar_cont {
	float:right;
	margin-right:20PX;
}

#wrap_outline {
	width:95%;
	margin-left:2%;
}

#gaikan_pho {
	float:left;
	width:95%;
	margin-left:2%;
}

.out_left {
	width:25%;
	float:left;
}

.out_right {
	width:70%;
	padding-left:2%;
	float:left;
	border-left:#777 1PX solid;
}

#room_block {
	width:47%;
	margin-left:2%;
}

}

/* Smart-Phone Yoko(LandScape) */
@media only screen and (max-width:640px){

#room_block {
	width:95%;
	margin-left:2%;
}

}

/* Smart-Phone Tate(Portrayte) */
@media only screen and (max-width:480px){

}