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

h1{
	display: block;
}
a{
	color: ;
}
a:hover{
	opacity:0.7;
}
a:link{
	text-decoration: none;
}
/*
#gallery_title{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/
/*#header #header_top{
	background: url(../images/header_top_bg.png) no-repeat;
}*/

#header{
	height: 110px;
/*	background: url(../images/gallerry/top_gallery01.png) repeat-x;*/
}

.header_padder{
	height: 110px;
}
/*
.header_gallery_padder{
	width: 1000px;
	height: 143px;
	margin: 0 auto;
	background: url(../images/gallerry/header_gallery_bg.png) no-repeat;
}
*/	
.padder{
	width: 980px;
	margin: 0 auto;
}

#content{
	background: url(../images/gallerry/gallerry_bg.png) repeat-x;
	margin: 0px 0 15px 0;
}
/*
#content .padder{
	width: 965px;
	height: 2000px;
	margin: 0 auto;
	background: url(../images/contents_bg.png) repeat-x 0 100%;
}
*/
#content #gallery_Bnr_bg{
	background: url(../images/gallerry/fresh_bnr_bg.png) repeat-x 50% 100%;
}
#content #gallerry_Bnr{
/*	width: 1000px;*/
	height: 156px;
	margin: 0 auto ;
/*	margin-left: -9px;*/
}
#content #gallerry_Bnr li{
	width: 475px;
	height: 170px;
	float: left;
	margin-left: 0px;
}
#gallerry_Bnr #preserved_Bnr{
	margin-right: 0px;
}
#gallery01{
	background: url(../images/gallerry/fresh_gallery01_screen2.png) no-repeat;
/*	background: url(../images/gallerry/fresh_gallery01_5shadow.png) no-repeat;*/

	width: 1100px;
	height: 439px;
	margin: 0 auto 0;	
}

#gallery01 #gallery01_photo{
	background: url(../images/gallerry/f_gallery01_photo_bg.png) no-repeat;
	width: 505px;
	height: 134px;
	margin: 30px 0 0 73px;
	padding: 15px 0 0 24px;
}
#gallery01 #gallery01_photo li{
	float: left;
	margin-right: 10px;
}	

#gallery_title{
	width:355px;
	height: 77px;
	padding:  52px 0 0 74px;
}	
#gallerry_bg01{
	background: url(../images/gallerry/image_bg01.png) no-repeat;
	width: 980px;
	height: 626px;
	padding: 1px 0 0 0;
}
#click{
	font-size: 12px;
	margin: 0 0 0 75px;
	color: #814a4d;
}
/* .slideShow
-------------------------------------*/
.slideShow{
	margin: 12px auto 0;
	text-align: left;
	display: none;
}
/* .mainView
-------------------------------------*/
.slideShow .mainView{
	width: 59%;
	margin: 0 auto;
	position: relative;
}
.slideShow .mainView ul{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slideShow .mainView ul li{
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img{
	width: 100%;
}

/* .thumbNail
-------------------------------------*/
.slideShow .thumbNail{
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin: 30px auto 0 ;
}
.slideShow .thumbNail ul{
	width: 110%;
}
.slideShow .thumbNail ul li{
	float: left;
	border: 1px solid #fff;
	margin: 0 0px 0 0;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}
.slideShow .thumbNail ul li img{
	width: 90%;
}

.slideShow .thumbNail ul li.active{
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* .sideNavi
-------------------------------------*/
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext{
	top: 40%;
	width: 10%;
	height: 15%;
	position: absolute;
	z-index: 100;
}
.slideShow .mainView .btnPrev{
	left: -120px;
	background:   url(../images/gallerry/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext{
	right: -120px;
	background:  url(../images/gallerry/btnNext.png) no-repeat center center;
}

/*====================================
 ClearFixElements
=====================================*/
.slideShow ul:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.slideShow ul{
	display: inline-block;
	overflow: hidden;
}
/*====================================
 fancyZoom
=====================================*/
div#photos                {overflow:auto;}
div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
div.photo a img           {border:1px solid; padding:1px;}

/*====================================
 lightbox
=====================================*/


#gallery02{
	background: url(../images/gallerry/fresh_gallery02.png) no-repeat;
	width: 561px;
	height: 504px;
	margin: 0 auto 0;
	padding: 10px 0 0 450px;
		
}
#gallery02 #gallery02_photo{
	width: 534px;
	height: 411px;
	margin: 30px 0 0 73px;
	padding: 10px;
}
#gallery02 #gallery02_photo li{
	float: left;
	background: url(../images/gallerry/f_gallery02_photo_bg.png) no-repeat;
	padding: 10px;
}	
#photo_gallery{
	
	background: url(../images/gallerry/photo_gallerry_bg.png) no-repeat;
	height: 600px;
	margin: 10px 0 0 0;
	padding: 92px 0 0 5px;
}

#photo_gallery ul li{
	float: left;
}