@charset "UTF-8";
html {
	height: 100%;
}
body {
    font:13px Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",helvetica,arial,sans-serif;
    *font-size:small;
    *font:x-small;
	background: url(../images/top_bg.jpg) repeat center center;
}
table {
    font-size:inherit;
    font:100%;
}

a {
	color: #000;
	text-decoration: underline;
	outline: 0;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 810px;
	height: 450px;
	margin: -225px 0 0 -405px;
	background-color: #fff;

}
#container h1 {
	padding: 20px;
}
#tn {
	position: absolute;
	top: 210px;
	margin: 0 0 0 20px;
}
#tn li {
	width: 120px;
	margin: 0 9px 0 0;
	float: left;
	padding-top: 50px;
	background-color: #6b6f7b;
	/*border: 1px solid #e3e3e6;
	padding: 5px;*/
}
#tn li.tn01 {
	background: #6b6f7b url(../images/tn01_bg.jpg) left top;
}
#tn li.tn02 {
	background: #6b6f7b url(../images/tn02_bg.jpg) left top;
}
#tn li.tn03 {
	background: #6b6f7b url(../images/tn03_bg.jpg) left top;
}
#tn li.tn04 {
	background: #6b6f7b url(../images/tn04_bg.jpg) left top;
}
#tn li.tn05 {
	background: #6b6f7b url(../images/tn05_bg.jpg) left top;
}
#tn li.tn06 {
	background: #6b6f7b url(../images/tn06_bg.jpg) left top;
}

#tn li a {
	display: block;
	background: no-repeat left top;
	margin-top: -46px;
}
#tn li a:hover {
	border-color: #000;
}

#fn {
	position: absolute;
	right: 25px;
	bottom: 20px;
}
#fn li {
	float: left;
	margin: 0 0 0 13px;
}
#fn li a {
	display: block;
	background: no-repeat left top;
	visibility: visible;
}
#fn li.fn01 a {
	background-image: url(../images/tn_07_on.gif);
}
#fn li.fn02 a {
	background-image: url(../images/tn_08_on.gif);
}
#fn li.fn03 a {
	background-image: url(../images/tn_09_on.gif);
}
#fn li a img {
	visibility: visible;
}
#fn li a:hover img {
	visibility: hidden;
}
#fn li a:hover {
	border-color: #000;
}



#footer{
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#footer .credit {
	color: #a2a5ac;
	font-size: 77%;
}