#wrapper{
	background:url(../img/pagetitle_photo.png) no-repeat 0px 0px, url(../img/pagebg.jpg) no-repeat center bottom;
}



h1{display:none;
}
h2{
	font-size: 16px;
	letter-spacing: 1px;
	color: #003366;
	margin-bottom: 15px;
	height: 32px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	padding-top: 20px;
}

/*アルバム*/
#album{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#album a{
	border: none;
	display: block;
	overflow: hidden;
	width: 200px;
	heght: 200px;
	padding: 10px 10px 4px 10px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	background-color:#ccc;
}
#album a.last{
	margin-right: 0px;
}
#album a:hover{
	background-color:#4e300a;
}
#album a img{
	width: 200px;
	height: 200px;
	margin: 0px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-filter: grayscale(5%); /* webkit用 */
	filter: gray; /* IE用 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#album a:hover img{
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-filter: grayscale(0%);
	filter: none;
}
#wrapper p{
	line-height:1.75;
	text-align:justify;
	padding:15px 0;
}

#wrapper h2,
#wrapper p{
	padding-right: 40px;
	padding-left: 0px;
}
.list{
	line-height:3em;
}
.big{
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:1px;
	vertical-align:20%;
}
#wrapper p a{
	color: #000;
	text-decoration: none;
	background: none;
}
#wrapper p a:hover{
	color: #930;
	background: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #993300;
}
.right{
	text-align:center;
}

/* SCALE */
.pr40{
	padding-right:40px;
}
/* Scrooll to Top */
#back-top {
	position: fixed;
	 bottom: 23px;
	right: 8px;
	z-index:10000;
}
#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 26px;
	display: block;
	margin-bottom: 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	font-size: 24px;
	padding-top: 14px;
	line-height: 0.5;
	background-color: #039;
}
#back-top a:hover span {
	background-color: #F8F8F8;
	color: #039;
}


#footer{
	position: fixed;
	z-index: 100;
	right: 0px;
	bottom: 0px;
	display: block;
	height: 10px;
	width: 100%;
}