* {margin:0; padding:0}

#container_main {background:url(../img/grey_bg.gif) repeat;}
	
#gallery {/*x-width563px*/
	width:780px; margin:0px auto; padding:2px 10px 10px; 
	}
	
/*上段-----------------------------------------------*/

#imagearea {margin:10px auto 0px;}

#images {/*?*/
	position:relative;
	border:2px solid #9ac1c9;
	height:225px;
	background:#eef5f6;
	}
.centrebox {margin:0px auto;}

#image {/*x-width563px*/
	position:relative;
	text-align:center;
	width:563px; height:375px;
	margin:0px auto;
	padding:5px;
	background: url(images/loadingBLK.gif) center no-repeat;
	}
#image img { position:absolute; left:5px; overflow:auto;}

.imgnav {/*Navigation*/
	position:absolute;
	height:35px; width:30px; 
	top:180px;
	z-index:100; outline:none; cursor:pointer;
	overflow:hidden;
	}

#previmg { left:-45px;background:url(images/left3.gif) left center no-repeat;}
#previmg:hover {filter:alpha(opacity=60);-moz-opacity:0.60; opacity:0.60;}

#nextimg { right:-45px; background:url(images/right3.gif) right center no-repeat;}
#nextimg:hover {filter:alpha(opacity=60);-moz-opacity:0.60; opacity:0.60;}

/*下段-----------------------------------------------*/

#thumbwrapper {
	margin-top:15px;
	height:90px;
	margin-left:5px;
	margin-bottom:10px;
	}

#thumbarea { /*thumbnailの横幅設定はここ*/
	position:relative; overflow:hidden;
	height:90px;
	width:563px;
	margin:0px auto;	
	}

#thumbs {
	position:absolute;
	list-style:none;
	height:90px; width:10000px;
	}

#thumbs li {
	float:left;
	margin-right:12px; cursor:pointer;
	}