body {
	color: #333;
	padding: 0;
	margin: 0;;
	background: #ffffff;
	/*background-image: url("img/09.jpg");	url*/
	/*background-repeat: no-repeat;		repeat*/
	/*background-position: 50% 0%;		yoko_tate*/
	/*background-attachment: fixed;		fix*/
}
a:link{
	color:#666;
	text-decoration:none;
}
a:visited{
	color:#666;
	text-decoration:none;
}
a:active{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:darkblue;
	text-decoration:underline;
}
.size12{
	font-size: 12px;
	line-height: 14px;
	font-family: "Century Gothic";
}
.size14{
	font-size: 14px;
	line-height: 18px;
	font-family: "Century Gothic";
}
.size16{
	font-size: 16px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.size18{
	font-size: 18px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.size20{
	font-size: 20px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.m_size20{
	font-size: 20px;
	line-height: 35px;
	font-family: "���C���I";
}
.size22{
	font-size: 22px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.size24{
	font-size: 24px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.size26{
	font-size: 26px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.size28{
	font-size: 28px;
	line-height: 35px;
	font-family: "Century Gothic";
}
.header{
	text-align: center;
	vertical-align: middle;
	background: #008;
	border: 0px;
	padding: 0px;
	margin: 0 auto;
	font-size: 22px;
	font-family: "Century Gothic";
	color: #ffffff;
	position: fixed;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 11;
}
div img {
    vertical-align:middle;
}
.footer{
	text-align: center;
	background: #008;
	border: 0px;
	padding: 0px;
	margin: 0 auto;
	font-size: 16px;
	font-family: "Century Gothic";
	color: #ffffff;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.photo_light{
	background: #ffffff;
}

.photo_light img{
	opacity: 1.0;
	transition: .3s;
}

.photo_light:hover img{
	opacity: 0.8;
}