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

/**********************************
container
**********************************/
#container {
	width: 100%;
	background: url(../images/bg_body_sky.gif) repeat-x center top;
	text-align: center;
}

#clouds_back {
	width: 100%;
	background: url(../images/bg_body_clouds_S.png) repeat-x left top;
	height: 330px;
	position: absolute;
	left: 0;
	top: 0;
}
#clouds_front {
	width: 100%;
	background: url(../images/bg_body_clouds_L.png) repeat-x left top;
	height: 274px;
	position: absolute;
	left: 0;
	top: 0;
}

/**********************************
navi
**********************************/
#header {
	clear: both;
	width: 896px;
	height: 76px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	width: 428px;
	height: 76px;
	background: url(../images/bg_h1.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	text-align: left;
	position: relative;
}
#header img {	behavior: expression(IEPNGFIX.fix(this)); }
#header h1 img {
	position: absolute;
	left: 22px;
	top: 18px;
}
#header p {
	position: absolute;
	right: 22px;
	bottom: 5px;
}



/**********************************
navi
**********************************/
#navi {
	clear: both;
	width: 100%;
	height: 65px;
	background: url(../images/bg_navi.gif) repeat-x left top;
	position: relative;
}
#navi ul {
	clear: both;
	width: 855px;
	margin: 0 auto;
}
#navi li {
	float: left;
	display: inline;
}
#navi li img { behavior: expression(IEPNGFIX.fix(this)); }



/**********************************
wrapper
**********************************/
#wrapper {
	clear: both;
	width: 852px;
	background: #FFFFFF;
	margin: 10px auto 0;
	position: relative;
}

#wrapper a { text-decoration: underline; }
#wrapper a:hover { text-decoration: none; }


/**********************************
footer
**********************************/
#footer {
	clear: both;
	width: 100%;
	height: 150px;
	background: url(../images/bg_foot.gif) repeat-x center bottom;
	margin-top: 20px;
}
#footer .inner {
	clear: both;
	width: 1068px;
	height: 150px;
	background: url(../images/foot_img.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#footer .inner .btnNavi {
	width: 492px;
	background: url(../images/border_dashed_length_gray.gif) repeat-y right top;
	position: absolute;
	top: 40px;
	left: 74px;
	text-align: left;
}
#footer .inner .btnNavi li {
	height: 16px;
	text-align: left;
	float: left;
	display: inline;
	background: url(../images/border_dashed_length_gray.gif) repeat-y left top;
	margin-right: 30px;
	padding-left: 30px;
	padding-top: 3px;
}
#footer .inner .btnNavi li img {
	vertical-align: top !important;
}

#footer .inner .btnSubNavi {
	width: 350px;
	font-size: 90%;
	position: absolute;
	top: 100px;
	left: 74px;
}
#footer .inner .btnSubNavi li {
	float: left;
	display: inline;
	background: url(../images/arrow_separates_white.gif) no-repeat left;
	margin-right: 20px;
	padding-left: 10px;
}
#footer .inner .btnSubNavi li a {	color: #FFFFFF; }

#footer .inner .copy {
	color: #FFFFFF;
	text-align: right;
	font-weight: 90%;
	line-height: 1.5;
	position: absolute;
	right: 110px;
	top: 104px;
}
#footer .inner .copy p { text-align: right; }
#footer .inner .copy span {	font-size: 80%; }

.btnPageTop {
	clear: both;
	width: 100%;
	text-align: right;
	background: url(../images/border_separates_length_green.gif) repeat-x left bottom;
	margin-top: 5px;
	padding-bottom: 10px;
}
.btnPageTop a {
	background: url(../images/arrow_pagetop.gif) no-repeat left;
	padding-left: 10px;
}

.pl { background:#000 url(../images/loading.gif) 50% 50% no-repeat; }