@charset "utf-8";



html {

	margin:0;

	padding:0;

}



body {

	margin:0;

	padding:0;

	background:lavender url("../../images/schoolhouse/background1.jpg") center 0 fixed no-repeat;

	font-size:100%;

	line-height:1.4;

}



p, ul, li {

	margin:0;

	padding:0;

}



ul, li { list-style:none; }



#container {

	width:1125px;

	margin:0 auto;

	padding:1em 0;

	text-align:center;

}



#container p, #container li, #container div { text-align:left; }



h1 {

	margin:0 auto;

	padding:0.5em 0 0.5em 70px;

	background:#4b51b1;

	text-align:left;

	color:#FFF;

	font-size:148%;

	font-weight:bold;

}



h2 {

	clear:both;

	width:900px;

	margin:2em auto;

	border-bottom:1px solid #030;

	text-align:left;

	text-indent:10px;

	color:#030;

	font-size:110%;

	font-weight:bold;

}


/* Navigation -------------------------------------------------- */

.navigation {

	clear:both;

	margin:0;

	padding:0;

	text-align:center;

	background:#EEF;

	}



.navigation li {

	float:left;

	margin:0;

	padding:5px 10px 5px;

	font-size:76%;

}


/* preface -------------------------------------------------- */

.preface {

	width:450px;

	margin:15px 0px 15px 112px;

	padding:20px 40px 10px 40px;

	background:#E4EFBE;

	font-size:90%;

	float:left;

}

.preface p{
	margin:0 0 1em 0;
	}

p#textright{
	text-align:right;
}


/* PhotoSet01 -------------------------------------------------- */

.photoSet01 {

	width:450px;
	
	margin:15px 0 0 0;

	padding:0 0 0 15px;

	float:left;

}



.photoSet01 li {

	width:435px;
	margin:0 0 10px 0;
	padding:0;

}



.photoSet01 li div {

	padding:1px;

	background:#030;

}



.photoSet01 li p {

	padding:5px 10px 6px;

	background:#030;

	color:#FFF;

	font-size:80%;

}



/* PhotoSet02 -------------------------------------------------- */

.photoSet02 {

	width:590px;

	margin:0 262px;

	padding:0 0 30px;

}



.photoSet02 li {

	float:left;

	width:280px;

	margin-right:30px;

	padding:0;

}



.photoSet02 li.end { margin-right:0; }



.photoSet02 li div {

	padding:1px;

	background:#030;

}



.photoSet02 li p {

	padding:5px 8px 6px;

	background:#030;

	color:#FFF;

	font-size:80%;

}



/* PhotoSet03 -------------------------------------------------- */

.photoSet03 {

	width:900px;

	margin:0 112px;

	padding:0 0 30px;

}



.photoSet03 li {

	float:left;

	width:280px;

	margin-right:30px;

	padding:0;

}



.photoSet03 li.end { margin-right:0; }



.photoSet03 li div {

	padding:1px;

	background:#030;

}



.photoSet03 li p {

	padding:5px 8px 6px;

	background:#030;

	color:#FFF;

	font-size:80%;

}



/* PhotoSet04 -------------------------------------------------- */

.photoSet04 {

	width:435px;

	margin:0 345px;

	padding:0;

}



.photoSet04 li {

	float:left;

	width:435px;

	margin-bottom:30px;

	padding:0;

}



.photoSet04 li.end { margin-bottom:0; }



.photoSet04 li div {

	padding:1px;

	background:#040;

}



.photoSet04 li p {

	padding:5px 8px 6px;

	background:#030;

	color:#FFF;

	font-size:80%;

}







/* FOOTER -------------------------------------------------- */

#footer {

	clear:both;

	margin:0 auto;

	padding:3em 0 1em;

}



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

clearfix［float解除］

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



.photoSet01:after, .photoSet02:after, .photoSet03:after, .photoSet04:after, .navigation:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.photoSet01, .photoSet02, .photoSet03, .photoSet04, .navigation { zoom:1; }