@charset "UTF-8";



/*-----------------------------------------------------------

	header setting

-----------------------------------------------------------*/

#container .hdWrap {
	width: 960px;
	overflow: hidden;
	padding: 0 0 34px 0;
}

#container .hdWrap * {
	*font-size: 1px;
}

#container .hdWrap .logo {
	display: block;
	height: 63px;
	width: 314px;
	float: left;
}

#container .hdWrap ul {
	width: 646px;
	float: left;
	overflow: hidden;
}

#container .hdWrap li {
	float: left;
}


/*-----------------------------------------------------------

	content setting

-----------------------------------------------------------*/

#content {
	width: 960px;
	_width: 980px;
	overflow: hidden;
	padding: 0 0 0 20px;
	font-size: 1px;
}

#content .wrapBox {
	width: 960px;
	overflow: hidden;
}

#content .txt {
	width: 530px;
	float: left;
	line-height: 1.7;
}

#content h1 {
	padding: 0 0 45px 0;
	float: left;
}

#content .pageNum {
	width: 65px;
	text-align: right;
	float: left;
	padding: 2px 0 45px 0;
}

#content .ph {
	width: 410px;
	float: right;
	padding: 0 0 0 20px;
}

#content .ph p {
	padding: 0 0 40px 0;
}

#content #links {
	width: 960px;
	margin: 0 0 42px 0;
	font-size: 1px;
}

#content #links li {
	width: 960px;
	padding: 0 0 8px 0;
}


/*---gallery---*/

#content #gallery {
	width: 960px;
	font-size: 1px;
}

#content #gallery .wrapBox {
	width: 960px;
}

#content #gallery h2 {
	font-size: 1px;
	padding: 0 0 30px 0;
}

#content #gallery .galleryPh {
	position: relative;
	width: 672px;
	height: 443px;
	float: left;
}

#content #gallery .galleryPh p {
	position: absolute;
	top: 0;
	left: 0;
	width: 672px;
	height: 443px;
}

#content #gallery .galleryPh p img {
	position: absolute;
	top: 0;
	left: 0;
	width: 672px;
	height: 443px;
}

#content #gallery .galleryPh ul {
	position: absolute;
	top: 194px;
	left: 0;
	width: 672px;
	height: 56px;
}

#content #gallery .galleryPh ul .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 56px;
	cursor: pointer;
}

#content #gallery .galleryPh ul .next {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 56px;
	cursor: pointer;
}

#content #gallery .thumbs {
	width: 276px;
	float: right;
	overflow: hidden;
}

#content #gallery .thumbs li {
	width: 87px;
	height: 59px;
	float: left;
	padding: 0 0 5px 5px;
}

#content #gallery .thumbs li a {
	display: block;
	width: 87px;
	height: 59px;
	position: relative;
}

#content #gallery .thumbs li .cr {
	position: absolute;
	display: none;
	width: 87px;
	height: 59px;
	left: 0;
	top: 0;
}

#content #debug,
#content #debug2 {
	font-size: 50px;
}


#content .pageNavi {
	width: 960px;
	margin: 70px 0 29px 0;
	overflow: hidden;
	font-size: 1px;
}

#content .pageNavi .backBtn {
	width: 155px;
	float: left;
	padding: 6px 0 0 0;
}

#content .pageNavi .pageNum {
	width: 653px;
	text-align: center;
	float: left;
	padding: 0 0 0 0;
}

#content .pageNavi .pageNum2 {
	width: 629px;
	text-align: center;
	float: left;
	padding: 0 0 0 0;
}

#content .pageNavi .nextBtn {
	width: 152px;
	float: left;
	text-align: right;
	padding: 6px 0 0 0;
}

#content .pageNavi .officialBtn {
	width: 176px;
	float: left;
	text-align: right;
	padding: 0 0 0 0;
}

#content .pageNavi .thumbs {
	float: left;
	overflow: hidden;
}

#content .pageNavi .thumbs.imp1 {
	width: 380px;
	_width: 646px;
	padding: 0 123px 0 143px;
}

#content .pageNavi .thumbs.imp2 {
	width: 285px;
	_width: 646px;
	padding: 0 170px 0 191px;
}

#content .pageNavi .thumbs.int1 {
	width: 190px;
	_width: 646px;
	padding: 0 218px 0 238px;
}

#content .pageNavi .thumbs li {
	float: left;
	width: 75px;
	padding: 0 20px 0 0;
}

#content .footNavi {
	width: 960px;
	font-size: 1px;
	line-height: 1;
	overflow: hidden;
}

#content .footNavi li {
	float: left;
}