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

/* *****base settings */
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: #adadad;}	
	
.inner {
	width: 800px;
	margin: 0 auto;
}	


/* *****見出し */
.index , header h2 {
	color: #fff;
	background-color: #adadad;
}	

.index h1{padding: 20px;}

header h2{
	margin-top: 30px;
	padding: 10px;
	text-align: center;
	font-weight: ;
}

.inner dl dt{
	padding: 5px;
	background-color: #cacaca;
}

/* *****table */
table , th , td {
	background-color: rgba(255,255,255,.7);
	border-collapse: collapse;
	border: solid 1px #ccc;
	word-wrap: break-all;
	}
table {
	width: 100%;
	margin: 0px auto 0;
	}
th, td {padding: 15px;}
th {}

thead{
	background-color: #565656;
	text-align: center;
}
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 */
footer a {color: #FFC;}

footer#footer {
	width: 100%;
	height: auto;
	clear: both;
	position: absolute;
	bottom: 0;
}
footer .inner {
	color: #fff;
	overflow: hidden;
	font-size: .65em;
}
	

/* *****responsive */
@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;
}

}