@charset "UTF-8";

html{
	height:100%;
}
	
body{
	width:100%;
	height:100%;
	
}

#container {
	width:960px;
	margin:0 auto;
	position: relative;
	height: 100%;
	min-height: 100%;
	text-align:left;
	font-size:63%;
}

body > #container {
	height: auto;
}

#footer {
	width: 100%;
	position: absolute;
	left:0;
	bottom: 0;
	height: 125px;
}

#contents {
	width:960px;
	margin:0 auto;
	padding-bottom:125px;
	position:relative;
}


/* layout
-----------------------------*/

#naviArea{
	width:240px;
	float:left;
	padding-bottom:45px;
}

.positionRelative{
	position:relative;
}

.positionFix{
	position:fixed;
}

#mainArea{
	width:705px;
	float:right;
}

#footerNav {
	width:960px;
	height: 125px;
	margin:0 auto;
}

#footerNav a{
	display:block;
	width:58px;
	height:15px;
	margin-top:55px;
	float:right;
}


/* font
-----------------------------*/

a{
	color:#000;
}

a:hover{
	color:#666;
	text-decoration:none;
}