@charset "Shift_JIS";
/* CSS Document */

.gallery-fade {
	position: relative;
	width: 800px;
	margin: 0;
	overflow: hidden;
}
	.gallery-fade .holder {
		position: relative;
		overflow: hidden;
		z-index: 2;
		width: 100%;
	}
		.gallery-fade .holder ul {
			width: 100%;
			height: 1025px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.gallery-fade .holder ul li {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 1025px;
				padding: 0;
			}
			.gallery-fade .holder ul li p {
				padding: 25px 0 0 205px;
				font-size: 108%;
				line-height: 24px;
				letter-spacing: 0.075em;
			}
			.gallery-fade .holder ul li div.navi {
				position: absolute;
				bottom: 0;
				left:157px;
				width: 486px;
				height: auto;
				overflow: hidden;
			}
			.gallery-fade .holder ul li div.navi .next {
				float: right;
			}
			.gallery-fade .holder ul li div.navi .prev {
				float: left;
			}
			.gallery-fade .holder ul li div.navi .top {
				float: left;
				padding-left: 85px;
			}
			.gallery-fade .holder ul li div.navi .top2 {
				float: left;
				padding-left: 168px;
			}
				.gallery-fade .holder ul li img {
					display: block; 
				}
					.gallery-fade .holder ul li div.buttons {
						width: 800px;
						margin: 0 auto;
					}
						.gallery-fade .holder ul li div.buttons div.button {
							position: relative;
							float:left;
							width: 200px;
							height: 135px;
							margin-top: 10px;
							margin-bottom: 91px;
						}
							.gallery-fade .holder ul li div.buttons div.button img {
								display: block;
								margin-left:25px;
							}
							.gallery-fade .holder ul li div.buttons div.next img {
								position: absolute;
								top: 47px;
								left: 41px;
							}
							div.next img,
							div.prev img,
							div.top img,
							div.top2 img,
							img.thumb {
								cursor: pointer;
							}
							img.thumb:hover {
								filter: alpha(opacity=60);
								-moz-opacity:0.60;
								opacity:0.60;
							}
		
#contents {
	width: 800px;
	margin: 0 auto;
}
	#contents .row {
		height: auto;
		overflow: hidden;
		margin-bottom: 70px;
	}
		#contents .row .left {
			float: left;
			width: 500px;
		}
		#contents .row .right {
			float: right;
			width: 500px;
		}
		#contents .row .left p,
		#contents .row .right p {
			padding-left: 27px;
		}
			#contents .row .left p.cap,
			#contents .row .right p.cap {
				padding-left: 0 !important;
				margin-top: 8px;
				color: #F4F4D6;
			}
		#contents .row .left h4,
		#contents .row .right h4 {
			margin: 40px 0 35px;
		}
		
	#contents .lineup {
		clear: both;
		height: auto;
		overflow: hidden;
		padding-top: 40px;
	}
		#contents .lineup li {
			float:left;
			padding: 0 20px;
		}
		#contents .lineup li.title {
			float:left;
			padding: 0 20px 0 0;
			padding-top: 20px;
		}
	#contents h1 img {
		margin-left: 100px;
	}
		
#footer ul {
	margin-top: 33px;
	text-align: center;
}

	#footer .copyright {
		padding: 39px 0 31px;
	}







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

   #material

--------------------------------------------------------------------------------*/
	#material #header h2 {
		float:right;
		margin-top: 62px;
	}
		#material #contents .row .left p,
		#material #contents .row .right p {
			padding-left: 50px;
		}








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

   #about

--------------------------------------------------------------------------------*/
#about #header {
	padding-bottom: 25px;
}
	#about #header h2 {
		float:right;
		margin-top: 25px;
	}
		#about #contents .row .left p,
		#about #contents .row .right p {
			padding-left: 0;
		}
		#about #contents .row p.cap {
			padding-left: 85px;
			margin-top: 8px;
			color: #F4F4D6;
		}