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


/* --------------- */
/*  Index          */
/* --------------- */
#galleryNav {
	margin-top: 30px;
}
#galleryNav dl {
	position: relative;
	width: 440px;
	height: 150px;
	margin-bottom: 20px;
	border: 1px solid #8C8C8C;
}
html>body #galleryNav dl {
	width: 438px;
	height: 148px;
}
#galleryNav dl.left {
	float: left;
}
#galleryNav dl.right {
	float: right;
}
#galleryNav dl.orange {
	background: url(../img/common/bg_nav_orange.png) bottom left repeat-x;
}
#galleryNav dl.blue {
	background: url(../img/common/bg_nav_blue.png) bottom left repeat-x;
}
#galleryNav dl.green {
	background: url(../img/common/bg_nav_green.png) bottom left repeat-x;
}
#galleryNav dl dt.title {
	position: absolute;
	top: 14px;
	left: 26px;
}
#galleryNav dl dd.description {
	position: absolute;
	top: 65px;
	left: 26px;
	width: 220px;
	font-size: 85%;
}
#galleryNav dl dd.image {
	position: absolute;
	top: 14px;
	left: 254px;
	width: 165px;
	height: 120px;
}



/* ----- Three Columns ----- */
#galleryNav div.threeColumn dl {
	position: relative;
	width: 283px;
	height: 150px;
	margin-bottom: 20px;
	border: 1px solid #8C8C8C;
}
html>body #galleryNav div.threeColumn dl {
	width: 281px;
	height: 148px;
}
#galleryNav div.threeColumn dl.left {
	float: left;
}
#galleryNav div.threeColumn dl.center {
	float: left;
	margin-left: 12px;
}
html>body #galleryNav div.threeColumn dl.center {
	margin-left: 25px;
}
#galleryNav div.threeColumn dl.right {
	float: right;
}
#galleryNav div.threeColumn dl dt.title {
	position: absolute;
	top: 14px;
	left: 26px;
}
#galleryNav div.threeColumn dl dd.description {
	position: absolute;
	top: 75px;
	left: 26px;
	width: 220px;
	font-size: 85%;
}
#galleryNav div.threeColumn dl dd.image {
	position: absolute;
	top: 14px;
/*	left: 254px;*/
	left: 26px;
	width: 165px;
	height: 120px;
}



/* --------------- */
/*  MovieList      */
/* --------------- */
#movieListContainer {
}
#movieListContainer h3 {
	margin-top: 25px;
	font-size: 125%;
	font-weight: bold;
	line-height: 100%;
}
#movieListContainer p.text {
	margin-top: 15px;
}
#movieListContainer ul {
	padding-top: 15px;
}
#movieListContainer ul li {
	float: left;
	width: 225px;
	height: 200px;
}
#movieListContainer ul li dl dt {
	text-align: center;
}
#movieListContainer ul li dl dd {
	height: 2em;
	font-size: 80%;
	text-align: center;
}




/* --------------- */
/*  MovieDetail    */
/* --------------- */
#movieContainer {
	text-align: center;
}
#movieContainer h3 {
	margin-top: 25px;
	margin-left: 90px;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}
#movieContainer p.player {
	margin-left: 90px;
	text-align: left;
}
#movieDetail {
	margin: 15px auto 15px auto;
	width: 720px;
}



/* --------------- */
/*  PhotoList      */
/* --------------- */
#photoListContainer {
}
#photoListContainer h3 {
	margin-top: 25px;
	font-size: 125%;
	font-weight: bold;
	line-height: 100%;
}
#photoListContainer ul {
	padding-top: 15px;
}
#photoListContainer ul li {
/*	float: left;
	width: 225px; */
}
#photoListContainer ul li dl dt {
	height: 2em;
	font-size: 80%;
	text-align: center;
}
#photoListContainer ul li dl dd {
	text-align: center;
}
#photoListContainer p#noGallery {
	padding-top: 15px;
}



/* --------------- */
/*  PhotoDetail    */
/* --------------- */
#photoContainer {
}
#photoContainer h3 {
	margin-top: 25px;
	font-size: 125%;
	font-weight: bold;
	lin-height: 100%;
}
#photoContainer p {
	padding-top: 15px;
}
#photoContainer ul {
	padding-top: 15px;
}
#photoContainer ul li {
	float: left;
	width: 150px;
}
#photoContainer ul li dt {
	text-align: center;
}
#photoContainer ul li dd {
	height: 4em;
	font-size: 80%;
	text-align: center;
}