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

@import url("thickbox.css");
@import url("page.css");


/* トップページ */

/*
div#top {
	margin:30px;
	padding:10px;
	color:#ccc;
	width:400px;
	background-color:#dae24a;
	font:11px Helvetica, Arial, sans-serif;
	filter: alpha(opacity=70);
  -moz-opacity:0.50;
  opacity:0.50;

	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

h1 {
	margin:0 15px 15px 15px;
	padding:10px;
	clear:both;
	color:#fff;
	background-color:#999;
	font:11px Helvetica, Arial, sans-serif;
	filter: alpha(opacity=70);
  -moz-opacity:0.50;
  opacity:0.50;
	}*/
	
body {
	margin:0px;
	font-size:10pt;
	color:#666;
	}



	
ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}

img {
	border: none;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	margin:0px;
}


p {
	margin:0px;
}


dl,dt,dd {
	margin:0px;
	padding:0px;
}


.f_red {
	color:#F00;
	}

/* トップ */	


div#top {
	height:100%;
	margin:0px;
	padding:30px;
	width:180px;
	background-color:#fff;
	font:11px Helvetica, Arial, sans-serif;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	/* 追加 */
	position: relative;
	}
	
div#top h1 {
	margin-bottom:30px;
	text-align:center;
	}

div#top ul#menu li.contact {
	margin:30px 0 30px 0;
	}
	
dl#news {
	border-top:solid 1px #e3e3e3;
	margin-top:5px;
	margin-bottom:20px;
}

dl#news dt {
	margin:10px 0 ;
	color:#00afdd;
	}

dl#news dd {
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
	}

/*追加 2025/05/07*/
#top > .contact {
	margin-top: 25px;
}	
	
/* セカンド */

body#se {
	margin:0 auto;
	line-height:1.8;
	}

div#wrap {
	width:950px;
	margin:0 auto;
	
	}
	
div#wrap div#left {
	padding-top:100px;

	float:left;
	width:200px;
	}
	
div#wrap div#left ul#menu {
	margin-top:30px;
	line-height:0;
	}
	
div#wrap div#left ul#menu li {
	padding:0;
	}
	
div#wrap div#left ul#menu li.contact {
	margin:25px 0 5px 0;
	}
	
div#wrap div#right {
	float:left;
	width:699px;
	padding-left:50px;
	padding-top:90px;
	border-left:solid 1px #666464;
	}
	

div#wrap div#right div#pageup {
	margin:70px 0 20px 0;
	clear:both;
	text-align:right;
	}
	
div#wrap div#right div#footer {
	margin-bottom:50px;
	}

div#wrap div#right h2 {
	margin-bottom:30px;
	}


/* プラン */

div#wrap div#right h3.plan {
	margin-top:55px;
	}

div#wrap div#right .table {

	margin:15px 0 35px 0;
	border-top:solid 1px #ccc;
}

div#wrap div#right .table td {
	border-bottom: 1px dotted #ccc;
    padding:10px;
}

div#wrap div#right .table td.top {
	background-color:#00afdd;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	border-bottom: none;
	}
	
div#wrap div#right .table th {
	background-color:#efefef;
	padding:10px;
	border-bottom: 1px dotted #ccc;
	text-align:right;
	font-weight:normal;
}
	
div#wrap div#right .table .color {
	background-color:#72a719;
	color:#FFF;
	font-weight:bold;}
	
ul#plan_btn_num{
	height:28px;
	margin-top:-32px;
	margin-left:165px;
}

ul#plan_btn_num li.li_last{
	border-right:dotted 1px #cccccc;
}

ul#plan_btn_num li{
	line-height:1;
	border-left:dotted 1px #cccccc;
	padding:0 5px;
	float:left;
}

ul#plan_btn_num li a{
	text-decoration:none;
}

p#resident{
	color:#C00;
	margin-top:20px;
}

/* コンセプト */


div#wrap div#right p.copy {
	margin:90px 0 0px 0;
	overflow:hidden;
	}
	

div#wrap div#right p.copy img.heart {
	float:right;
	margin-left:30px;
	}
	
	
div#wrap div#right p.con_txt {
	background-image:url(../concept/images/back.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	position:relative;
	width:699px;
	height:386px;
	margin-top:70px;
	}
	
div#wrap div#right p.con_txt img {
	position:absolute;
	
	}
	
div#wrap div#right p.con_txt span {
	position:absolute;
	width:400px;
	left:300px;
	top:70px;
	}
	
div#wrap div#right p.con_txt img.photo {
	left:300px;
	top:100px;
	}

div#wrap div#right p.con_txt02 {
	background-image:url(../concept/images/back02.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	width:699px;
	height:236px;
	margin-top:100px;
	margin-bottom:100px;
	}
	
	
div#wrap div#right p.con_txt02 img {
	position:absolute;
	
	}
	
div#wrap div#right p.con_txt02 span {
	position:absolute;
	width:400px;
	left:0px;
	top:60px;
	}
	
div#wrap div#right p.con_txt02 img.photo {
	left:300px;
	top:100px;
	}
	
	
div#wrap div#right p.con_txt03 {

	position:relative;
	width:699px;
	height:266px;
	margin-top:80px;
	}
	
	
div#wrap div#right p.con_txt03 img.title {
	position:absolute;
	left:300px;	
	}
	
div#wrap div#right p.con_txt03 span {
	position:absolute;
	width:400px;
	left:300px;
	top:60px;
	}
	
div#wrap div#right p.con_txt03 img.photo {
	left:0px;
	top:0px;
	position:absolute;
	}

/* インテリア */

div#wrap div#right img.top {
	margin-bottom:50px;
	}
	
div#wrap div#right p.madori {
	overflow:hidden;
	margin-bottom:60px;
	margin-top:40px;
	}

div#wrap div#right p.madori img {
	float:right;
	margin-left:30px;
	}
	
div#wrap div#right p.int_point {
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
	padding:15px 0;
	}
	
div#wrap div#right p.int_point img.photo {
	float:left;
	margin-right:25px;
	}
	
div#wrap div#right p.int_point img.text {
	margin-bottom:15px;
	}

.cred{
margin-top:20px;
font-size:11px;
}


#galleria{
	clear:both;
	width: 700px;
	margin-top:60px;
}



/* 周辺地図 */

div#wrap div#right dl.map {
	margin:20px 30px;
	}
	
div#wrap div#right dl.map dt {
	font-weight:bold;
	padding-top:35px;
	clear:both;
	padding-bottom:15px;
	
	}
	
div#wrap div#right dl.map dd {
	margin-left:20px;
	}

/* 2025/03/18 */
div#top.top-test {
	position: absolute;
    z-index: 999;
}
body.test {
	background: #11111100;
}
.body-slide-cover {
	height: 100vh;
}
.body-slide .slide-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	margin: 0;
}
.body-slide .slide-img.img01 {
	background-image: url(../images/01.jpg);
}
.body-slide .slide-img.img02 {
	background-image: url(../images/02.jpg);
}
.body-slide .slide-img.img03 {
	background-image: url(../images/03.jpg);
}
.body-slide .slide-img.img04 {
	background-image: url(../images/04.jpg);
}
.body-slide .slide-img.img05 {
	background-image: url(../images/05.jpg);
}
.body-slide .slide-img.img06 {
	background-image: url(../images/11.jpg);
}