html,body {
	width: 100%;
	height:100%;
	background:#FFF;
}


/*--------------------------------------------------------
　BASE SET
--------------------------------------------------------*/
#wrapper {
	padding: 0;
	width:1050px;
	margin: 0 auto;
	position: relative;
}


#wrapper  > #contents {
	min-height:100%;
	height:100%;
}


/*--------------------------------------------------------
　Contents
--------------------------------------------------------*/
#contents {
	height:100%;
	width: 950px;
	padding: 0px 0 0 0;
	margin: 0 auto;
}

/*--------------------------------------------------------
　#opNavi
--------------------------------------------------------*/
#opNavi {
	overflow: hidden;
}
#opNavi li {
	float: left;
	margin-left:10px;
	margin-top:5px;
}
#opNavi li.op1, #opNavi li.op2, #opNavi li.op3, #opNavi li.op4 {
	width:224px;
	height:54px;
	margin-bottom:7px;
	overflow: hidden;
	position: relative;
}
#opNavi li.op1 img, #opNavi li.op2 img, #opNavi li.op3 img, #opNavi li.op4 img {
	position: absolute;
}
#opNavi li.op1 a:hover img{
	top:-54px;
}
#opNavi li.on img{
	top:-108px;
}

#opNavi li.line {
		float: none;
		display: block;
}

/*--------------------------------------------------------
　#areaNavi
--------------------------------------------------------*/
#areaNavi {
	overflow: hidden;
}
#areaNavi li {
	float: left;
	margin-right:8px;
}
#areaNavi li.area1, #areaNavi li.area2, #areaNavi li.area3, #areaNavi li.area4 {
	width:176px;
	height:54px;
	overflow: hidden;
	position: relative;
}
#areaNavi li.area1 img, #areaNavi li.area2 img, #areaNavi li.area3 img, #areaNavi li.area4 img {
	position: absolute;
}
#areaNavi li.area1 a:hover img{
	top:-54px;
}
#areaNavi li.on img{
	top:-108px;
}


/*#contents .areabtnBox {
	position:absolute;
	top:322px;
	left:19px;
	z-index:1;
}

#contents .areabtnBox li {
	float:left;
	margin-right:8px;
}*/