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

html,body{
	margin: 0;
	padding: 0;
	
	
}
html{
	height: 100%;
	
	/*ie6*/
	_height: 100%;
}
body {
	background-color: #f4f4f4;
	width: 100%;
	height: 100%;
	position:relative;
	min-width: 1046px;
	min-height: 940px;
	
	/*ie6*/
	_position:relative;
	_height: 100%;
	_min-height: 940px;
	_heihgt: auto !important;
	_heihgt: 940px;
	
	overflow-x: hidden;
	/*_overflow-x: hidden;*/
}

img {
	line-height: 1;
	vertical-align: top;
}


#container {
	width: 1046px;
	height: 810px;
	margin: 0 auto;
	padding: 0;
	/*overflow: hidden;*/
	
	position: relative;
	/*overflow-x: hidden;*/
}

#container #slide-container {
	width: 960px;
	/*height: 650px;*/
	margin: 0 auto 24px;
	overflow: hidden;
}
#container #slide-container #before-inner {
	/*width: 960px;
	overflow: hidden;
	display: block;
	_zoom: 1;*/
}
#container #slide-container .inner {
	width: 32640px;
	height: 650px;
	margin: 0;
	/*margin-left: 1920px;*/
	overflow: hidden;
}

/*
* intro1
*/
#intro1 {
	width: 960px;
	height: 650px;
	display: block;
	overflow: hidden;
	float: left;
}

/*
* intro2
*/

#intro2 {
	width: 960px;
	height: 650px;
	display: block;
	float: left;
	position: relative;
	_position: static;
}
*+html #intro2 {
	position: static;
}
#intro2 .select {
	display: block;
	width: 478px;
	height: 323px;
}
#intro2 .select a {
	display: block;
	font-size: 1px;
	line-height: 1;
	vertical-align: top;
	width: 478px;
	height: 323px;
	cursor:pointer;
}
#intro2 .select a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#intro2 #select1{
	position: absolute;
	_position: static;
	top: 0;
	left: 0;
	
	_float: left;
	_width: 478px;
	_height: 327px;
}
*+html #intro2 #select1{
	position: static;
	
	float: left;
	width: 478px;
	height: 327px;
}
#intro2 #select2{
	position: absolute;
	_position: static;
	
	top: 327px;
	left: 0;
	
	_clear: both;
	_float: left;
	_width: 478px;
	_height: 323px;
	
}
*+html #intro2 #select2{
	position: static;
	
	clear: both;
	float: left;
	width: 478px;
	height: 323px;

}
#intro2 #select3{
	position: absolute;
	_position: static;

	
	top: 0;
	left: 482px;
	
	_float: right;
	_width: 478px;
	_height: 327px;
}
*+html #intro2 #select3{
	position: static;
	
	float: right;
	width: 478px;
	height: 327px;
}
#intro2 #select4{
	position: absolute;
	_position: static;

	top: 327px;
	left: 482px;
	
	_float: right;
	_width: 478px;
	_height: 323px;
}
*+html #intro2 #select4{
	position: static;
	float: right;
	width: 478px;
	height: 323px;
}
/*
* gallery
*/
.gallery-container {
	float: left;
	width: 7680px;
	height: 650px;
	/*position: relative;*/
}
.gallery-container .gal {
	float: left;
	width: 960px;
	height: 650px;
	display: block;
	
	position:relative;
	_position: static;
	/*position: absolute;
	top: 0;*/
}
*+html .gallery-container .gal{
	position: static;
}
/*
#gallery #gallery1 {
	left: 0;
}
#gallery #gallery2 {
	left: 960px;
}
#gallery #gallery3 {
	left: 1920px;
}
#gallery #gallery4 {
	left: 2880px;
}
#gallery #gallery5 {
	left: 3840px;
}
#gallery #gallery6 {
	left: 4800px;
}
#gallery #gallery7 {
	left: 5760px;
}
#gallery #gallery8 {
	left: 6720px;
}
*/


/*
* thumb-container
*/
/*サムネイルボーダー*/
#thumb-container {
	clear: both;
	display: block;
	
	width: 960px;
	height: 58px;
	overflow: hidden;
	
	background-image: url(../images/bg_thumb_border.gif);
	background-position: 197px top;
	background-repeat: no-repeat;
	
	position: relative;
	margin:0 auto;
}
#thumb-container #thumb-common{
	position: absolute;
	top:0;
	left:0;
	width: 192px;
	height: 58px;
}
#thumb-container #thumb-common li,
#thumb-container .thumb-gallery li {
	float: left;
	width: 84px;
	height: 58px;
	display: block;
	padding-right: 10px;
	_padding-right: 8px;
}

#thumb-container #thumb-common li a,
#thumb-container .thumb-gallery li a {
	width: 86px;
	height: 58px;
	display: block;
	font-size: 1px;
	line-height: 1;
	vertical-align: top;
}

.thumb-gallery {
	position: absolute;
	width: 768px;
	height: 58px;
	top: 0;
	left: 216px;
}


/*
* nav-prev,nav-next
*/
#container .nav{
	/*display: block;*/
	width: 24px;
	height: 42px;
	position: absolute;
}
#container .nav a{
	display: block;
	font-size: 1px;
	line-height: 1;
	vertical-align: top;
	width: 24px;
	height: 42px;
}
#container #nav-prev {
	top: 360px;
	left: 0;
}
#container #nav-next {
	top: 360px;
	right: 0;
}

/*url link*/
a.gal_link{
	position: absolute;
	_position: static;
	width:400px;
	height:18px;
	text-indent:-9999px;
	z-index:20;
	
	background:#fff;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	/*background-image: url(../images/spacer.gif) repeat 0 0;*/
	
	left:540px;
	
	display: block;
}
*+html a.gal_link{
	position: static;
}

a.gal_link:hover{
	background: url(../images/white.gif) repeat 0 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.url_1{
	top:473px;
	_margin-top: -177px;
	_margin-left: 540px;
}
*+html .url_1{
	margin-top: -177px;
	margin-left: 540px;
}
.url_2{
	top:564px;
	_margin-top: 64px;
	_margin-left: 540px;
}
*+html .url_2{
	margin-top: 70px;
	margin-left: 540px;
}
.url_3{
	top:582px;
	_margin-top: 0;
	_margin-left: 540px;
}
*+html .url_3{
	margin-top: 6px;
	margin-left: 540px;
}

/*logo*/
#logo_ecobeing{
	position:absolute;
	top:0;
	right:0;
}
#logo_ecopeople{
	float:left;
	padding:0 0 0 43px;
	width:200px;
}
/*social*/
#social_network{
	float:right;
	margin:18px 43px 0 0;
	width:240px;
}
#logo_facebook{
	/*float:left;*/
	width:120px;
	/*background:#789;*/
	z-index:10;
	display:block;
	position:absolute;
	left:780px;
}
#logo_twitter{
	/*float:right;*/
	width:120px;
	z-index:11;
	display:block;
	position:absolute;
	left:916px;
}

.fb-like{
	width:120px;
	display:block;
}


#logo_ecobeing a:hover img, #logo_ecopeople a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#copyright{
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}


/*中央揃え*/
#wrapper{
	/*display:table-cell;
	vertical-align: middle;
	width:100%;
	height:100%;
	background:#678;*/
}
#container {
	/*margin:auto;*/
	position:absolute;
	top:50%;
	left:50%;
	margin:-405px 0 0 -523px;
	padding: 0px;
	z-index:5;
}
	

/*中央揃え
#wrapper{
display: table-cell;
vertical-align: middle;
text-align:center;
}

	/* for IE6 */
/*	* html #wrapper {
		text-align: center;
		height: 100%;
	}

	* html #wrapper #container {
		display: inline;
		vertical-align: middle;
		zoom: 1;
	}

	* html #wrapper #dummy {
		width: 0;
		height: auto;
		vertical-align: middle;
		display: inline-block;
	}
*/
	/* for IE7 */
/*	*:first-child+html #wrapper {
		text-align: center;
		height: 100%;
	}

	*:first-child+html #wrapper #container {
		display: inline;
		vertical-align: middle;
		zoom: 1;
	}

	*:first-child+html #wrapper #dummy {
		width: 0;
		vertical-align: middle;
		display: inline-block;
	}
	
*/