*{
	font-family: -apple-system, BlinkMacSystemFont, meiryo, arial, sans-serif; font-size: 13px; margin: 0px; padding: 0px;
} 
a{
	text-decoration: none;
} 
a:hover{
	text-decoration: underline;
} 
.cfix:after{
	content: " "; display: block; clear: both;
} 
body{
	text-align: center; background: #FFFFFF;
} 
header{
	width: 100%; background : url(img/navbg.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent;
} 
header div, header nav{
	width: 900px; margin: 0px auto; text-align: left;
} 
header div h1 a{
	background : url(img/title.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; display: block; width: 450px; height: 62px; float: left; text-indent: -9999px;
} 
header div form{
	display: block; width: 450px; height: 62px; float: right; text-align: right; color: #FFFFFF; margin-top: 7px; line-height: 25px;
} 
header nav ul{
	list-style-type: none; height: 32px; line-height: 22px;
} 
header nav ul li{
	display: inline; height: 32px; padding: 0px 10px; border-left: 1px solid #666666;
} 
header nav ul li a{
	color: #000000; font-size: 115%;
} 
header nav ul li:last-child{
	border-right: 1px solid #666666;
} 
header nav #topimage{
	margin-top: 10px;
} 
header nav ol{
	list-style-type: none; margin: 10px 50px;
} 
header nav ol li, header nav ol li a{
	width: 251px; height: 71px; display: block;
} 
header nav ol li{
	float: left; text-indent: -9999px;
} 
header nav ol li:nth-of-type(1){
	background : url(img/banner1.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
} 
header nav ol li:nth-of-type(2){
	background : url(img/banner2.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
} 
header nav ol li:nth-of-type(3){
	background : url(img/banner3.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
} 
header nav ol li:nth-of-type(2) { margin: 0px calc((900px - (50px * 2) - (251px * 3)) / 2); } 
article{
	width: calc(900px - 100px); margin: 20px auto; text-align: left;
} 
footer{
	width: 100%; background: #17AEAF;
} 
footer *{
	color: #FFFFFF;
} 
footer div{
	width: 800px; margin: 0px auto;
} 
footer div ul, footer div ol{
	list-style-type: none; width: 50%; margin: 10px 0px; float: left; text-align: left;
} 
#credit{
	margin: 5px auto 10px auto;
} 
.r{
	text-align: right;
} 
.c{
	text-align: center;
} 
.l{
	text-align: left;
} 
h2{
	color: #2369b3; border-bottom: 1px solid #2369b3; letter-spacing: .1em;
} 
h2 span{
	display: block; font-weight: normal; font-size: 150%; border-left: 6px solid #7fb0df; text-indent: 7px; margin: 0px 0px 2px 0px;
} 
h3{
	background: #2369b3; color: #FFFFFF; font-weight: normal; margin: 10px 0px 10px 0px; padding: 1px 0px; text-indent: 15px;
} 
h3 span{
	display: block; float: right; padding-right: 20px;
} 
.tpx7, .tpx8 { } 
.tpx7 dt, .tpx8 dt{
	clear: both;
} 
.tpx7 dt{
	display: none;
} 
.tpx8 dt{
	height: 80px; width: 200px; margin: 0px 10px 10px 10px; float: left; text-indent: -9999px;
} 
.tpx7 dd p, .tpx8 dd p{
	font-weight: bold;
} 
.tpx7 dd{
	padding-bottom: 7px; border-bottom: 1px solid #888888; margin-bottom: 10px;
} 
.tpx8 dd{
	min-height: 90px; border-bottom: 1px solid #888888; margin-bottom: 10px;
} 
.tpx7 dt, .tpx7 dd{
	padding-left: 20px;
} 
/* 了 */
