@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

#navigation ul li.M_PROPERTY a	{ padding-bottom:0; border-bottom:3px solid #c7b361;}
#PAGE { padding-bottom:0; }
p.ALERT { margin-top:100px; }
p.P_COMENT { width:945px; float:left; clear:none; margin:50px 0 0 77px; line-height:1.7em; }


		#wrapper {
		    width: 960px;
		    margin: 0 auto 50px;
		    
		}
		/*******************************
		ストリートビュー設定＆マップ設定
		*******************************/
		#svp_area {
			width:960px;
		 height:400px;
		 margin: 0 auto;
		 padding: 5px 0px 10px 0px;
		 border-radius: 2px;
		 overflow: visible;
		}
		#svp {
			width:960px;
		 height:400px;
		 margin: 0 auto;
		 overflow: visible;
		}
		#map {
			width:960px;
		 height:400px;
		 margin: 0 auto;
		 overflow: visible;
		}
		#map div { overflow: visible; }



#PAGE { width:100%; background:#f1f9fd; padding-bottom:50px; }
img.PAGE_TOP { margin-bottom:0; }
.CONTENTS { width:1100px; margin:10px auto; padding-bottom:50px; clear:both; }
.CONTENTS p.LEAD { width:100%; margin:50px 0 0 0; float:left; clear:none; font-size:13px;text-align:center;  }

.CONTENTS a.A_LINK { width:798px; height:130px; border:1px solid #ccc; float:left; clear:none; margin:50px 0 0 150px; padding:0; } 
.CONTENTS a.A_LINK:hover { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }

.CONTENTS a.A_LINK .LEFT { width:100px; float:left; clear:none; }
.CONTENTS a.A_LINK .LEFT img { width:90px; float:left; clear:none; margin:5px 5px 5px 5px; }

.CONTENTS a.A_LINK .BOX1 { width:696px; float:right; clear:none; text-align:left; border-bottom:1px solid #ccc; background:#f7f8f8; border-left:1px solid #ccc; }
.CONTENTS a.A_LINK .BOX1 .LEFT { width:50%; float:left; clear:none; }
.CONTENTS a.A_LINK .BOX1 .LEFT span.ADDRESS { width:96%; float:left; clear:none; margin:10px 0 0px 2%; }
.CONTENTS a.A_LINK .BOX1 .LEFT h3 { width:96%; float:left; clear:none; margin:0px 0 0px 2%; font-weight:bold; font-size:14px; text-align:left; line-height:30px; }
.CONTENTS a.A_LINK .BOX1 .RIGHT { width:49%; float:right; clear:none; }
.CONTENTS a.A_LINK .BOX1 .RIGHT span { width:100%; float:left; clear:none; margin:10px 0 0 0%; }

.CONTENTS a.A_LINK .BOX2 { width:697px; float:right; clear:none; text-align:left;  }
.CONTENTS a.A_LINK .BOX2 ul { width:696px; border-left:1px solid #ccc; ; float:left; clear:none; }

.CONTENTS a.A_LINK .BOX2 ul li.LI_RIGHT { width:342px; float:left; clear:none; border-left:none; overflow:hidden; }
.CONTENTS a.A_LINK .BOX2 ul li.LI_RIGHT  span { width:332px; float:left; clear:none; margin:0px 0 5px 10px; display:block; line-height:1.7em; }
.CONTENTS a.A_LINK .BOX2 ul li.LI_RIGHT  strong { width:332px; float:left; clear:none; margin:0px 0 5px 10px; display:block; font-weight:bold; }


.CONTENTS a.A_LINK .BOX2 ul li { width:16%; height:65px; float:left; clear:none; border-left:1px dotted #ccc; }
.CONTENTS a.A_LINK .BOX2 ul li strong { width:96%; float:left; clear:none; margin:5px 0 0px 4%; display:block; font-weight:bold; }
.CONTENTS a.A_LINK .BOX2 ul li span { width:96%; float:left; clear:none; margin:0px 0 5px 4%; display:block; text-align:center; }

.CONTENTS a.A_LINK:link { color:#606366; }
.CONTENTS a.A_LINK:visited { color:#606366; }
.CONTENTS a.A_LINK:hover { color:#606366; }
.CONTENTS a.A_LINK:active { color:#606366; }


/*詳細ページ*/
.CONTENTS .BUILDING { width:940px; float:left; clear:none; margin:30px 0 0 80px; }
.CONTENTS .BUILDING img { width:250px; float:left; clear:none; margin:0 30px 0 0; padding:20px; border:1px solid #ccc; }
.CONTENTS .BUILDING dl.DETAIL { width:610px; float:right; clear:none; padding:5px 0; border-bottom:1px dotted #ccc; }
.CONTENTS .BUILDING dl.DETAIL dt { width:100px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL dd { width:510px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING p { width:510px; float:right; clear:none; text-align:left; margin:0px 0 0 0; }
.CONTENTS h4 { width:100%; text-align:center; float:left; clear:none; margin:100px 0 0 0; font-size:17px;  }

.CONTENTS .BUILDING dl.DETAIL2 { width:305px; float:left; clear:none; padding:5px 0; border-bottom:1px dotted #ccc; }
.CONTENTS .BUILDING dl.DETAIL2 dt { width:100px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL2 dd { width:255px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL2 dt.DT_LONG { width:100px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL2 dd { width:155px; float:left; clear:none; text-align:left; }

.CONTENTS .BUILDING dl.DETAIL3 { width:203px; float:left; clear:none; padding:5px 0; border-bottom:1px dotted #ccc; }
.CONTENTS .BUILDING dl.DETAIL3 dt { width:50px; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL3 dd { width:153px; float:right; clear:none; text-align:left; }


.CONTENTS .DETAIL_WRAP { width:610px; float:right; clear:none; overflow:visible; }
.CONTENTS .DETAIL_WRAP p { width:610px; float:left; clear:none; }
.CONTENTS .DETAIL_WRAP strong { width:610px; float:left; clear:none; border-bottom:1px dotted #ccc; display:block; text-align:left; margin:30px 0 10px 0; font-weight:bold; line-height:3em; }
h3.NAME { width:100%; color:#fff; text-align:center; padding:50px 0 50px 0; background: rgba(166,183,191,1); margin:0;  }


/*スライドショー*/
#PAGE .FLIP	{ display:none; }

#PAGE .SHEET .GALLERY	{ width:945px; height:auto; float:left; margin:50px 0 0 77px; }
div.content {	display:none; float:left; clear:both; width:640px; height:480px; overflow:visible; }
div.controls { width:100%; position:absolute; top:200px; left:0; margin-top:0; height:20px; z-index:50; overflow:visible; }
div.controls a {  }
div.ss-controls { display:none; }
div.nav-controls { width:100%; float:right; position:absolute; top:0; left:0; overflow:visible; }
div.nav-controls a.prev	{ width:20px; height:20px; float:left; margin-left:0px; background:url(../img/prev.gif) no-repeat; text-indent:-999px; overflow:hidden; }
div.nav-controls a.next	{ width:20px; height:20px; float:right; margin-right:0px; background:url(../img/next.gif) no-repeat; text-indent:-999px; overflow:hidden; }
div.slideshow-container { position:relative; clear:none; float:left; width:638px; height:420px; border:1px solid #ccc; }
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 640px;
	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow { width:640px; height:480px; float:left; overflow:visible; display:block; }
div.slideshow span.image-wrapper { float:left; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link { display:block; float:left; clear:none; width:640px; height:480px; margin:0; padding:0; text-align: center; vertical-align:middle; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img { width:auto; height:420px; float:none; margin:0 auto; top:0; vertical-align:middle; }
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 560px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px 0;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
    float:left; clear:none; 
	margin: 0;
	padding: 0;
}
ul.thumbs li { width:90px; float:left; padding: 0; margin:0 0px 5px 10px; list-style:none; }
a.thumb { width:80px; height:60px; display:block; border:2px solid #ccc; overflow:hidden; }
ul.thumbs li.selected a.thumb { border:2px solid #000; }
a.thumb:focus {
	outline: none;
}
ul.thumbs img { width:80px; border:none; display: block; vertical-align:middle; }
div.pagination { display:none; }
div.navigation div.top { display:none; }
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

a.btn { margin-bottom:50px; }


#map { width:960px; float:left; clear:none; }

span.SPAN_PC { display:block; }
.CONTENTS a.A_LINK .BOX2 li.LI_SP { display:none; }


ul.BREAD { width:1100px; margin:10px auto 10px auto; text-align:left; font-size:11px; clear:both; }











@media screen and (max-width: 640px){
/*以下スマホ*/
body { background:none; }
br.PC { display:none; }
#PAGE { width:100%; background:none; padding-bottom:50px; }
.CONTENTS { width:96%; margin:0 0 0 2%;  }
.CONTENTS p { margin:0px 0 0 0;font-size:13px; text-align:left; }
.CONTENTS p.ALERT { width:100%; text-align:center; }
.CONTENTS p.LEAD { margin-top:0; text-align:left; }
.CONTENTS a.A_LINK { width:99%; height:230px; border:1px solid #ccc; float:left; clear:none; margin:20px 0 0 0px; padding:0; background:#f7f8f8; } 
.CONTENTS a.A_LINK .BOX1 { width:79%; float:right; clear:none; text-align:left; border-bottom:0px solid #ccc; background:none; }
.CONTENTS a.A_LINK .LEFT { width:20%; float:left; clear:none; border-right:0px solid #ccc; }
.CONTENTS a.A_LINK .LEFT img { width:100%; float:left; clear:none; margin:5px 5px 5px 5px; }

.CONTENTS a.A_LINK .BOX1 .LEFT { width:100%; float:left; clear:none; }
.CONTENTS a.A_LINK .BOX1 .RIGHT { width:100%; float:left; clear:none; }
.CONTENTS a.A_LINK .BOX1 .RIGHT span { width:100%; float:left; clear:none; margin:10px 0 0 0%; }

.CONTENTS a.A_LINK .BOX2 { width:100%; float:right; clear:none; text-align:left; border-top:1px solid #ccc; background:#fff; padding-bottom:0; }
.CONTENTS a.A_LINK .BOX2 ul { width:96%; float:left; clear:none; margin:0 0 0 2%; }
.CONTENTS a.A_LINK .BOX2 li.LI_SP { width:100%; height:auto; display:block; border-left:none; }
.CONTENTS h3 {width:100%;text-align:center;font-size:14px;margin:50px 0 20px 0;float:left;clear:none;letter-spacing:0.1em;border-bottom:0px solid #ccc;}
span.SPAN_PC { display:none; }
.CONTENTS a.A_LINK .BOX2 ul li { width:16%; height:100px; float:left; clear:none; border-left:1px dotted #ccc; }

h3.NAME { width:100%; color:#fff; text-align:center; padding:5px 0 10px 0; background: rgba(166,183,191,1); margin:0;  }
.CONTENTS .BUILDING { width:100%; float:left; clear:none; margin:0px 0 0 0%; }
.CONTENTS .BUILDING img { width:50%; float:left; clear:none; margin:0 30px 10px 20%; padding:5%; border:1px solid #ccc; }
.CONTENTS .DETAIL_WRAP { width:100%; float:left; clear:none; overflow:visible; }
.CONTENTS .BUILDING dl.DETAIL dt { width:20%; float:left; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL dd { width:80%; float:right; clear:none; text-align:left; }
.CONTENTS .BUILDING dl.DETAIL { width:100%; float:left; clear:none; padding:5px 0; border-bottom:1px dotted #ccc; }
.CONTENTS .DETAIL_WRAP strong { width:100%; float:left; clear:none; border-bottom:1px dotted #ccc; display:block; text-align:left; margin:30px 0 10px 0; font-weight:bold; line-height:3em; }
.CONTENTS .DETAIL_WRAP p { width:100%; float:left; clear:none; }
.CONTENTS .DETAIL_WRAP strong { width:100%; float:left; clear:none; border-bottom:1px dotted #ccc; display:block; text-align:left; margin:30px 0 10px 0; font-weight:bold; line-height:3em; }


#wrapper { width: 100%; margin: 0 auto 0px; }
/*********************************************
		ストリートビュー設定＆マップ設定
*********************************************/
		#svp_area {
			width:100%;
		 height:400px;
		 margin: 0 auto;
		 padding: 5px 0px 10px 0px;
		 border-radius: 2px;
		 overflow: visible;
		}
		#svp {
			width:100%;
		 height:400px;
		 margin: 0 auto;
		 overflow: visible;
		}
		#map {
			width:100%;
		 height:400px;
		 margin: 0 auto;
		 overflow: visible;
		}
		#map div { overflow: visible; }


/*	スライドショー*/ 

#PAGE .SHEET .GALLERY	{ width:100%; height:auto; float:left; margin:50px 0 0 0px;  }
div.slideshow { width:100%; height:480px; float:left; overflow:visible; display:block; text-align:center; }
div.slideshow-container { position:relative; clear:none; float:left; width:99%; height:420px; border:1px solid #ccc; text-align:center; }
div.content {	display:none; float:left; clear:both; width:100%; overflow:visible; }
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.content {	display:none; float:left; clear:both; width:100%; height:420px; overflow:visible; }
#thumbs { display:none; }
ul thumbs { display:none; }
div.slideshow img { width:auto; height:420px;float:left; clear:none; margin:0 0 0 6%; vertical-align:middle; padding:0; }
div.slideshow a.advance-link { display:block; float:left; clear:none; width:100%; height:480px; margin:0; padding:0; text-align: center; vertical-align:middle; }
div.slideshow span.image-wrapper { width:100%; float:none; margin:0 auto; text-align:center; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.caption-container { display:none; }
a.thumb { display:none; }




}