@charset "UTF-8";

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

	content setting

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

#content h1 {
	*font-size: 1px;
	padding: 0 0 0 0;
}

#content .ph {
	position: relative;
	width: 400px;
	height: 260px;
	float: right;
	padding: 0 0 0 50px;
	cursor: pointer;
}

#content .ph .morePh {
	position: absolute;
	width: 142px;
	height: 33px;
	bottom: 0;
	right: 0;
	display: none;
}

#content #gallery {
	width: 980px;
	margin: 100px 0 0 0;
	border-top: 4px solid #cccccc;
	font-size: 1px;
}


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


#content #gallery .galleryPh {
	position: relative;
	width: 683px;
	height: 450px;
	padding: 0 0 0 0;
	float: left;
}

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

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

#content #gallery .galleryPh ul {
	position: absolute;
	top: 204px;
	left: 0;
	width: 683px;
	height: 42px;
}

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

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

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

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

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

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

#content #gallery .goTop {
	padding: 30px 0 0 0;
	cursor: pointer;
}


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