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

#HEADER .H_WRAP .MENU ul.MENUBAR a.MODELHOUSE:link { border-bottom:3px solid #000; text-decoration:none; color:#000; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.MODELHOUSE:visited { border-bottom:3px solid #000; color:#000; }

#PAGE .CONTENTS_R	{ overflow:visible; }
#PAGE h2	{ overflow:visible; }
#PAGE h2 img.WD	{ float:right; margin:-30px -10px 0 0; }

h3.H3NEW { width:640px; float:left; clear:none; border-bottom:4px solid #dededd; margin:50px 0 20px 0; padding-bottom:10px; }
h3.H3NEW span { float:left; clear:none; font-size:14px; letter-spacing:0.2em; font-weight: bold; }
h3.H3NEW span img { float:left; clear:none; margin:7px 10px 0 0; }

/*一覧*/
ul.WORKS { margin-top:65px; }
ul.WORKS li { margin:0 60px 0px 0; line-height:1.7em; }
ul.WORKS a { height:300px; }
ul.WORKS li a span { width:280px; height:210px; float:left; position:relative; margin:0 0 5px 0; }
ul.WORKS li a span strong { width:250px; height:auto; float:left; padding:10px 15px; background:rgba(0,0,0,0.5); color:#fff; font-weight:bold; font-size:15px; line-height:1.5em; position:absolute; bottom:0; left:0; }

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

#PAGE .SHEET .GALLERY	{ width:640px; height:auto; float:left; margin:30px 0 0 0; position:relative; }
#PAGE .SHEET .GALLERY .NOPHOTO	{ width:320px; float:right; margin:10px 0 0 0; }
#PAGE .SHEET .GALLERY .MADO	{ width:282px; float:left; margin:10px 0 0 0; position:relative; }
#PAGE .SHEET .GALLERY .MADO:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
#PAGE .SHEET .GALLERY .MADO:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
#PAGE .SHEET .GALLERY .ZUMEN	{ width:280px; float:left; border:1px solid #ccc; }
#PAGE .SHEET .GALLERY .MADO em	{ width:20px; height:20px; background:#1da4e7; position:absolute; top:0px; right:0px; z-index:1000; }
#PAGE .SHEET .GALLERY .MADO em img.EXTEND	{ width:14px; height:14px; float:left; margin:3px; }

/* fancybox */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align:top; padding:0; margin:0; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position: elative; padding:0; margin:0; color:#444; text-shadow:none; }
.fancybox-opened { z-index:8030; }
.fancybox-outer, .fancybox-inner { padding:0; margin:0; position:relative; outline:none; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:10px; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; border:0; padding:0; margin:0; vertical-align:top; }
.fancybox-image { max-width: 100%; max-height: 100%; /* border: 2px solid #121212; */ }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 1.0; cursor: pointer; z-index: 8020; }
#fancybox-loading div { width: 64px; height: 64px; background: url('../img/loading.gif') center center no-repeat; }

.fancybox-close { background: url(../img/k_close.png) no-repeat 50% 50%; width: 70px; height: 12px; position: fixed; top: 30px; right: 30px; cursor: pointer; z-index: 8040; }
.fancybox-close:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-close:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-prev { background: url(../img/k_prev.png) no-repeat 0% 50%; width: 75px; height: 30px; position: fixed; top: 48%; left: 20px; }
.fancybox-prev:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-prev:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-next { background: url(../img/k_next.png) no-repeat 100% 50%; width: 75px; height: 30px; position: fixed; top: 48%; right: 20px; text-align: right; }
.fancybox-next:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-next:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 20px; background-position: 0 -36px; }
.fancybox-next span { right: 20px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; 	top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }

#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #efefef; border: 8px solid #fff; }
#fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { display: none; }

#PAGE iframe{ float:left; margin-top:30px; }

div.content {	display:none; float:left; clear:none; width:640px; height:540px; overflow:visible; position:relative; }
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:30px; height:40px; float:left; margin-left:10px; background:url(../img/prev.png) no-repeat; text-indent:-999px; overflow:hidden; }
div.nav-controls a.next	{ width:30px; height:40px; float:right; margin-right:10px; background:url(../img/next.png) no-repeat; text-indent:-999px; overflow:hidden; }
div.slideshow-container { position:relative; clear:none; float:left; width:638px; height:480px; 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:; 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:480px; float:none; margin:-26px auto 0 auto; top:0; vertical-align:middle; }
div.download {
	float: right;
}
div.caption-container { clear:left; width:100%; float:left; height:auto; overflow:visible; position:absolute; top:0; left:0; }
span.image-caption {
	display: block;
	position: absolute;
	background:#efefee;
	width: 620px;
	height:3.2em;
	padding:10px;
	top: 480px;
	left: 0;
	line-height:1.5em;
}
div.caption {
	padding: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 { width:650px; float:left; clear: both; margin:10px 0 0 0; padding: 0; }
ul.thumbs li { width:108px; float:left; padding: 0; margin:0 0px 10px 0; list-style:none; }
a.thumb { width:96px; height:72px; 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:96px; 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;
}

.PLAN	{ width:695px; float:left; margin:0; }
.PLAN li	{ width:auto; float:left; margin:0 30px 0 0; }
.PLAN li div	{ width:auto; float:left; margin:0 0 5px 0; border:1px solid #ccc; }
.PLAN li div img	{ width:auto; float:left; margin:0; }
.PLAN li span	{ width:100px; float:left; clear:both; }

dl.DATA	{ width:620px; float:left; padding:10px; line-height:1.5em; border-bottom:1px solid #ccc; }
dl.DATA dt	{ width:100px; float:left; }
dl.DATA dd	{ width:500px; float:right; }

.GMAP	{ width:640px; height:400px; float:left; margin:30px 0 0 0; position:relative; }
.GMAP div	{ overflow:visible; }

a.banner { margin:100px 0 0 0; float:left; clear:none; }
a.banner:hover { opacity:0.7; }