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

html {
	height: 100%;
	margin:0;
	padding: 0;	
	background: url(../img/bg1.png) left top repeat;
	background-attachment: fixed;
/*	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;*/
		position: relative;
}
	
body {
		line-height: 1.4;
		font-family: 'Lucida Grande' , 'Hiragino Kaku Gothic ProN' , Meiryo , Sans-serif;
		color: #4d4d4a;

}
.l {float: left;}
.r {float: right;}

a:visited {color: #FC0;}	

.index {background-color: #5eb220;}	
	
.inner {
	width: 800px;
	margin: 0 auto;
}		
	
h1 {/*見出し*/
	padding: 20px 0 20px 10px;
	/*background-color:#ED985F;*/
	color: #fff;
}

table , th , td {
	background-color: rgba(255,255,255,.7);
	border-collapse: collapse;
	border: solid 1px #ccc;
	}
table {
	margin: 0px auto 0;
	}
th, td {padding: 15px;}
th {}
tr#summ {
	background-color: #565656;
	text-shadow: rgba(0,0,0,.5) 1px 1px 3px;

	font-size: 1.3em;
	color: #fff;
	}
tr#summ th {background:none;}

footer a {color: #FFC;}

footer.fix {
	width: 100%;
	height: auto;
	clear: both;
	position: absolute;
	bottom: 0;
}
footer .inner {
	color: #fff;
	overflow: hidden;
	font-size: .65em;
}
	
@media screen and (max-width: 900px) {
	.inner { width: 90%; margin: 0 5%;}
}

@media screen and (max-width: 768px) {
	.inner { font-size: .8em;}
} 

@media screen and (max-height: 900px) {

footer.fix {
	position: static;
	bottom: 0;
}

}