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

*{
	padding:0;
	margin:0;
}
html, body {
	width:100%;
	height:100%;
}
body{
	color:#000;
	background-color:#fff;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro M', '小塚ゴシック Std M', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:10px;
	font-weight:500;
	/*font-weight:bold;*/
	line-height:200%;
}
a{
	/*color:#A4C7EB;*/
	color:#000;
	/*font-weight:bold;*/
	text-decoration:none;
}
a:hover{
	color:#7DBBE7;
}
a img{
	border:none;
}
ul{
	list-style:none;
}

#header{
	position:fixed;
	top:0;
	left:0;
	width:700px;
	height:100px;
	z-index:5001;
	background: url(../img/header/bg.png) 0 0 repeat;
}
	#header ul{
		margin:0 0 0 20px;
	}
	#header ul li{
		display:block;
		float:left;
		width:128px;
		height:60px;
		margin:20px 0 0;
		padding:0;
	}
	#header ul li#hn0{width:98px;}
	#header ul li#hn4{width:129px;}
	#header ul li a{
		display:block;
		text-indent:-1000px;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	#hn0 a{background:url(../img/header/hn0.png) 0 0 no-repeat;}
	#hn1 a{background:url(../img/header/hn1.png) 0 0 no-repeat;}
	#hn2 a{background:url(../img/header/hn2.png) 0 0 no-repeat;}
	#hn3 a{background:url(../img/header/hn3.png) 0 0 no-repeat;}
	#hn4 a{background:url(../img/header/hn4.png) 0 0 no-repeat;}

#footer{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1002;
}
	#footer ul li{
		display:block;
		float:left;
		width:81px;
		height:15px;
		margin:0 20px 0 0;
	}
	#footer ul li#fn2{width:64px;}
	#footer ul li#fn3{width:40px;}
	#footer ul li#fn4{width:95px; margin:0 0 0 0;}
	#footer ul li a,#footer ul li p{
		display:block;
		text-indent:-1000px;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	#fn1 a{background:url(../img/footer/fn1.png) 0 0 no-repeat;}
	#fn2 a{background:url(../img/footer/fn2.png) 0 0 no-repeat;}
	#fn3 a{background:url(../img/footer/fn3.png) 0 0 no-repeat;}
	#fn4 p{}
	
#footerlogo{
	position:fixed;
	top:0;
	right:13px;
	width:100px;
	height:100%;
	z-index:5003;
	background:url(../img/footer/fn_logo.png) 0 bottom no-repeat;
}

#back{
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:700;
	width:72px;
	height:15px;
}
	#back a{
		display:block;
		width:72px;
		height:15px;
		overflow:hidden;
		text-indent:-1000px;
		background:url(../img/back.png) 0 0 no-repeat;
	}

.clearfix {/zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}